商品展示有限公司网站设计.doc

1、商品展示有限公司网站设计摘要：在已跨入 21 世纪的今天，随着时代的飞速发展，计算机网络也在飞速的发展和普及，人们也越来越多的在网上交流、交易、通讯等等。网络正向人们展示出一片不同于传统交流互动的新天地。在互联网技术不断进步的时代，人们不只可以在网上得到各项资讯，更可以享受网上视听娱乐，令互联网逐渐成为生活中不可缺少的一部分。网站的迷人之处在于综合使用文本、图像、声音、动画等信息和内容，具有丰富的多媒体表现和互动特点。本网站主要是利用 asp 制作而成，充分利用了 Dreamweaver 的一些基本功能，超链接等页面元素。网站的布局均由 dreamweaver 完成，基本模块完成后再进行与 A

2、ccess 数据库的结合，最终完成整个网站的制作。此网站结合了网页设计及数据库等一些所学的知识，制作出这个具体基础功能的企业网站。 2目 录第一章：绪论 .31.1 网站开发背景： .31.2 技术可行性分析 .31.2.1 静态网页技术 .31.2.2 Access 数 据 库 .41.2.3 .ASP 动态网页技术 .4第二章:网站设计 .52.1 主页页面设计 .52.2 留言板设计 .82.3 子页设计 .92.4 后台登陆设计 .102.5 后台管理设计 .12总结 .20致谢 .203第一章：绪论 1.1 网站开发背景：随 着 Internet 在 中 国 的 迅 速 发 展 ,人

3、 们 日 常 生 活 中 越 来 越 多 地 使 用 这 项 新 的 技 术来 为 自 己 的 工 作 和 学 习 服 务 .由 于 WEB 页 面 能 把 文 本 、 图 像 、 声 音 、 动 画 、 视 像 等 多种 媒 体 信 息 集 于 一 体 ， 不 但 使 信 息 的 显 示 更 加 生 动 ， 而 且 使 信 息 的 浏 览 更 为 方 便 ,同时 WEB 页 能 实 现 网 上 交 易 平 台 、 客 户 信 息 反 馈 方 便 了 企 业 与 客 户 之 间 信 息 交 流 ， 因 此许 多 企 业 纷 纷 建 设 网 站 以 增 强 企 业 知 名 度 .1.2 技术可行

4、性分析本网站运用 Dreamweaver 静态网页与 asp 动态网页结合，才用 Access 数据库做后台，来实现留言发布与管理和文章发布与管理功能。1.2.1 静态网页技术静 态 网 页 是 相 对 于 动 态 网 页 而 言 ， 是 指 没 有 后 台 数 据 库 、 不 含 程 序 和 不 可 交 互 的网 页 。 你 编 的 是 什 么 它 显 示 的 就 是 什 么 、 不 会 有 任 何 改 变 。 静 态 网 页 相 对 更 新 起 来 比 较麻 烦 ， 适 用 于 一 般 更 新 较 少 的 展 示 型 网 站 。在 网 站 设 计 中 ， 纯 粹 HTML 格 式 的 网

5、页 通 常 被 称 为 “静 态 网 页 ”， 早 期 的 网 站 一 般都 是 由 静 态 网 页 制 作 的 。 静 态 网 页 的 网 址 形 式 通 常 为 : 也 就 是 以 .htm、 .html、 .shtml、 .xml 等 为 后 后 缀 的 。在 HTML 格 式 的 网 页 上 ， 也 可 以 出 现 各 种 动 态 的 效 果 ， 如 .GIF 格 式 的 动 画 、 FLASH、滚 动 字 母 等 ， 这 些 “动 态 效 果 ”只 是 视 觉 上 的 ， 与 下 面 将 要 介 绍 的 动 态 网 页 是 不 同 的概 念 。静 态 网 页 的 特 点 简 要 归

