网页设计说明书范例

宁夏风采展示网站

说明文档

题目：走进

专业班级： 09级计算机科学与技术1班

姓名：姓名

学号：学号

指导教师：指导教师

成绩：

目录

第一章网页概述 (1)

1.1 网页简介 (1)

1.2网页组成 (1)

1.3网页设计思想 (2)

第二章网页设计思路 (3)

2.1 网页设计背景 (3)

2.2 制作工具选择 (3)

2.3 素材收集 (4)

2.4 网页设计容构想 (4)

第三章网页容简介 (7)

3.1 网页功能简介 (7)

3.2 网页主要功能描述 (7)

3.3网页的浏览 (7)

第四章网页设计 (9)

4.1 网页结构总图 (9)

4.2 各网页模块的组成 (9)

4.3 网页制作环境 (11)

4.4 网页设计思路 (12)

第五章网页制作 (13)

5.1 素材的加工制作 (13)

5.2的建立 (14)

5.3 网页设计 (14)

5.3.1主页设计 (14)

5.3.2“环境” (16)

5.3.3“历史” (18)

5.3.4“文化” (20)

5.3.5 “城市” (22)

5.3.6其它页面设计 (24)

第六章设计体会 (26)

致 (27)

摘要

【摘要】本网页主要用HTML语言编写，利用Macromedia Dreamweaver8.0作为开发工具，介绍了回族自治区的历史、文化、人口、

民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方

式，穿插一些视频媒体，以浏览的方式综合展示了回族自治区的整体面貌，

着重介绍了几大城市和特色文化。

【关键词】网页设计说明书走进设计思路Dreamweaver8.0 Javascript语言

第一章网页概述

1.1 网页简介

网页，是构成的基本元素，是承载各种应用的平台。通俗的说，就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。

本次网页设计，主要用HTML语言编写，利用Dreamweaver8.0作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了回族自治区的历史、文化、人口、环境、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以浏览的方式综合展示了将回族自治区的整体面貌展现给大家，着重介绍了回族自治区几大城市和特色文化。

1.2网页组成

1、主页

（1）介绍

（2）五大城市

（3）特色

2、环境

介绍了回族自治区的自然生态环境。

3、历史

介绍了的历史（旧石器时期——新中国成立——自治区成立）。

4、文化

（1）九大文化

（2）花儿

（3）文学

（4）书画

5、城市

（1）市

（2）市

（3）市

（4）市

（5）中卫市

6、民族

（1）民族构成概况

（2）回族

7、人口

介绍了回族自治区的人口状况。

8、地理

介绍了回族自治区的地理概况。

9、经济

介绍了回族自治区2009年经济统计数据。

10、特产

介绍了回族自治区“五宝”以及其它特色产品、食品等。

1.3网页设计思想

本网页使用Macromedia Dreamweaver8.0作为设计工具，采用多重的方式展示回族自治区的历史文化等几个方面，力求界面简洁明了的同时，设计中插入了一些Javascript语言用以编制一些特效，以提高可观赏性。在制作过程中力求综合运用所学计算机技能，充分发挥本人的专业特长，使能够通过网页上图片展示和文字介绍，真实而且较为全面地反映回族自治区的概况，同时也反映了人民的风土人情、民族风情、文化氛围、精神风貌、发展前景。

第二章网页设计思路

2.1 网页设计背景

由于因特网的开放结构，对多数用户来说，已不满足于浏览别人制作的网页，而要自己制作网页发布到因特网上，所以网页制作不仅是专业人员的工作，已成为普通人的生活和工作需求。

值此之际，新中国61华诞和自治区52的庆祝宣传活动气氛热烈，因此构想借毕业设计之机，通过计算机工具，以“走进”为主题，制作一来展示回族自治区的全新面貌，渲染回乡风情，弘扬优秀文化，促进民族团结。

2.2 制作工具选择

Macromedia Dreamweaver是一款集网页制作和管理于一身的所见即所得网页编辑器，是一套视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。概括起来，Dreamweaver 具有以下优点：

一是最佳的制作效率。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。

二是方便的管理功能。使用地图可以快速制作雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有。

三是无可比拟的控制能力。Dreamweaver是提供HTML、视觉化编辑与原始码编辑同步的设计工具。帧(frames)和表格的制作速度快。Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。当使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。

因此，选用Dreamweaver8.0作为开发工具。