网页设计说明书
走进宁夏
【摘要】本网页主要用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作为开发工具。
2.3 素材收集
文字与图片是构成一个网页的两个最基本的元素。可以简略的理解为：文字，就是网页的内部实质意义；图片，就是网页的美容护肤品。除此以外，
网页的元素还包括动画、音乐等等。
1、图形
主要通过网络媒体获得图片资料。如历史、地理、文化、环境方面，主要浏览政府网站以及所属相关部门专业网站并搜集资料；城市、特产、名胜等方面，通过搜索引擎、一些旅游资源网站（如“宁夏旅游”“天下游”）获得，还有一部分是同事、朋友出游的时候拍摄的照片。将这些资料库中的照片、书画作品、图片资料,根据具体需要，用ACDSee、Photoshop软件适当处理，变成素材添加到网页的某个地方，充分提高网页的观赏性。
2、文字
由设计思路展开，搜集所需要的文字资料。历史、地理、环境、民族、文化、人口部分参考《宁夏通志》、《回族文化》等书籍，经济、城市、特产部分资料来自政府网站以及所属相关部门专业网站、旅游资源网站。对素材分析选取，进行相应的文字编辑和加工。
3.图表
“经济”子页引用了政府网站、统计局的数据图表。
4.视频
网络为我们提供了丰富的视频资源。为展示回族文化精粹，特选取下载了两个“花儿”视频。
5.动画
在指导教师的指导下，利用Flash 8.0动画制作软件创作了网页中的主要动画，同时利用网上的动画资源，收集了一些小的动画素材，大部分作为网页顶部标题图片的点缀。
2.4 网页设计内容构想
就具体设计环节而言，概括为两个方面：一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，制作策划，形象，宣传等等。
网站设计优化的具体表现是：以用户需求为导向，设计方便的网站导航，网页下载速度尽可能快，网页布局合理并且适合保存、打印、转发，网站信息丰富、有效，有助于用户产生亲切感、信任感。通过对网站功能、结构、
布局、内容等关键要素的合理设计，使得网站的功能和表现形式达到最优效果。
构思阶段需要考虑以下内容：
1.页面主题
此网页的中心思想是通过网页浏览欣赏，利用文字介绍、图片展示，其中辅以动画、音乐、视频，以图文并茂、视听兼有的形式来全面反映宁夏整体面貌，渲染“浓郁的回乡风情”。
有主题就要进行宣传，设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括，类似实际生活中的广告金句。本网站的主题宣传是：“走进宁夏——浓郁的回乡风情”。
2.页面内容
内容要为网页主题服务。
用文字介绍宁夏回族自治区的悠久历史、地区民族文化和民族文化精粹、文学艺术、书画艺术、书画名人及其优秀作品，宁夏地理、环境概貌描述、图片说明，宁夏风景名胜描绘，宁夏经济状况和数据说明，宁夏所辖城市面貌，宁夏特产；用图片回顾宁夏悠久的历史，再现解放宁夏历史，展示宁夏回族自治区书画名人及其优秀作品，展现现代经济发展背景下的城市景观；用Flash特效相册播放宁夏著名风景名胜区的自然人文景观；用Javascript语言编制多图片左移特效及多图片自动翻页特效，展示宁夏所辖城市面貌和繁华的景象；用视频及Javascript语言编制多图片自动翻页特效，展现民族文化、风情。
3.结构布局
版面指的是浏览器看到的完整的一个页面，就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须的。它们的基本原理是共通的。
本网站的主页和绝大部分页面采用“三”字型结构布局，其中顶部、底部链接样式，以便统一协调。部分子页面采用“T”字型、“Ⅱ”型、标题正文型、封面型布局，以配合特效页面设计。
布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。
本次设计，利用表格布局页面。由于表格定位方便，在页面的布局中有很大的用处，浏览器在下载表格时，将表格中的所有内容（包括图像）都下载完毕后才显示。如果一个页面有很好的上下结构，就分成几个上下并列的表格，而不把整个页面中的所有内容都放在一个表格中，这样可以加快浏览速度，减少等待时间，如宁夏特产介绍，；如果版面是大块内容，就使用较粗的表格，即行列数不用太多，如宁夏人口状况简介；如果页面内容比较细碎，就使用较细的表格，也可使用嵌套表格，即表格单元的内容是另一个表格，如主页，其中的“宁夏简介”、地图“宁夏特色”等都是不同的内容，且内容较多，因此，使用嵌套表格。
4.色彩搭配
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。“标准色彩”是指能体现网站型象和延伸内涵的色彩。彩色页面如同五彩缤纷的大自然，能给人美的享受，因此上色彩搭配必须得当。
绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。同时，宁夏回族自治区是具有民族特色的地区，绿色是重要的色彩基调，让人欣赏后油然而生一种亲切之感，因此，以一幅绿色为基调的大型民族特色风情的图片，辅以Flash动画点缀，作为页面顶部主题。在二级、三级引用。
第三章网页内容简介
3.1 网页功能简介
本网页使用超链接，即把一个网页与一个网页连接起来，能够实现在“IE”浏览器中快速、全面地展示宁夏回族自治区的悠久历史、地区民族文化和民族文化精粹、文学艺术、书画艺术、书画名人及其优秀作品，宁夏地理、环境概貌、风景名胜、人文景观，宁夏经济状况、城市面貌、宁夏特产等等现代发展成就。
3.2 网页主要功能描述
本网站分成多层链接关系，主要实现如下功能：
1、简介宁夏回族自治区的基本情况，宁夏回族自治区的政区地图，宁夏特色总览。
2、展示宁夏回族自治区的悠久历史，历史来源和足迹，再现解放宁夏历史。
3、介绍宁夏回族自治区的自然生态环境，著名风景名胜区“两沙一景”——沙湖、沙坡头的自然景观。
4、介绍宁夏回族自治区九大文化、宁夏文化、宁夏文学及作品欣赏、宁夏书画艺术及优秀作品。
5、展示宁夏回族自治区现辖五大城市的繁荣景象，着重展示首府银川市的魅力。
6、介绍宁夏回族自治区民族构成，展示回族特色文化、民族风情。
7、介绍宁夏回族自治区人口状况。
8、介绍了宁夏回族自治区的地理概况，展示“两山一河”、“塞上湖城”。
9、介绍了宁夏回族自治区的2009年经济统计数据，展现经济蓬勃发展势头。
10、介绍了宁夏回族自治区特产“五宝”和其它产品、食品。
3.3网页的浏览
本网页在任何Windows环境下均可以打开浏览，只要双击“zoujinningxia”文件夹下的主页index.html，便可打开主页“走进宁夏”，点击其中的任意一个超级链接，便可随心所欲地去观赏宁夏回族自治区文化特色、文化作品、民族文化风采、风俗民情，观赏几大城市美丽的自然景观
和人文景观，欣赏名胜风景等，特别是“两沙一景”——沙湖、沙坡头的自然景观，由于采用了特效flash相册，浏览时可以全屏欣赏美景。
第四章网页设计
4.1 网页结构总图
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点连接，也可以和多个点连接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体的空间中。网站的链接结构的目的在于：用最少的链接，使得浏览最有效率。通过对网站功能、结构、布局、内容等关键要素的合理设计，使得网站的功能和表现形式达到最优效果。
根据网页功能的要求，本网站分为十个主页面，其中，“历史”、“文化”、“城市”等主页面下又有二级、三级子页面。结构如下图所示。
4.2 各网页模块的组成
一般的，建立网站的链接结构有两种基本方式：
1.树状链接结构（一对一）。类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道
自己在什么位置，不会"迷"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。
2.星状链接结构（一对多）。类似网络服务器的链接，每个页面相互之间都建立有链接。立体结构象东方明珠电视塔上的钢球。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用。我希望浏览者既可以方便快速的达到自己需要的页面，又可以清晰的知道自己的位置。所以，本网站采用的办法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。
1.主页
（1）宁夏介绍：历史、文化、人口、环境、民族、城市、经济、地理、特产；政区地图。
（2）宁夏特色：“五宝”、特色食品、产品、民族特色建筑、民族风情。
2.历史
悠久的历史和历史发展轨迹；老照片再现宁夏解放。
3.环境
自然生态环境；风景名胜图片。
4.文化
九大文化特征的形成；宁夏民族特色文化精粹——花儿；宁夏文学状况介绍、作品欣赏；宁夏书画人物、作品。
5.城市
宁夏区辖城市概况；银川市、美丽的银川图片展；石嘴山市；吴忠市；中卫市；固原市。
6.民族
文字介绍、图片展示宁夏回族风情。
7.人口
介绍宁夏回族自治区人口状况。
8.地理
政区简图、文字介绍宁夏回族自治区地理概况。
9.经济
引用统计局数据，展现宁夏经济发展势头。
10.特产
图片结合文字介绍，推出宁夏特色产品等。
4.3 网页制作环境
1、此网页运行环境为Windows98/2000/XP
2、此网页主要利用Dreamweaver8.0作为开发工具，Dreamweaver是一款集网页制作和管理网站于一身的所见即所得网页编辑器，它是一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它的主要优点是制作效率高,网站管理非常
灵活方便，视觉化编辑与原始码编辑同步的设计。使用HTML语言和JAVASCRIPT 语言编写，系统采用了HTML语言编写程序，HTML语言是超文本标记语言（HyperTextMarkupLanguage），HTML语言使用一些约定的符号对各种文件进行标记，利用特定的标记产生各种特定的效果，比如控制超文本显示的字体、字号、颜色、位置，加入表格，插入图像、声音、超链接等。这些标记的文件存放在WEB 服务器上，通过国际互联网供读者阅读。
4.4 网页设计思路
网站设计优化的具体表现是：既要网页本身具有丰富的内容，且符合美学原理，还要以用户需求为导向，设计方便的网站导航，网页下载速度尽可能快，网页布局合理并且适合保存、打印、转发，网站信息丰富、有效，有助于用户产生亲切感、信任感。同时，网站还要有自己的“风格”。
风格是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值观，意义内涵，站点荣誉等等诸多因素。
风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。
本次设计，绝大多数网页采用链接样式，达到和主页页面统一的风格来制作样式统一的网站，部分子页面采用其它如“T”字型、“Ⅱ”型、标题正文型、封面型布局，以配合特效页面设计，即追求“创意”。
创意是将现有的要素重新组合。创意是传达信息的一种特别方式。
设计主要依靠Dreamweaver8.0进行可视化编程，达到快速高效完成设计的目的。
Dreamweaver8.0提供了两种搭建站点的方法，一是使用向导完成，二是使用高级设定完成。本站点网页采用第一种方法创建站点，然后创建网站首页，再根据设计的结构，创建子页面，编制二至三层链接，实现网站的设计功能。根据本次设计选题的背景、主题思想，将本次设计的重点内容确定为：主页设计、宁夏历史、宁夏文化、自然生态环境、城市等几个部分的设计。
第五章网页制作
5.1 素材的加工制作
网页制作之前要收集好相关的素材，对收集的素材进行分类管理，如可分为：文字素材、图像素材、视频素材、动画素材等。并且对素材进行加工处理，以适合网站主题。如果没有合适的素材，还要自己用相关软件进行网页素材制作。一个好的网页除了需要有好的内容外还要有好的美工，网页元素的制作是美工工作的重点。
在设计初期，从一些相关书籍、网络媒体、同事朋友处获得了足够多的素材，有文字、图片、flash动画、视频、音频等，并对这些素材进行精心的挑选，使用相应的软件进行加工制作，以适应具体网页制作的要求。
1.文字
利用最常用的文字编辑处理软件Word 2003，对文字资料进行重整、修改或添加，清除格式以便在Dreamweaver的设计视图中输入。
2.图片
根据设计构思，图片分类，用ACDSee分别进行调整大小，使同一使用区域的图片尽量大小一致；再用Potoshop图像处理软件分别调整其色相、饱和度等参数以满足色彩需要。用Potoshop图像处理软件对一些图片进行“减淡”，作为部分页面的背景图像。
3. 制作网页顶部图形
根据网站的主题和精神，精心挑选了六张图片：“花儿”、“清真寺”、“大漠风光”、“西夏王陵”、“烟花”、“民族少女”，在Potoshop CS3中用图层合并、遮罩、羽化边缘、填充、滤镜等方法或工具，制作出以绿、蓝为主色调的网页顶部图片，彰显民族特色，表明网页主题思想。再嵌入标题文字“走进宁夏——浓郁的回乡风情”、“Welcome to ningxia”欢迎问候词语，增进主题，建立友好界面。根据网页设计的结构，在图片中横排植入“主页”、“环境”、“历史”等十大模块描述文字作为网站的简约导航条，备用。
5.2网站的建立
1.搭建站点
利用Dreamweaver8.0的站点建立向导建立名为“zoujinningxia”的站点，并对站点进行初步设置。
2.站点目录
网站的目录是指建立网站时创建的目录。例如：建立了根目录和images子目录。目录结构的好坏，对浏览者来说并没有什么太大的感受，但是对于站点本身的管理维护，内容未来的扩充和移植有着重要的影响。
（1）根目录下建立images文件夹，以存放所有图片素材。
（2）根目录下建立media文件夹，以存放所有视频素材。
（3）根目录下建立Flash文件夹，以存放特效动画素材。
（4）根目录下建立sound文件夹，以存放所有音频文件。
（5）根目录下建立js文件夹，以存放脚本语言Javascript文件。
（6）根目录下建立index.html，作为主页。
（7）根据设计思路、网站结构，依次建立二级、三级子页面。
5.3 网页设计
当确定了栏目和版块、确定网站的目录结构和链接结构、确定网站的整体风格创意设计、获得并制作了足够丰富的素材，就可以着手进行页面设计了。
根据本次设计选题的背景、主题思想，将本次设计的重点内容确定为：主页设计、宁夏历史、宁夏文化、自然生态环境、城市等几个部分。
5.3.1主页设计
网站的首页是一个网站的门面。一个优秀的网站必须要有一个漂亮的首页，首页必须要有吸引力。首页的设计是一个网站成功与否的关键。人们往往看到第一页就已经对站点有一个整体的感觉，是不是能够促使浏览者继续点击进入，是否能够吸引浏览者留在站点上，成为首页设计必须考虑的核心问题之一。
主页为index.html。按照设计构思，以“三”字型布局，创建表格。
（1）. 顶部图形背景加透明flash特效的实现
人们通常把网页LOGO叫做“网眼”，顾名思义，就是网站的眼睛，是网站首页设计的第一步。画龙尚需点睛，网站更是如此，不管是新闻网站还是商业网站，LOGO都是眼睛，也是灵魂，通过LOGO的展示，可以把网站的宗旨和理念有力地予以诠释。
同样，网页顶部图形能够带给浏览者第一视觉冲击，一个设计精巧的网页顶部，能给浏览者带来惊喜，能够迅速地吸引浏览者的眼球，能在浏览者的心里留下深深的印记。
在之前的素材加工阶段，已经设计制作好了顶部图形，接下来再精心挑选了一款网络下载而来的flash透明动画小素材“放射的星光”，利用特效代码置于图形之上，预览，调整，保存，一款比较新颖和切合网站主题的顶部图形便完成了。
（2）.导航
每一个访问者第一次进入一个网站的时候，最先关注的是这个网站是做什么的。网站要给出它所提供的服务的概貌，既要明确内容：我能在这里找到什么，也要包括功能：我能做什么，还有这些服务是如何组织的。这项工作通常由导航来处理。
导航是网站的通道，因此制作导航是必要的，便于浏览者随心所欲地浏览。
顶部图片中的导航文字是植入其中的，也就是说，它们是图片的一部分，不能直接设置链接。因此，沿文字依次创建十个“热点”，设置相应的链接页面，一个简单的导航就完成了。
（3）.显示日期
应用Javascript语言编写的程序，具有时间显示功能。
但顶部图片中是不能直接插入Javascript 语言程序的。因此，使用了“层”。层是一种定位技术，Dreamweaver中可将其进行可视化操作。文本、图形图像、表格等元素只能固定其位置而不能互相叠加在一起。使用层功能，可以将其放置在网页文档的任意位置。
创建一个层，拖动到顶部图片合适位置，在“代码视图”中插入一段显示当前日期的Javascript程序，预览，调整，直至满意。
顶部另存为zjnx_top.html。
（4）.网页底部
基本上互联网上的所有网站首页的底部都有各种形式的版权声明，构成了最为常见的网页底部。
鉴于本次设计不牵扯发布网站等内容，我的网页底部设计极为简单：水平线下插入一幅绿色的手拉手象征团结互助的小图标，右边键入个人邮箱地址即成。底部另存为bottom.htm。
（5）.创建层叠样式
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”），是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的
格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。
为了简便和网页风格的统一，在完成上述设计制作后，定义了链接样式：css.css，存放于根目录下，主要内容是网页顶部zjnx_top.html和网页底部bottom.htm，便于子网页的引用。
（6）宁夏介绍
将加工好的正文图片根据需要创建九个“热点”，设置链接至相应的子页面。
文字“宁夏介绍”创建热点，链接至“塞上江南神奇宁夏”子页面（nxjieshao.html），该页将播放一段由宁夏旅游局录制的视频：“宁夏国际旅游节介绍片”，以诗词歌咏隆重介绍神奇的宁夏。
正文右上，插入宁夏回族自治区政区简图（五大城市）和文字简介，其中，在政区简图上，依据图形，绘制多边形热点，分别链接五大城市的页面（yinchuan.html、shizuishan.html、wuzhong.html、guyuan.html、zhongwei.html）。文字说明部分，链接至“地理”（dili.html）子页面，以方便了解宁夏回族自治区的地理概况。
（7）宁夏特色
采用表格布局。十二幅图片，分别对应“‘红宝’枸杞”、“‘白宝’二毛皮”、“‘蓝宝’贺兰石”、“‘黑宝’太西煤”、“‘黄宝’甘草”、“回族花儿”、“盖碗茶”、“油香”、“回乡馓子”、“手抓羊肉”、“黄河鲶鱼”、“宁夏清真寺”，配置简洁的文字说明，为图片和文字设置超链接。完成主页的设计。
5.3.2“环境”
宁夏有着独特的自然生态环境。选取“六盘山秋韵”、“贺兰晴雪”、“黄河宁夏段”、“塞上湖城”四张图片，精炼地概括了宁夏“两山一河”、“一湖”的自然生态环境。
页面文件名为huanjing.html。
独特的自然生态环境造就了独特的自然景观：沙湖、沙坡头，特为她们设置一级链接“风景名胜”（mingsheng.html），便于读者领略美丽的宁夏风光。这个页面主要特点是选择以个性化flash相册的方式展示沙湖、沙坡头
美轮美奂的景观。特效用XML（Extensible Markup Language）语言结合Javascript语言程序实现。
XML（Extensible Markup Language）即可扩展标记语言，XML与HTML 的设计区别是：XML是用来存储数据的，重在数据本身。而HTML是用来定义数据的，重在数据的显示模式。
Javascript加入网页有两种方法：
Ⅰ.直接加入HTML文档
这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：
Ⅱ.引用的方式
如果已经存在一个Javascript源文件（通常以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下： 其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML 文档头部或主体的任何部分。
设计之前的素材收集阶段，通过网络获得了个性化flash相册的源文件，即：AC_RunActiveContent.js。因此，设计时采用引用的方法实现特效。
5.3.3“历史”
鉴于内容较少，采用表格布局，显得整齐美观。五部分内容：“悠久的
历史”、“西夏王国的奠基人”、“西夏开国皇帝”、“西夏文创制人”、“宁
夏解放”，从古到今，从历史人物到历史文明，图片配文字说明，基本上描绘出了宁夏的历史发展轨迹。保存名为nxlishi.html。
新中国的成立，使中国的每一个角落都发生了翻天覆地地变化，宁夏也不例外。为此，建立下一级链接“延伸阅读”，将宁夏解放这一天以老照片的形式再现。
一、制作网站的市场调查 了解凯里、天柱、锦屏、黎平、从江、榕江、镇遥、施秉等地，洞悉了黔东南的生态环境和民风民情，思考出一个新问题：黔东南旅游市场的新动力在哪里？我的解读是：一是“原生态”，二是海内外游客。 黔东南苗族侗族自治州占地面积三万平方公里，生活着苗族、侗族及布依、土家、仡佬、壮、水、瑶等三十三个少数民族，是中国三十个自治州中总人口最多、少数民族人口比例最高的自治州，该州森林覆盖率达百分之六十二，享有“杉乡林海”的美誉。 黔东南州原生的民族文化旅游资源、原始的自然生态旅游资源和遥古的历史文化旅游资源优势集中表现为“五性”：一是丰富多样性。生物品种丰富，自然景观雄奇壮丽；民族文化争艳历史遗迹远古珍惜，人文景观异彩纷呈，堪称中国乃至世界的“旅游资源宝库”。二是不可替代性。这里有独具魅力的“苗年”、“茅人节”，侗族“鼓楼节”、“萨玛节”等民族民间节日和地坪风雨桥、增冲鼓楼、吊脚楼，这些旅游资源不仅品位高，而且垄断性强，堪称人间瑰宝。三是原始神秘性。如“世界上最后一个枪手部落”从江岜沙苗寨、“天人合一的天堂”黎平堂安侗族生态博物馆、“疲惫心灵的最后家园”从江银坛侗寨、苗族古建筑博物馆郎德苗寨等旅游资源堪称世界绝品。 原生态黔东南自治州被联合国教科文组织推荐为世界十大“返璞归真、来回回自然”的旅游目的地的首选地之一，是世界乡土文化保护基金会授予的全球“十八个生态文化保护圈”之一，是“世界苗侗原生态文化遗产保留核心地”，被专家学者誉为“人类疲惫心灵的最后家园”。 黔东南苗族侗族自治州，位于云贵高原东南边缘，东邻湖南，南接广西，和本省黔南、铜仁毗邻，境内山川秀丽，气候宜人，资源丰富，民族风情浓郁。该州辖十六个县市九十个镇，总人口四百四十一点七二万人，首府凯里市。原始生态保存完好，境内有三条主要河流，即清水江、舞阳河和都柳江，平行贯穿中、北、南部。 通过综合分析黔东南的旅游业发展空间很大，因而做这个网站是很有价值的。 二、网站设计规划 1.色彩搭配 我做的网站字体为12，字体颜色为白色，背景颜色为淡蓝色。这样的搭配使网站让人感到清凉、舒服。 2.网站首页布局 网页设计说明书
宁波大红鹰学院 信息工程学院 网 站 设 计 说 明 书 网页名称： XX公司主页设计（XX书店设计）专业名称：信息管理与信息系统 班级名称： 姓名： 学号： 完成时间： 2011-1-15
网站设计说明书 一、网站规划设计说明 (网页规划设计说明，包括LOGO设计、结构设计、技术方案、内容规划等。不少于500字) 1、结构设计 小型企业网站一般规模都不是很大，一般设有3-5个栏目，有的栏目里甚至只包含一个页面，有很多中小企业的网站都属于这种类型，这类网站一般只是为了展示一下公司形象，说明一下公司的业务范围……(简要说明一下设计),页面结构相对来说比较简单，一般采用上中下结构。 2、内容规划 这类网站前台页面的开发，首页一般是一个静态的欢迎页面或者是一个flash制作的导航页面，内容页一般包含以下几个部分： ?页面头部：包含标志及企业名称等； ?栏目导航：单击可以进入其它各内容页面； ?具体内容：本页的具体内容（包括说明文本及公司形象图片） ?版权声明：一般在页脚部分。 3、LOGO设计 (说明：LOGO如何设计,体现了些什么用意或是用到了什么技术等) 4、技术方案 (说明：用到了哪些技术及软件) 二、网站色彩说明 (说明:包括网页主色调、链接色、导航色等，要求通过表格列出页面中需要的颜色表) 1、网站主色调 该网站的主色彩是绿色和白色，配以黄绿色和少量的橙色，文字为黑，如下图所示： 图1 配色采集 绿色是一种非常具有亲和力的颜色，它代表的是自然、生命、活力与健康，是使用比较广泛的颜色之一。黄绿色和橙色的使用，则使整个网站显示朝气蓬勃。 2、网页链接色 表1 普通文字链接配色表
大学门户网站系统详细设计说明书 1．引言 (3) 1.1编写目的 (3) 1.2项目背景 (3) 1.3定义 (3) 1.4参考资料 (4) 2．总体设计 (4) 2.1需求概述 (4) 2.2软件结构 (4) 3．程序描述 (5) 3.1功能 (5) 3.2性能 (6) 3.3输入项目 (6) 3.4输出项目 (6) 3.5算法 (6) 3.6程序逻辑 (6) 3.7接口 (7) 3.8存储分配 (8) 3.9限制条件 (8) 3.10测试要点 (8)
1．引言 1.1编写目的 本说明书在概要设计的基础上，对大学门户网站系统的各模块、程序、子系统分别进行了实现层面上的要求和说明。 系统开发小组的产品实现成员应该阅读和参考本说明进行代码的编写、测试。测试成功后进行公测，所有的大学门户网站系统的使用对象均可进行使用和给出建议看法，然后系统维护人员会进行修改订正。 1.2项目背景 说明： A、软件系统的名称：大学门户网站系统 B、任务提出者：无 开发者：大学门户网站系统开发小组 C、实现完成的大学门户网站系统将以系统嵌套网站的形式，以网站为整体 外部结构，内部使用数据库技术和软件开发技术为使用者提供教育网站 的图书馆管理系统、选课系统、邮箱系统、社区系统、资讯管理系统等 子系统或模块程序，旨在提高该网站应扩大高校影响力，通过互联网向 更多的网民宣传高校办学理念、学校规模、培养目标等信息；满足本校 学生通过浏览该校网页更加方便快捷的了解校方及学校各种社团、组织 的通知计划及自身的考试成绩、课程、学分等信息的需求；同时设有的 网上报名、网上借书、网上学习等一系列辅助功能，既为校方除去了原 有一些繁琐的程序又为学生提供了另一种学习方式——浏览网页，使学 生可以方便及时的向校方反应学生状况，提出自己的意见与建议；增强 了校方与学生的互动式联系等。 D、本系统将是共享的系统，任何能够上网的拥有学号、教师号或者社会人 士都可以享用到本系统的不同功能。 1.3定义 API函数----由函数、消息、数据结构、数据类型以及语句组成，它们可在创建在 Microsoft Windows 下运行的应用程序中使用。API 中使用最多的部分是从 Windows 中调用 API 函数的代码元素，包括过程声明（Windows 函数）、用户自定义类型的定义（用来传递到函数中的数据结构），以及常数声明（传递给函数以及从函数中返回的值）。
我的家乡—永昌展示网站 说明文档 题目：我的家乡—永昌 专业班级：11级计算机科学与技术2班 姓名：孙中军 学号：10240215 指导教师：朱爱红 成绩：
目录 第一章网页概述 (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 各网页模块的组成 (10) 4.3 网页制作环境 (11) 4.4 网页设计思路 (12) 第五章网页制作 (13) 5.1 素材的加工制作 (13) 5.2网站的建立 (13) 5.3 网页设计 (14) 5.3.1主页设计 (14) 5.3.2“环境” (15) 5.3.3“历史” (16) 5.3.4“文化” (17) 第六章设计体会 (18) 致谢 (19)
摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia Dreamweaver8.0作为开发工具，介绍了永昌县的历史、文化、民族、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，以网站浏览的方 式综合展示了永昌县的整体面貌，着重介绍了永昌的特色文化。 【关键词】网页设计说明书我的家乡永昌设计思路Dreamweaver8.0 Javascript语言
第一章网页概述 1.1 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用Dreamweaver8.0作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了永昌的历史、文化、环境、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将永昌的整体面貌展现给大家，着重介绍了永昌几大城市和特色文化。 1.2网页组成 1、主页 （1）永昌风景 （2）四大机构 （3）永昌特色 2、环境 介绍了永昌的自然生态环境。 3、历史 介绍了永昌的历史（清明时期）。 4、经济 5、气候 8、地理 介绍了永昌的地理概况。 9、经济 介绍了永昌2010年经济统计数据。
网站概要设计说明书(模板) 1引言 (2) 1.1编写目的 (2) 1.2背景 (2) 1.3定义 (2) 1.4参考资料 (3) 2总体设计 (3) 2.1需求规定 (3) 2.2运行环境 (4) 2.3基本设计概念和处理流程 (4) 2.4结构 (7) 2.5功能器求和程序的关系 (8) 2.6人工处理过程 (9) 2.7尚未问决的问题 (9) 3接口设计 (9) 3.1学生接口 (9) 3.2外部接口 (9) 3.3内部接口 (10) 4运行设计 (10) 4.1运行模块组合 (10) 4.2运行控制 (10) 4.3运行时间 (10) 5系统数据结构设计 (10) 5.1逻辑结构设计要点 (10) 5.2物理结构设计要点 (12) 5.3数据结构和程序的关系 (12) 6系统出错处理设计 (12) 6.1出错信息 (12) 6.2补救措施 (12) 6.3系统维护设计 (12)
1引言 本说明书为“XXXX网站系统”的概要设计说明书，概要阐述了对学生所提出需求的设计方案，对系统中的各项功能需求、技术需求、实现环境及所使用的实现技术进行了明确定义。同时，对软件应具有的功能和性能及其他有效性需求也进行了定义。此外，本说明书还明确了系统的数据结构和软件结构，还将给出内部软件和外部系统部件之间的接口定义，各个软件模块的功能说明，数据结构的细节以及具体的装配要求。 1.1编写目的 ●编写本说明书的目的是： 1.为编码人员提供依据； 2.为修改、维护提供条件； 3.项目负责人将按计划书的要求布置和控制开发工作全过程； 4.项目质量保证组将按此计划书做阶段性和总结性的质量验证和确认。 ●本说明书的预期读者包括： 1.项目开发人员，特别是编码人员； 2.软件维护人员； 3.技术管理人员； 4.执行软件质量保证计划的专门人员； 5.参和本项目开发进程各阶段验证、确认以及负责为最后项目验收、鉴定提供相应报 告的有关人员； 6.合作各方有关部门的负责人； 7.项目组负责人和全体参加人员。 1.2背景 a.项目名称：XXXX网站系统项目 b.系统名称：XXXX网站系统 c.项目提出者：XXXX d.系统学生：XXXX、XXXX、XXXX 1.3定义 总体设计：对有关系统全局问题的设计，也就是设计系统总的处理方案，又称系统概要设计。它包括：计算机配置设计、系统模块结构设计、数据库和文件设计、代码设计以及系统可靠性和内部控制设计等内容。 运行设计：是针对建筑或环境的特定要求，以活动发生地点的建筑或场地设计及现状
《网页设计与制作工程实训》 大作业 选题名称：__伊人网的制作与体会________________ 设计人：___李薇_______________ 班级：__软件工程081班______________ 学号：__8000108025________________ 南昌大学软件学院 2010.元
设计说明书: 一．选题的分析 1.我是怎么想到做女性网站的？ 作业刚布置下来的时候，我心里千回百转过很多念头，做什么网站能将我们学过的知识全部都用上呢？貌似除了作为模板教学的购物网站就没有其他更好的选择了，可是继续做教学时学的淘宝或拍拍太无新意，不和我意。想来想去，还是没有中意的方案。可能是白天想这个想太多了，我晚上竟然梦到了我要做的，就是易物网站。不知老师是否记得一个曲别针换一个大房子的事，这就是我要做的易物网。终于得到了一个让我满意的方案，很开心。可睡醒了仔细一想觉得还是不行，可行性不大，于是我放弃了这个方案。当时已经是实训最后一天了，在结束实训的时候，我突然灵光一闪，决定做一个女性网站。 首先，一个女性网站针对了我的特点，是我想做的，也是我感兴趣做的。 其次，一个女性网站可以包括购物频道和bbs频道，可以充分将我学到的知识运用上去而又不免于流俗。 2.我要表达什么内容，如何展开设计？ 打定主意便开始设计。这个女性网站是针对都市女性的网站，旨在在她们休闲的时候有个能让她们放松自我，同时得到很多对自己有用的信息。为了达到放松的目的，网站的主色调采用暖色系，主打粉色系，看上去温暖活泼时尚舒适，让人有一探究竟的欲望。而为了同时达到对女性自身有益的目的，我在选择网站内容版块上下了很大的功夫。女性最关注的是什么呢？是她们的感情与魅力。Bbs能让她们能有个诉说感情发泄心情的地方，同时能在那浏览别人的故事，互相鼓励和帮助，还能交流日常生活（美容服饰等）的小信息。购物频道能让满足女性爱买东西的天性。我的购物频道定位在价廉物美，为女性们提供质量好能让他们放心的好宝贝。 二．如何运用网络的优点进行更好的表达 网站的版面风格温暖舒适，颜色主打暖色调，又以粉色系为主，简洁明了，大方舒适，以达到让平时忙碌工作和家庭的女性放松的功能，让她们对网站产生归属感，一个累了能让她们放松的地方。放松有时候也需要朋友，网站的论坛就提供个这样一个让女性们互相了解认识的场所。她们在bbs里了解互相的故事，
宁夏风采展示网站 说明文档 题目：走进宁夏 专业班级： 09级计算机科学与技术1班 姓名：姓名 学号：学号 指导教师：指导教师 成绩：
目录 第一章网页概述 (1) 网页简介 (1) 网页组成 (1) 网页设计思想 (2) 第二章网页设计思路 (3) 网页设计背景 (3) 制作工具选择 (3) 素材收集 (4) 网页设计内容构想 (5) 第三章网页内容简介 (7) 网页功能简介 (7) 网页主要功能描述 (7) 网页的浏览 (8) 第四章网页设计 (9) 网页结构总图 (9) 各网页模块的组成 (10) 网页制作环境 (12) 网页设计思路 (12) 第五章网页制作 (14) 素材的加工制作 (14) 网站的建立 (15) 网页设计 (15) 主页设计 (15)
环境” (18) 历史” (20) 文化” (21) “城市” (24) 其它页面设计 (26) 第六章设计体会 (28) 致谢 (29)
摘要 【摘要】本网页主要用HTML语言编写，利用Macromedia 作为开发工具，介绍了宁夏回族自治区的历史、文化、人口、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了宁夏回族自治区的整体面貌，着重介绍了宁夏几大城市和特色文化。 【关键词】网页设计说明书走进宁夏设计思路 Javascript 语言
第一章网页概述 网页简介 网页，是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，网站就是由网页组成的。网页说具体了是一个html文件，浏览器是是用来解读这份文件的。 本次网页设计，主要用HTML语言编写，利用作为开发工具，中间插入了一些Javascript语言用以编制一些特效，如左右移动图片广告、显示当前时间等，主要介绍了宁夏回族自治区的历史、文化、人口、环境、民族、城市、经济、地理、特产等基本概况，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了将宁夏回族自治区的整体面貌展现给大家，着重介绍了宁夏回族自治区几大城市和特色文化。 网页组成 1、主页 （1）宁夏介绍 （2）五大城市 （3）宁夏特色 2、环境 介绍了宁夏回族自治区的自然生态环境。 3、历史 介绍了宁夏的历史（旧石器时期——新中国成立——自治区成立）。 4、文化 （1）九大文化 （2）宁夏花儿 （3）宁夏文学
网页设计说明书 姓名：蒋彬 学号： 114 班级： 12软件 指导教师：张艳武 完成日期： 2014年1月5号
目录 1 需求分析.......................................................... 错误!未定义书签。 网页设计技术................................................... 错误!未定义书签。 软件环境....................................................... 错误!未定义书签。 网站要求....................................................... 错误!未定义书签。 2 网站创意与结构.................................................... 错误!未定义书签。 网站创意....................................................... 错误!未定义书签。 网站结构....................................................... 错误!未定义书签。 3 个性化设计........................................................ 错误!未定义书签。 主题........................................................... 错误!未定义书签。 网页布局....................................................... 错误!未定义书签。 导航条......................................................... 错误!未定义书签。 4 网站规划.......................................................... 错误!未定义书签。 主页规划....................................................... 错误!未定义书签。 副页规划....................................................... 错误!未定义书签。 5 小结.............................................................. 错误!未定义书签。 分工说明....................................................... 错误!未定义书签。 不足之处....................................................... 错误!未定义书签。 改进方法....................................................... 错误!未定义书签。参考文献............................................................ 错误!未定义书签。
网页设计课程设计 说明书 学生姓名 专业 班级 学号 成绩
摘要 这是摘要，不少于400字，摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字摘要文字 关键词：网页设计，Dreamweaver
目录 1、系统需求分析（这是一级标题） (1) 1.1系统概述（这是二级标题） (1) 1.1.1 这是三级标题 (1) 1.1.2 这是三级标题（二） (1) 1.2系统运行环境 (1) 1.3功能需求描述 (1) 2、系统总体设计 (2) 2.1开发与设计的总体思想 (2) 2.2系统功能结构图 (3) 3、系统详细设计 (5) 3.1主页（页面一） (5) 3.1.1对页面的描述说明。例如用到什么技术如何制作 (5) 3.1.2部分功能模块及代 (5) 3.1.3页面的 html 标签 (5) 3.2页面二 (6) 3.2.1对页面的描述说明。例如用到什么技术如何制作 (6) 3.2.2部分功能模块及代 (6) 3.2.3页面的 html 标签 (6) 3.3页面三 (6) 3.4页面四 (6) 总结 (8)
关于网站的需求说明书 一、首页模块: 要求: 1、网页形式以各类产品图片以及更替flash为主。参考集物特和ideashow两个网站形式。 2、网站左侧为产品挑选导航模块。( 例如: 按身份送礼、按事件送礼、按分类送礼等) 3、首页基本模块包含元素内容。 头部flash、电话、会员登录( 登陆后欢迎) 、公告栏、购物车、导航栏( 首页、传统工艺礼品、品牌礼品、大客户咨询定制、礼盒套装、加盟我们、关于我们) 、特价区、礼品导购栏( 分类栏) 、传统手工艺展示区、新品专递区、礼盒套装区、热销产品、积分兑换区、广告活动flash区、品牌展示区、搜索区、客服区、用户帮助( 配送说明、用户留言、缺货登记等) 、合作伙伴, 网站备案等信息区。 二、基本功能模块 1、网站后台的基本功能模块 基本: 快速导航、最新订单、最新会员等 1) 、商品管理( 丰富、功能强大的商品管理展示功能) (参考) 商品分类、添加分类、支持无限级类别
商品列表管理、修改、复制、移动、批量修改等 批量修改最新、推荐、特价商品 单个商品多图、多样式展示功能 相关商品、相关配件展示功能 产品详细资料页的显示产品大图、详细文字介绍、规格型号价格等多种属性。侧视图/外包装图( 可选) , 产品的评论, 产品投票评分。总浏览次数统计, 相关产品链接, 本类别产品的销售排行榜。 2) 、前台各类广告图片替换功能。( LOGO管理、多图替 换管理) 3)、客服管理( 能够对客服进行管理、对话能够后台记录) 4) 、数据字典( 能够对各类经常变动的信息进行人为修 改) 5) 、购物车管理和结算 6) 、抽奖活动管理 7) 、公告管理( 包括公告的发布、修改等) 8) 、会员管理 9) 、用户管理管理( 超级管理员、按照部门分配不同权 限) ( 此块专门细说) 10) 后台商品搜索管理功能 11) 会员管理( 密码账户、信息管理)
Dreamweaver学习网站制作 设计说明书 系部：信息工程系 学生姓名：石婷婷 专业班级：网络08D1 学号： 083422106 指导教师：密海英 2010年10月25日
目录 内容摘要 (1) 一、引言 (1) 1、Dreamweaver发展前景与现状 (1) 2、Dreamweaver专题学习网站的内容和意义 (2) 二、开发工具的介绍 (2) 三、网站的具体规划 (3) 1、网站的功能结构 (3) 2、网站的主题思想 (3) 3、网站LOGO设计 (3) 4、网站布局设计 (4) 5、网站的内容 (4) 四、页面设计过程 (4) 1、一级导航页面设计 (4) 2、二级导航页面设计 (6) 3、三级导航页面设计 (8) 五、总结 (9) 致谢 (10) 参考文献 (11)
Dreamweaver学习网站的设计与开发 内容摘要 本课题通过对Dreamweaver学习网站的制作，为使用者提供一个自主学习、测试的Dreamweaver的平台。网站采用了清新自然的绿色为主色调，颜色明快柔和，界面美观简洁。清新的绿色让学习者产生视觉上的放松。本网站文本简明、通俗易懂，整体结构清晰、统一，便于学习。网站资源丰富、层次清楚、内容严谨。页面多处插入了flash，使得页面更加生动、活泼，富有感染力。网站导航清晰，布局简单却不单调，让学习者能够一目了然，方便快捷。 本网站采用了实例教学的手法，使得学习者能够更加直观地去学习。此外，还增加了在线测试的功能，打破了以往只能够“教”而不能够“测”的网站，这样才能使学习者更加直接地了解自己的学习情况，从而提高自己的学习能力 一、引言 （一）Dreamweaver的发展前景与现状 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见
网页设计说明
《我爱篮球》网站设计说明书 1、设计理念 本网站定位本身是用于展示个人爱好——篮球的一个平台页面系统。在展示之余也有结交拥有共同爱好的网友的功效。页面主要以蓝色调风格为主,站点分为有首页、篮球动态、NBA明星简介、用户注册、用户登录、留言交流、后台管理等模块。 本站页面主要展示的是NBA篮球资讯、明星等内容，整体页面使用到了CSS 层样式技术、Flash动画效果制作、以及 JavaScript的脚步技术应用。 值得一提的是首页明星照片展示采用了基于CSS+JS特殊的图片向左滚动的浏览效果。 2、设计流程 通过在网络参考相应模板，设计出接近于NBA网站的效果，并根据相应要求到网上寻找相应的图片素材以及应用到PS图片设计结束。 最后应用HTML网页设计，以及ASP + Access动态网页设计使用CSS进行页面样式的设计。 并且,附带应用一些JavaScript特效技术。 总体设计流程为：确定主题及颜色—→用Dreamweaver设计html静态网页效果—→建立数据库—→将静态网页改为asp动态网页—→测试、发布网站。 3、使用的工具与技术 网页制作工具:Dreamweaver 8 多媒体设计制作工具:Flash 8 、Photoshop cs3 应用到的设计技术：HTML、CSS、JavaScript 4、网站设计说明 网站名称:我爱篮球——篮球网站 整体形象设计包括标准字、标题、标准色彩等。 首页作为网站的形象页、网站的欢迎页面，引入的元素大致有网站名称、标题、形象图片、文字、栏目导航等要素,是彰显网站整体风格的重要页面,
并结合Flash动画来展示。 网站形象页的设计突出了所要展示的主题，通过文字、形象、图片的巧妙烘托，令页面富有层次感，达到赏心悦目的效果。 网页富有动感，通过JS实现突破轮播效果，文字采用marquee滚动展示新闻动态。 页面大小采用了960px*200px。 网站调试采用“边制作边调试”的方式。保证了页面在各个浏览器间的相互兼容性。 在风格等各方面追求保存一致。 5、页面结构布局 首页布局框架构思示意图
盛年不重来，一日难再晨。及时宜自勉，岁月不待人。 设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。
内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。
摄影网站设计说明书
WEB编程基础网站开发 设计说明书 设计题目：摄影网站 姓名：李家东 学号： 20101080114 班级： 10微高 指导教师：毕老师 完成日期： 2011-12-12
目录 前言 .................................................................................................. - 2 - 一、网站的规划 .............................................................................. - 2 - 1.1 网站的整体规划............................................................. - 2 - 1.1.1 网站定位.......................................................... - 2 - 1.1.2 网站版块的设置.............................................. - 3 - 1.1.3 网站设计的相关技术...................................... - 3 - 1.2 网站的功能设计........................................................... - 3 - 1.2.1 首页功能.......................................................... - 3 - 1.2.2 副页功能.......................................................... - 4 - 二、网站的设计与制作.................................................................. - 4 - 2.1 首页布局设计的特点................................................... - 4 - 2.1.1 logo设计.......................................................... - 5 - 2.1.2 Banner的设计 ................................................ - 5 - 2.1.3 导航的设计.................................................... - 6 - 2.1.4 栏目设计........................................................ - 7 - 2.1.5风格与色彩单配................................................. - 8 - 2.2副页布局设计特点.......................................................... - 8 - 三、创新亮点 ................................................................................ - 10 -
设计说明书 需求分析 目标定位 a、制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况，了解我们学校所有好玩，有趣的事情。 b、本网站的主要职能是实时为新生提供部分新的资讯。 c、本网站所面向的用户是所有进入我校的同学以及想要了解我们学校的用户。 用户分析 a、使用本网站的用户主要是想要了解我们学校的所有信息，并且能够为他们提供所需的生 活所需的信息。 b、他们最想本网站为他们提供校内外的所有资讯，包括饮食，住宿，景点旅游等。 c、本网站制作内容架构清晰，避免过多的文字介绍造成用户过多阅读的麻烦。 d、用户可以每天浏览我们为其提供的实时热点以及校内外最新的资讯，比如：校园通知、 饭堂价格等。 市场前景 a、本网站的市场需求在于为本校师生以及想要了解我校的用户提供最便捷，最新的信息。 b、基于前面的分析，决定了本网站的设计风格要简明、清晰；主题围绕着学生所需而开展。网站规划 内容策划 a、本往网站主要经营的内容是：校园文化、校园资讯、美食住宿、周边景点等主题。 b、基于以上主题，其中重点制作的是校园文化和美食住宿；而辅助的是校园资讯等主题。对于网页如此划分的目的是，使用本网站的用户都是想要了解我们学校于他们息息相关的事
情，无论是新生、老生还是其他用户，都想知道我们学校有哪些特色的文化和美食。文化可以增进他们知道我们学校的最近的文化活动生活。而美食，则能吸引更多的学生来了解我们学校的吃货，这对于新进校园的新生有着极强引导作用。 界面设计 a、对于每个版块的设计都有着其不同的元素，首页，主要突出网页围绕的主题设计导航， 并且使用简单明了的文字对学院做出说明；而二级页面，则分为六个版块，每个版块都有着不同的设计元素来突出其主题；对于三级页面，由于其划分表达内容上得较为详细，所以社体元素较为单调以图文介绍为主。 b、全版设计所使用的元素极为简单，主要以框架、线条、设计，在此基础之上配合色彩、 阴影、重叠、浮动、定位等的元素来协调画面风格。 c、对于次级页面的导航栏设计，是浮动置于页面的底部，这样设计的效果是让用户浏览简 洁方便，而且导航栏不会占据页面的内容。
——网站设计说明书 网站名称： 姓名： 班级： 学号： 上交时间： 任课老师： 一．制作该网站的理由以及设计思路： 我想高中时候的生活，大家都是很怀念的吧！我也不例外，我以班级为主题制作了这个网站，是想借这个网站来表达我的情感。现在想想：那个时候虽然学习紧张，但是我们都过得很快乐，很充实。我很怀念高中时候的生活，也很想念高中的同学，我真想时间就停留在那段时光，但是这是不可能的，所以，我就制作了这个网站，我希望当我或者我的同学看到的这个网站的时候，也能像我一样
很开心，很快乐。设计思路：其实想到以班级为主题以后，我就觉得应该有很多要写的，但是后来才发现好像也没有很多素材。我想把这个网站分为五个部分，分别是：首页，班级宗旨，关于学生，老师信息，关于学校。而我最想重点制作的部分，当然是关于学生这一部分了，所以我就把精力放在了这一部分。 二．制作流程： 1.首先要把制作这个网站所要用到的素材找出来，整理，放在相应的文件夹。 2.我先把网站的首页部分制作出来，然后就是把首页再复制一遍，把要删了的删了，再重新写入新的内容，这个就可以当作是链接的子不分内容，像“关于学生”这一部分，就是这样。 3.把其余三个部分的网页也制作出来 4.因为在“关于学生”这一部分有子链接，所以我就先制作“个人信息”，后来再在这个“个人信息”这一子部分链接了部分同学的个人信息。 5.最后把各部分的链接相应的写入。当然这个也是要有顺序的，我先把“个人信息”这一部分搞好，然后就是“关于学生”，最后就是四个部分的。反正就是由小到大。 三．代码 在制作的时候，我花的时间最多的是在做“关于学生”这一部分，所以我就想把这一部分的代码写下来，而这一部分的主要内容是“个人信息”，因为个人的信息全都是我自己写的，虽然在搞这个的时候我花了很多时间，但我还是很快乐，因为我一边写的时候，我就感觉回到了高中时候的生活。关于代码，我好像没有用JavasScript,因为我都是在Dreamweaver Cs3里面做的。下面就是代码： ----------关于学校---------