网站设计说明书(模板)

宁波大红鹰学院 信息工程学院

网页名称：专业名称：班级名称：姓 名：学 号：完成时间：网 站 设 计 说 明 书

公司主页设计（XX书店设计） 信息管理与信息系统

XX 2011-1-15

网站设计说明书

一、网站规划设计说明

(网页规划设计说明，包括LOGO设计、结构设计、技术方案、内容规划等。不少于500字)

1、结构设计

小型企业网站一般规模都不是很大，一般设有3-5个栏目，有的栏目里甚至只包含一个页面，有很多中小企业的网站都属于这种类型，这类网站一般只是为了展示一下公司形象，说明一下公司的业务范围……(简要说明一下设计),页面结构相对来说比较简单，一般采用上中下结构。

2、内容规划

这类网站前台页面的开发，首页一般是一个静态的欢迎页面或者是一个flash制作的导航页面，内容页一般包含以下几个部分：

 页面头部：包含标志及企业名称等；  栏目导航：单击可以进入其它各内容页面；

 具体内容：本页的具体内容（包括说明文本及公司形象图片）  版权声明：一般在页脚部分。 3、LOGO设计

(说明：LOGO如何设计,体现了些什么用意或是用到了什么技术等)

4、技术方案

(说明：用到了哪些技术及软件)

二、网站色彩说明

(说明:包括网页主色调、链接色、导航色等，要求通过表格列出页面中需要的颜色表)

1、网站主色调

该网站的主色彩是绿色和白色，配以黄绿色和少量的橙色，文字为黑，如下图所示：

图1 配色采集

绿色是一种非常具有亲和力的颜色，它代表的是自然、生命、活力与健康，是使用比较广泛的颜色之一。黄绿色和橙色的使用，则使整个网站显示朝气蓬勃。

2、网页链接色

表1 普通文字链接配色表

第1页

3、导航链接色

(画表格说明)

三、HTML页面结构图

#main #logo #box #text img p #ver 图2 HTML页面结构图

四、页面DIV结构代码

五、CSS代码及注释

(要求:字体: Times New Roman,字号:五号,行距:1.25倍) * {//通配符的设置,保证页面效果一致 margin: 0; padding: 0; border: 0;

font-family: \"宋体\font-size: 12px; color: #000; }

body {//设置整个页面的背景色及文本的位置

第2页

background: #CCC; padding-top: 20px; text-align: center; }

#main {//设置最大DIV的背景图像、背景颜色及宽高

background: #060 url(site/img/home_main_bg.gif) repeat-x; border: 1px solid #060; margin: 0 auto; height: 500px; width: 770px; }

……

六、页面测试结果

(要求：页面在FF及IE6.0以上任一版本下测试结果，贴图完成)

1、IE6.0下测试结果

2、FF下测试结果

第3页

七、心得体会。

(要求：必须要有内容，可以是学习总结，可以是体会，可以是技术知识总结，也可以是经验总结等,不少于500字)

第4页