网站详细设计说明书

1 引言

1.1 编写目的

编写详细设计说明书是网站开发过程必不可少的部分，其目的是为了使开发人员在完成概要设计说明的基础上完成概要设计规定的各个功能块的具体实现的设计工作。通过对所产生的功能模块进行过程描述，开发一个可以直接转化成HTML语言的网站标识，这样可以使网站开发人员很好的了解网站功能，并对网站的所有模块有一个更深的了解。本说明书在概要设计的基础上，对网站各模块分别进行了实现层面上的要求和说明，为进行后面的实现和测试做准备，检验本网站的各项性能指标，及时发现纰漏及时修补。

1.2 背景

开发单位：睿信网站小组

开发人员：王云瑞、杜广龙、王梓宇、郭红岩。

1.3 参考资料

《移动网页设计与开发 HTML5+CSS3+JavaScript》。[英]Peter Gasston著，王雪 译。人民邮电出版社。

《JavaScript基础教程》，作：(美)Tom Negrino Dori 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。