网页设计说明书范例(DOC 32页)

《网页设计说明书范例(DOC 32页)》由会员分享，可在线阅读，更多相关《网页设计说明书范例(DOC 32页)（32页珍藏版）》请在金锄头文库上搜索。

1、宁夏风采展示网站说明文档专业班级： 姓 名： 学 号： 指导教师： 成 绩：题 目： 走进宁夏09 级计算机科学与技术 1 班姓名学号指导教师目录第一章 网页概述 11.1 网页简介 11.2 网页组成 11.3 网页设计思想 2第二章 网页设计思路 32.1 网页设计背景 32.2 制作工具选择 32.3 素材收集 42.4 网页设计内容构想 4第三章 网页内容简介 73.1 网页功能简介 73.2 网页主要功能描述 73.3 网页的浏览 8第四章 网页设计 94.1 网页结构总图 94.2 各网页模块的组成 104.3 网页制作环境 124.4 网页设计思路 12第五章 网页制作 145.

2、1 素材的加工制作 145.2 网站的建立 155.3 网页设计 155.3.1 主页设计 155.3.2 “环境” 185.3.3 “历史” 205.3.4 “文化” 215.3.5 “城市” 245.3.6 其它页面设计 26第六章 设计体会 28致谢 29摘要【摘要】本网页主要用 HTML 语言编写， 利用 Macromedia Dreamweaver8.0 作为开发工具，介绍了宁夏回族自治区的历史、文化、人 口、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合 的方式，穿插一些视频媒体，以网站浏览的方式综合展示了宁夏回族自治区 的整体面貌，着重介绍了宁夏几大城市和特色文化

3、。【关键词】 网页设计说明书 走进宁夏 设计思路 Dreamweaver8.0 Javascript 语言第一章 网页概述1.1 网页简介网页， 是构成网站的基本元素， 是承载各种网站应用的平台。 通俗的说， 网站就是由网页组成的。网页说具体了是一个 html 文件，浏览器是是用来 解读这份文件的。本次网页设计，主要用 HTML语言编写，利用 Dreamweaver8.0 作为开发 工具，中间插入了一些 Javascript 语言用以编制一些特效，如左右移动图 片广告、 显示当前时间等， 主要介绍了宁夏回族自治区的历史、 文化、 人口、 环境、民族、城市、经济、地理、特产等基本概况，以图片和文

4、字介绍相结 合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将宁夏回族自 治区的整体面貌展现给大家， 着重介绍了宁夏回族自治区几大城市和特色文 化。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、经济介绍了宁夏

5、回族自治区 2009 年经济统计数据。10、特产介绍了宁夏回族自治区“五宝”以及其它特色产品、食品等。1.3 网页设计思想本网页使用 Macromedia Dreamweaver8.0 作为设计工具，采用多重链 接的方式展示宁夏回族自治区的历史文化等几个方面， 力求界面简洁明了的 同时，设计中插入了一些 Javascript 语言用以编制一些特效，以提高可观 赏性。在制作过程中力求综合运用所学计算机技能，充分发挥本人的专业特 长，使能够通过网页上图片展示和文字介绍，真实而且较为全面地反映宁夏 回族自治区的概况，同时也反映了宁夏人民的风土人情、民族风情、文化氛 围、精神风貌、发展前景。第二章 网

6、页设计思路2.1 网页设计背景由于因特网的开放结构，对多数用户来说，已不满足于浏览别人制作的 网页，而要自己制作网页发布到因特网上，所以网页制作不仅是专业人员的 工作，已成为普通人的生活和工作需求。值此之际，新中国 61 华诞和自治区 52 大庆的庆祝宣传活动气氛热烈， 因此构想借毕业设计之机，通过计算机工具，以“走进宁夏”为主题，制作 一网站来展示宁夏回族自治区的全新面貌，渲染回乡风情，弘扬优秀文化， 促进民族团结。2.2 制作工具选择Macromedia Dreamweaver 是一款集网页制作和管理网站于一身的所见即 所得网页编辑器，是一套视觉化网页开发工具，利用它可以轻而易举地制作 出

7、跨越平台限制和跨越浏览器限制的充满动感的网页。概括起来， Dreamweaver 具有以下优点：一是最佳的制作效率。 Dreamweaver 可以用最快速的方式将 Fireworks ， FreeHand ，或 Photoshop 等档案移至网页上。 对于选单， 快捷键与格式控制， 都只要一个简单步骤便可完成。二是方便的网站管理功能。 使用网站地图可以快速制作网站雏形、 设计、 更新和重组网页。改变网页位置或档案名称， Dreamweaver 会自动更新所有 链接。三是无可比拟的控制能力。 Dreamweaver 是提供 HTML、视觉化编辑与原 始码编辑同步的设计工具。帧 (frames)

8、和表格的制作速度快。 Dreamweaver 支援精准定位， 利用可轻易转换成表格的图层以拖拉置放的方式进行版面配 置。当使用 Dreamweaver 在设计动态网页时，所见即所得的功能，让您不需 要透过浏览器就能预览网页。全方位的呈现利用 Dreamweaver 设计的网页， 可以全方位的呈现在任何平台的热门浏览器上。因此，选用 Dreamweaver8.0 作为开发工具。2.3 素材收集文字与图片是构成一个网页的两个最基本的元素。可以简略的理解为： 文字， 就是网页的内部实质意义； 图片，就是网页的美容护肤品。 除此以外， 网页的元素还包括动画、音乐等等。1、图形 主要通过网络媒体获得图片

