网站设计方案(修改).docVIP

PAGE2

PAGE5

XX网站设计方案

（模板）

专业班级：

姓名：

学号：

指导教师：

日期：

目录

1.网站的目标规划

2.网站的内容规划

3.网页的风格和布局设计

4.网站的资料收集和准备

5.网站制作进度安排

6.网站建设的心得体会和扩展性分析

文件类型如表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.3flash动画设计

网站中的动画最好能突出主题，起到画龙点睛之功效。动画的功能是什么（企业展示还是产品展示，亦或其他……）。使用的地方：首页、二级页面或者广告栏等等。

4.4建立库项目

网页中经常用到的项目，例如版权区，可以事先定义为库项目，以备制作网页时重复使用，提高工作效率。

5．网站制作进度安排

包括如何安排每一部分的进度和计划完成时间。

6．网站建设的心得体会和扩展性分析

6.1心得体会

在网站建设中遇到了那些问题，如何解决？学习到了那些知识等等。

6.2扩展性分析

网站还可以添加那些模块，以及可以实现那些功能等等。