网页设计文档.docx

网页设计文档.docx

《网页设计文档.docx》由会员分享，可在线阅读，更多相关《网页设计文档.docx（9页珍藏版）》请在冰豆网上搜索。

网页设计文档

姓名：

XXX

学号：

XXXXXXX

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。

上学期选择的这门课程让我学到了不少关于计算机和网络的知识。

老师把课程内容安排的很合理，讲的大都是很基础的知识，这对于像我这样对网络了解不多的学生来说很容易理解，接受。

在这门课上我学习到了一些关于建设网站和制作网页的知识，对Photoshop和flash也有所了解。

课上我还学到了一些基础的网络技术，用制作网络的工具做网页等。

通过对这门课的学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。

尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

如今，直方又来给我们做了为期一个星期的培训。

通过这五天来的不懈努力，学到了很多关于网页制作的实用的知识，特别是认识到了网站开发的流程还有就是团队的力量。

下面是我们小组构建汇通网站的大体流程：

我们在鄢老师的指导下，经过一天的奋战，首先把汇通数码的需求规格说明书和数据库设计文档完成了。

然后就是实战工作了，这个任务量特别大。

两个文档一完工，我们就开始了。

我们主要做七个模块的内容：

首页（Home）、公司简介（Introduce）、产品展示（Product）、最新动态（News）、留言反馈（Message）、联系我们（Contactus）、后台管理（Manage）。

我主要负责的是首页设计和最后所有网页的集成。

汇通首页界面

首页结构示意图

汇通公司简介

汇通产品介绍

汇通新闻动态

留言反馈

联系我们

后台管理界面

在数据库设计时我们也遇到了不少问题，而且都是特别低级的错误，例如不知道数据库如何存储图片，不过最终在鄢老师的帮助下我们还是解决了。

下面是汇通数码网站的数据库设计：

表名

t_message（留言表信息）

所属模块

无

列名

中文名

数据类型

长度

是否允许空

是否主键

nMessageID

标题id

int

4

否

是

strTitle

标题

Varchar

200

否

否

strContent

内容

Varchar

500

是

否

strWriter

作者

Varchar

20

否

否

dtWriteTime

时间

Datatime

20

否

否

nCount

回复数

int

4

否

否

表名

t-users（用户表）

列名

中文名

数据类型

长度

是否允许为空

是否主键

nUserID

编号

int

4

否

是

strUserName

用户名

varchar

20

是

否

strPassword

密码

varchar

10

否

否

表名

t_news（最新动态表）

所属模块

无

列名

中文名

类型

长度

是否允许空

是否主键

nId

新闻编号

int

4

否

是

nType

新闻类型

int

2

否

否

strTitle

新闻标题

Varchar

200

否

否

strContent

新闻内容

Varcharclob

10000

否

否

strCreater

上传人

Varchar

20

是

否

nViewsNumber

浏览量

int

4

否

否

strTime

发布时间

Varchar

20

否

否

表名

t-productType（产品种类表）

所属模块

无

列名

中文名

数据类型

长度

是否允许空

是否主键

strTypeSerialNo

商品种类编号

varchar

4

否

是

strTypeName

商品种类名称

varchar

20

否

否

txtPicture

商品图片

txt

8000

是

否

表名

t-productDetial（产品详细信息表）

所属模块

列名

中文名

数据类型

长度

是否允许为空

是否主键

nProductID

标识id

int

4

否

是

nSerialNumber

商品编号

int

8

否

否

strName

商品名称

varchar

20

否

否

strBrand

商品品牌

varchar

20

是

否

strModel

型号

varchar

20

否

否

price

价格

numeric（10,2）

20

否

否

txtPicture

图片

txt

8000

是

否

strDescription

描述

varchar

800

否

否

还有就是在具体的制作一个网页时我了解到一个优秀的网页设计应该具备以下一些基本原则：

1 确定网页设计的内容

一个优秀的风站要有一个明确的主题,整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用。

2 了解你网站所在行业的客户

用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.

3、做一个典型用户

不以用户身份亲身体验网站你才能发现问题，才知道那些需要改进，尽量不要让客户去发现问题，在前期设计时就应该把这些问题解决。

4 优化内容 

内容是整个网站的核心。

在网站设计之前必须明确网站的内容安排。

优秀网页设计是要建立在平凡的基础上的。

然后在具体的规划一个网站时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站 （有很多页面） 的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间的链接关系。

是星形，树形，或是网形链接。

这也是判别一个网站优劣的重要标志。

链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

 框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。

下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

我们称作资料收集 

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。

大部分人的方法是：

从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

在准备材料的时候我们可以用到学习的Flash知识来制作一些小的动画和动态图片，Flash 提供了功能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。

在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。

然后是开始正式制作主页。

通过Dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：

图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

通过这次培训最终把自己的网页展示给大家看，那种成就感是无法用语言形容的。

在今后的闲余时间，我将会学习制作网页的更多知识，使它成为自己的一项技能。