6、纳 如 下 ： :(1)静 态 网 页 每 个 网 页 都 有 一 个 固 定 的 URL， 且 网 页 URL 以 .htm、 .html、 .shtml等 常 见 形 式 为 后 缀 ， 而 不 含 有 “?”;(2)网 页 内 容 一 经 发 布 到 网 站 服 务 器 上 ， 无 论 是 否 有 用 户 访 问 ， 每 个 静 态 网 页 的 内容 都 是 保 存 在 网 站 服 务 器 上 的 ， 也 就 是 说 ， 静 态 网 页 是 实 实 在 在 保 存 在 服 务 器 上 的 文 件 ，每 个 网 页 都 是 一 个 独 立 的 文 件 ;(3)静 态 网 页 的 内 容 相

7、 对 稳 定 ， 因 此 容 易 被 搜 索 引 擎 检 索 ;(4)静 态 网 页 没 有 数 据 库 的 支 持 ， 在 网 站 制 作 和 维 护 方 面 工 作 量 较 大 ， 因 此 当 网 站信 息 量 很 大 时 完 全 依 靠 静 态 网 页 制 作 方 式 比 较 困 难 ;4(5)静 态 网 页 的 交 互 性 较 差 ， 在 功 能 方 面 有 较 大 的 限 制 。1.2.2 Access 数 据 库Access 是 微 软 公 司 推 出 的 基 于 Windows 的 桌 面 关 系 数 据 库 管 理 系 统 （ RDBMS， 即Relational Databa

8、se Management System） ， 是 Office 系 列 应 用 软 件 之 一 。 它 提 供了 表 、 查 询 、 窗 体 、 报 表 、 页 、 宏 、 模 块 7 种 用 来 建 立 数 据 库 系 统 的 对 象 ； 提 供 了 多种 向 导 、 生 成 器 、 模 板 ， 把 数 据 存 储 、 数 据 查 询 、 界 面 设 计 、 报 表 生 成 等 操 作 规 范 化 ；为 建 立 功 能 完 善 的 数 据 库 管 理 系 统 提 供 了 方 便 ， 也 使 得 普 通 用 户 不 必 编 写 代 码 ， 就可 以 完 成 大 部 分 数 据 管 理 的 任

9、 务 。 Access 能 够 存 取 Access/Jet、 Microsoft SQL Server、 Oracle(甲 骨 文 软件 公 司 )， 或 者 任 何 ODBC 兼 容 数 据 库 内 的 资 料 。 熟 练 的 软 件 设 计 师 和 资 料 分 析 师 利用 它 来 开 发 应 用 软 件 ， 而 一 些 不 熟 练 的 程 序 员 和 非 程 序 员 的 “进 阶 用 户 “则 能 使 用 它来 开 发 简 单 的 应 用 软 件 。 虽 然 它 支 援 部 分 面 向 对 象 （ OOP） 技 术 ， 但 是 未 能 成 为 一 种完 整 的 面 向 对 象 开 发

10、工 具 。1.2.3 .ASP 动态网页技术ASP 即 Active Server Pages， 它 是 微 软 开 发 的 一 种 类 似 HTML(超 文 本 标 识 语 言 )、Script(脚 本 )与 CGI(公 用 网 关 接 口 )的 结 合 体 ， 它 没 有 提 供 自 己 专 门 的 编 程 语 言 ， 而是 允 许 用 户 使 用 许 多 已 有 的 脚 本 语 言 编 写 ASP 的 应 用 程 序 。 ASP 的 程 序 编 制 比 HTML更 方 便 且 更 有 灵 活 性 。 它 是 在 Web 服 务 器 端 运 行 ， 运 行 后 再 将 运 行 结 果 以

11、HTML 格 式传 送 至 客 户 端 的 浏 览 器 。 因 此 ASP 与 一 般 的 脚 本 语 言 相 比 ， 要 安 全 得 多 。ASP 的 最 大 好 处 是 可 以 包 含 HTML 标 签 ， 也 可 以 直 接 存 取 数 据 库 及 使 用 无 限 扩 充 的ActiveX 控 件 ， 因 此 在 程 序 编 制 上 要 比 HTML 方 便 而 且 更 富 有 灵 活 性 。 通 过 使 用 ASP的 组 件 和 对 象 技 术 ， 用 户 可 以 直 接 使 用 ActiveX 控 件 ， 调 用 对 象 方 法 和 属 性 ， 以 简 单的 方 式 实 现 强 大