9、资料。如历史、地理、文化、环境方面，主 要浏览政府网站以及所属相关部门专业网站并搜集资料；城市、特产、名胜 等方面，通过搜索引擎、一些旅游资源网站（如“宁夏旅游”“天下游” ）获得，还有一部分是同事、朋友出游的时候拍摄的照片。将这些资料库中的照 片、书画作品、图片资料 , 根据具体需要，用 ACDSee、 Photoshop 软件适当 处理，变成素材添加到网页的某个地方，充分提高网页的观赏性。2、文字 由设计思路展开，搜集所需要的文字资料。历史、地理、环境、民族、 文化、人口部分参考宁夏通志 、回族文化等书籍，经济、城市、特产 部分资料来自政府网站以及所属相关部门专业网站、旅游资源网站。对素材

10、 分析选取，进行相应的文字编辑和加工。3. 图表“经济”子页引用了政府网站、统计局的数据图表。4. 视频 网络为我们提供了丰富的视频资源。为展示回族文化精粹，特选取下载 了两个“花儿”视频。5. 动画在指导教师的指导下，利用 Flash 8.0 动画制作软件创作了网页中的主 要动画，同时利用网上的动画资源，收集了一些小的动画素材，大部分作为 网页顶部标题图片的点缀。2.4 网页设计内容构想就具体设计环节而言，概括为两个方面：一方面是纯网站本身的设计比 如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有 声影像等；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定 位，制作

11、策划，形象，宣传等等。网站设计优化的具体表现是： 以用户需求为导向， 设计方便的网站导航， 网页下载速度尽可能快，网页布局合理并且适合保存、打印、转发，网站信 息丰富、有效，有助于用户产生亲切感、信任感。通过对网站功能、结构、 布局、内容等关键要素的合理设计，使得网站的功能和表现形式达到最优效 果。构思阶段需要考虑以下内容：1. 页面主题此网页的中心思想是通过网页浏览欣赏，利用文字介绍、图片展示，其 中辅以动画、音乐、视频，以图文并茂、视听兼有的形式来全面反映宁夏整 体面貌，渲染“浓郁的回乡风情” 。有主题就要进行宣传，设计网站的宣传标语。也可以说是网站的精神，网站 的目标。用一句话甚至一个词

12、来高度概括，类似实际生活中的广告金句。本网站 的主题宣传是：“走进宁夏浓郁的回乡风情” 。2. 页面内容内容要为网页主题服务。用文字介绍宁夏回族自治区的悠久历史、地区民族文化和民族文化精 粹、文学艺术、书画艺术、书画名人及其优秀作品，宁夏地理、环境概貌描 述、图片说明，宁夏风景名胜描绘，宁夏经济状况和数据说明，宁夏所辖城 市面貌，宁夏特产；用图片回顾宁夏悠久的历史，再现解放宁夏历史，展示 宁夏回族自治区书画名人及其优秀作品， 展现现代经济发展背景下的城市景 观； 用 Flash 特 效相 册 播放 宁夏 著名 风景 名胜 区 的自 然人 文景 观； 用 Javascript 语言编制多图片左移

13、特效及多图片自动翻页特效，展示宁夏所 辖城市面貌和繁华的景象；用视频及 Javascript 语言编制多图片自动翻页 特效，展现民族文化、风情。3. 结构布局版面指的是浏览器看到的完整的一个页面， 就象传统的报刊杂志编辑一 样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技 术的发展使得我们开始趋向于学习场景编剧， 但是固定的网页版面设计基础依然是必须的。它们的基本原理是共通的。本网站的主页和绝大部分页面采用“三”字型结构布局，其中顶部、底 部链接样式，以便统一协调。部分子页面采用“T”字型、“”型、标题正文型、封面型布局，以配合特效页面设计。布局，就是以最适合浏览的方式将图片

14、和文字排放在页面的不同位置。 本次设计，利用表格布局页面。由于表格定位方便，在页面的布局中有很大 的用处，浏览器在下载表格时，将表格中的所有内容（包括图像）都下载完 毕后才显示。 如果一个页面有很好的上下结构， 就分成几个上下并列的表格， 而不把整个页面中的所有内容都放在一个表格中，这样可以加快浏览速度， 减少等待时间，如宁夏特产介绍， ；如果版面是大块内容，就使用较粗的表 格，即行列数不用太多，如宁夏人口状况简介；如果页面内容比较细碎，就 使用较细的表格，也可使用嵌套表格，即表格单元的内容是另一个表格，如 主页，其中的“宁夏简介” 、 地图“宁夏特色”等都是不同的内容，且内容 较多，因此，使

15、用嵌套表格。4. 色彩搭配网站给人的第一印象来自视觉冲击， 确定网站的标准色彩是相当重要的一步。 不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。 “标准色彩”是指能体现网站型象和延伸内涵的色彩。彩色页面如同五彩缤纷的 大自然，能给人美的享受，因此上色彩搭配必须得当。绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝 色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色 的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。同时，宁夏 回族自治区是具有民族特色的地区，绿色是重要的色彩基调，让人欣赏后油 然而生一种亲切之感， 因此，以一幅绿色为基调的大型民族特色风情的图片， 辅以 Flash 动画点缀，作为页面顶部主题。在二级、三级引用。第三章 网页内容简介3.1 网页功能简介本网页使用超链接，即把一个网页与一个网页连接起来，能够实现在“IE ”浏览器中快速、全面地展示宁夏回族自治区的悠久历史、地区民族文 化和民族文化精粹、文学艺术、书画艺术、书画名人及其优秀作品，宁夏地 理、环境概貌、风景名胜、人文景观，宁夏经济状况、