网站设计专项方案.doc

XX网站设计方案
（模板）

专业班级：
姓 名：
学 号：
指导老师：
日 期：

目 录
1.网站目标计划
2.网站内容计划
3.网页风格和布局设计
4.网站资料搜集和准备
5.网站制作进度安排
6.网站建设心得体会和扩展性分析

1．网站目标计划
1.1 网站专题策划
经过网络就某个专题搜索资料，题材不限，要求有个人特色、新奇和有吸引力，并对网站作简单介绍如专题是什么？分那多个栏目，每个栏目标特色和关键内容是什么？
参考专题：对计算机基础教育见解，互动式教学方法，网上论坛，QQ聊天叙述等。也能够是其它有爱好专题如：文学、历史、科技、体育、旅游、生活、时尚等。
参考专题：（1）教学资源网站；（2）个人网站；（3）班级网站；（4）学习网站；（5）学校网站；（6）旅游网站；（7）企业网站；（8）体育网站。
1.2 目标用户定位
确定了站点实现目标以后，需要确定站点浏览用户。创建世界上每个人全部能使用 Web 站点是不可能。大家爱好、爱好不一样，使用不一样浏览器，以不一样速度连接，这些原因全部会影响站点使用。所以需要确定目标用户，依据用户特点来设计站点风格。

2．网站内容计划
2.1网站栏目结构设计
（通常企业型网站应包含：企业介绍、企业动态、产品介绍、用户服务、联络方法、在线留言等基础内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。）
可先在纸上绘制网站栏目结构草图，经过反复推敲，最终确定完整栏目和内容层次结构，本网站系统结构图以下（示例）：
网站首页
联络我们
产品中心
新闻中心
相关我们

…
……

发展历程

企业介绍
XX信息
XX信息
XX信息
XX信息
XX信息
行业新闻
企业新闻

表2.1　“XX企业网站”栏目结构
一级栏目
二级栏目
三级栏目及内容页面
首页
index.html
相关我们：AboutUs.html
qyjj.html
……
fzlc.html
新闻中心：News.html
News_hy.html
News_qy.html
……
产品中心：Product.html
proinfo_xx.html
proinfo_xx.html
proinfo_xx.html
proinfo_xx.html
……
联络我们：Contact.html
留言板.html
……
产品论坛（http://www.XXX）

2.2网站目录结构和链接结构设计
1.目录结构
依据网站策划确定栏目结构，创建站点目录，一个网站目录结构要求层次清楚、井然有序，首页、栏目页、内容页区分明确，有利于以后修改。“XX企业网站”目录结构，各文件夹所存放文件类型如表2.2所表示。
注意：文件夹和文件名称提议不要使用汉字名，因为汉字名在HTML文档中轻易生成乱码，造成链接产生错误。
表2.2　　网站目录结构及其存放文件类型
文件夹名称
存放文件类型
css
CSS样式文件。
flash
动画文件、视频文件。
image
图像文件、照片。
js
外部脚本文件。
Library
库文件。
music
音乐、音频文件。
Templates
模板文件。
text
文字素材。
webpage_1
一级页面文件，该文件夹又有多个子文件夹，比如webpage_1_01。
webpage_2
二级页面文件，该文件夹又有多个子文件夹，比如webpage_2_01。
other
其它类型文件。
webstandby
备用页面、备用素材
index.html
主页

2.网站链接结构
网站链接结构和目录结构不一样，网站目录结构指站点文件存放结构，通常只有设计人员能够直接看到，而网站链接结构指网站经过页面之间联络表现结构，浏览者浏览网站能够观察到这种结构。本网站链接结构采取“网状”链接结构，结构图图17-2所表示。

3．网页风格和布局设计
3.1网站形象设计
包含设计网站标志、设计网站标准色彩和网站采取标准字体等等。比如：网站全名及 logo 标志创意。
3.2网站界面风格
如主、从色调搭配（即采取什么色彩为基调，配以相关其它色彩，和企业整体形象一致），页面导航设计和页面视觉组成等等。
比如：色彩搭配及其含义（如绿色 + 金黄 + 淡白，表现优雅 , 舒适感觉）
3.3网站版面布局设计
采取何种方法页面布局，在网页文字和图像等元素上怎样平衡，依据网络速度、阅读习惯等采取了什么技术方案来处理。依据所需站点布局外观，先画一个站点草图，方便以后建立站点时能够根据它来操作。
1.首页设计草图以下：

Logo
Banner
简单功效
导航栏
功效列表
或
局部导航

关键内容
版权申明

2.栏目页设计草图以下：

3.4网站导航设计
设计站点导航时，应考虑怎样使访问者能够方便从一个区域移动到另一个区域。具体考虑以下几点：明确“目前位置”；导航方便；提供和网站管理员联络方法。
4．网站资料搜集和准备
依据网站栏目、内容设计，链接结构设计，首页布局结构，多个关键导航页面布局结构，准备所需素材。
4.1文本资料准备
准备大量网页中所需文字资料，能够从各类网站、多种书籍中搜集文字资料，然后制作成word文档或文本文件，注意多种文字资料文件名命名要科学合理，避免以后找不到所需文本内容。
4.2准备多种图片及按钮
1.利用Fireworks或Photoshop量身定做本网站Logo标志，Logo标志要和本网站专题相符，要有新意。
2.其它图片及按钮。依据需要到网上或素材光盘中搜集所需图片和按钮、有些图片、按钮需要自己利用图像处理软件制作。比如：需要制作那些图片，图片尺寸等等。
4.3 flash动画设计
网站中动画最好能突出专题，起到画龙点睛之功效。动画功效是什么（企业展示还是产品展示，亦或其它……）。使用地方：首页、二级页面或广告栏等等。
4.4建立库项目
网页中常常见到项目，比如版权区，能够事先定义为库项目，以备制作网页时反复使用，提升工作效率。
5．网站制作进度安排
包含怎样安排每一部分进度和计划完成时间。
6．网站建设心得体会和扩展性分析
6.1心得体会
在网站建设中碰到了那些问题，怎样处理？学习到了那些知识等等。
6.2扩展性分析
网站还能够添加那些模块，和能够实现那些功效等等。