12、的 交 互 功 能 。我 们 将 动 态 网 页 的 一 般 特 点 简 要 归 纳 如 下 ：（ 1） 动 态 网 页 以 数 据 库 技 术 为 基 础 ， 可 以 大 大 降 低 网 站 维 护 的 工 作 量 ；（ 2） 采 用 动 态 网 页 技 术 的 网 站 可 以 实 现 更 多 的 功 能 ， 如 用 户 注 册 、 用 户 登 录 、 在线 调 查 、 用 户 管 理 、 订 单 管 理 等 等 ；（ 3） 动 态 网 页 实 际 上 并 不 是 独 立 存 在 于 服 务 器 上 的 网 页 文 件 ， 只 有 当 用 户 请 求 时服 务 器 才 返 回 一 个 完 整

13、 的 网 页 ；（ 4） 动 态 网 页 中 的 “？ ”对 搜 索 引 擎 检 索 存 在 一 定 的 问 题 ， 搜 索 引 擎 一 般 不 可 能5从 一 个 网 站 的 数 据 库 中 访 问 全 部 网 页 ， 或 者 出 于 技 术 方 面 的 考 虑 ， 搜 索 蜘 蛛 不 去 抓 取 网址 中 “？ ”后 面 的 内 容 ， 因 此 采 用 动 态 网 页 的 网 站 在 进 行 搜 索 引 擎 推 广 时 需 要 做 一 定的 技 术 处 理 才 能 适 应 搜 索 引 擎 的 要 求第二章:网站设计此网站主要用于客户浏览和了解公司概况，可进行简单的留言。涉及到的有登陆，留言

14、，信息发布，更改留言和信息，内容调用，子菜单的显示，链接 ACCESS，和 ACCESS的简单运用。网站没有具体的公司内容，只做了简单的模块和实现了网站的基本功能。2.1 主页页面设计主页利用 Dreamweaver 排版。一级菜单栏内容有首页，公司概况，服务体系，经典案例，客户留言，人力资源，联系我们。二级菜单有：公司概况：公司简介，经营哲学，发展历程，荣誉资质，生产基地服务体系：服务内容，服务承诺，服务流程，投诉流程，预警措施，合作品牌经典案例：内衣类，女装/男装/童装类，鞋/提包类,化妆品/珠宝首饰类客户留言：客户留言人力资源：人力资源联系我们：联系我们菜单栏下方是 JS 特效，自动切换

15、广告图片。公司新闻与公司动态模块页面效果： 6主页广告切换代码：$(function()$(#ad_img).cycle(fx: fade,pager: #ad_btns,cleartype:1,timeout:5000);if($(“#values_list ul li“).size()=4)$(“#values_list“).jCarouselLite(visible: 4,vertical: true,7scroll:2,auto:7000/滚动周期);$(#notice).cycle(fx: fade,timeout:3000);$(“#flash“).jCarouselLite(bt

16、nNext: “#control_left“,btnPrev: “#control_right“,visible: 1,auto:10000,speed:500)2.2 留言板设计留言板的设计采用简单的框架模式，内容包括姓名，邮箱，联系电话，留言内容。在留言发布下面可以显示之前的留言。绑定 ACCESS 中的 liuyanban 表！页面效果：8数据插入代码：2.3 子页设计除了后台，所有的页面都保留了菜单栏和 logo 部分。除了首页，其他页面均为此样式，左边为当前栏目的所有子链接。内容均是链接数据库显示，然后用模板做出此效果。内容可以在后台更改。子页的内容除关于公司的内容在数据库的 qiyexinwen 表外，其他的内容均在数据库的 xinwenb 表中！子页的设计均绑定了数据库，并通过修改模板制作出效果！页面效果：数据库绑定代码：2.4 后台登陆设计后台登陆绑定了 Access 数据库的 admin 表，通过数据表信息登陆后台。账户为：admin 密码：admin.失败则弹出口框：用户名不存在或密码错误，成功就显示登录成功，跳转到后台管理。效果显示：登陆控件代码：function submitfrm(frm)if(frm.username.value.trim()=“)