网站详细设计说明书 1 引言 1.1 编写目的 编写详细设计说明书是网站开发过程必不可少的部分， 其目的是为了使开发 人员在完成概要设计说明的基础上完成概要设计规定的各个功能块的具体实现 的设计工作

---

网站详细设计说明书 1 引言 1.1 编写目的 编写详细设计说明书是网站开发过程必不可少的部分， 其目的是为了使开发 人员在完成概要设计说明的基础上完成概要设计规定的各个功能块的具体实现 的设计工作。 通过对所产生的功能模块进行过程描述，开发一个可以直接转化成 HTML 语言的网站标识，这样可以使网站开发人员很好的了解网站功能，并对网 站的所有模块有一个更深的了解。本说明书在概要设计的基础上，对网站各模块 分别进行了实现层面上的要求和说明，为进行后面的实现和测试做准备，检验本 网站的各项性能指标，及时发现纰漏及时修补。 1.2 背景 开发单位：睿信网站小组 开发人员：王云瑞、杜广龙、王梓宇、郭红岩。 1.3 参考资料 《移动网页设计与开发 HTML5+CSS3+JavaScript》 。 [英]Peter Gasston 著， 王雪 译。人民邮电出版社。 《JavaScript 基础教程》 ，作：(美)TomNegrinoDori Smit 译：陈剑瓯、柳 靖，人民邮电出版社。 《Web 基础编程》 ，李健宏、李广振，北京大学出版社。 2 网站结构 睿信主页 登陆注册 目录 Logo 模块 精品电脑 精品手机 精品配件 关于我们 首页 精华测评模块 版权、合作网站推广模块 目录模块 商品推广模块 商品展览模块 登录 模板 3 模块详细介绍 3.1 Logo 模块 Logo 是一个网站的标志。所以 Logo 模板算是一个比较重要的模板。 我们小组 Logo 设计坚持原创，由负责美工工作的王梓宇负责设计制作。主 要使用工具 Adobe Photoshop CS5。 3.2 目录模块 目录模块，具有可弹出二级目录。鼠标经过时显示，离开后消失。节约主页 资源的同时，让主页显得简洁美观。 一级目录是由五个 div 构成的。二级目录是 ap div 构成的。其中弹出功能 是由行为与显示隐藏功能实现的。主要使用工具 Adobe Dreamweaver CS5。 3.3 商品推广模块 商品推广模块其实是一个图片轮播脚本，轮播优惠信息达到推广作用。 轮播脚本资源来自网络， 再通过对里面的代码进行修改，达到我们想要得道 的效果。主要使用工具 Adobe Dreamweaver CS5。 3.3 商品展览模块 商品展览模块用于展览一些商品。 商品展览模块主要是依靠 div 布局，图片填充为内容来实现的。其中图片由 王梓宇制作。主要使用工具 Adobe Dreamweaver CS5，Adobe Photoshop CS5。 3.4 登录模块 登陆模块主要依靠 div 布局，表单提交信息实现的。主要使用工具 Adobe Dreamweaver CS5。 3.5 精华测评模块 精华测评模块主要展示一些产品的经典测评的文章，从而达到推广作用。 精华测评模块主要是同过 div 布局。填充文字与图片内容来实现。主要使用 工具 Adobe Dreamweaver CS5。 3.6 版权、合作网站推广模块 版权、合作网站推广模块主要显示版权信息和合作网站链接。 版权、合作网站推广模块由 div 布局，文字内容填充。主要使用工具 Adobe Dreamweaver CS5。