2022年网站详细设计说明书知识 .pdf

网站详细设计说明书1 引言1.1 编写目的编写详细设计说明书是网站开发过程必不可少的部分，其目的是为了使开发人员在完成概要设计说明的基础上完成概要设计规定的各个功能块的具体实现的设计工作。通过对所产生的功能模块进行过程描述，开发一个可以直接转化成HTML语言的网站标识，这样可以使网站开发人员很好的了解网站功能，并对网站的所有模块有一个更深的了解。本说明书在概要设计的基础上，对网站各模块分别进行了实现层面上的要求和说明，为进行后面的实现和测试做准备，检验本网站的各项性能指标，及时发现纰漏及时修补。1.2 背景开发单位：睿信网站小组开发人员：王云瑞、杜广龙、王梓宇、郭红岩。1.3 参考资料移动网页设计与开发 HTML5+CSS3+JavaScript 。英Peter Gasston 著，王雪 译。人民邮电出版社。JavaScript基础教程，作：(美)TomNegrinoDori Smit译：陈剑瓯、柳靖，人民邮电出版社。Web基础编程，李健宏、李广振，北京大学出版社。名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 3 页 -2 网站结构3 模块详细介绍3.1 Logo 模块Logo是一个网站的标志。所以Logo模板算是一个比较重要的模板。我们小组 Logo 设计坚持原创，由负责美工工作的王梓宇负责设计制作。主要使用工具 Adobe Photoshop CS5。3.2 目录模块目录模块，具有可弹出二级目录。鼠标经过时显示，离开后消失。节约主页资源的同时，让主页显得简洁美观。一级目录是由五个div 构成的。二级目录是ap div 构成的。其中弹出功能是由行为与显示隐藏功能实现的。主要使用工具Adobe Dreamweaver CS5。3.3 商品推广模块睿信主页登陆注册目录精品电脑精品手机精品配件关于我们首页Logo 模块商品推广模块目录模块商品展览模块登录模板精华测评模块版权、合作网站推广模块名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 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。名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 3 页 -