网页设计实践设计.doc

网页设计(含html,三剑客)
设计说明书
姓名: 王忠宁
学号: 20111290131
班级: 11电商1班
指导教师: 李淑娟
完成日期: 2012年 6月 25 日
设计要求
考核
目的
通过课程设计,考查学生对dreamweaver网页设计的综合应用能力,要求学生能够独立制作出独特的网页作品,突出强调知识的系统性与制作方法的实用性。
考核
项目
要求
1、制作主题明确,内容健康。
2、网页色彩搭配协调,布局合理。
3、创意新颖,风格独特,具有现实意义。
4、网站的层次结构和链接结构合理。
5、整体效果好,实用性较强。
6、站点命名准确,网站的可移植性强。
7、网站必须由作者本人亲自构思,采集素材,整理加工,不得抄袭他人作品。
目录
第一章网站规划 1
1
1
第二章网站建设素材准备 1
1
2
第三章创建网站 2
2
5
第四章网站内容建设 5
5
6
参考资料 7
中国绿色保健网设计说明书
第一章网站规划

随着经济的发展,人们的经济收入也在不断的提高,与此同时,我国的就业形势的影响下,人们的就业压力也在不断的增加。人们在满足了衣食之外更多的去享受生活去、缓解自己的生活压力。所以,有一个网站来给人们提供各种养生保健信息,提供各项服务变得尤为重要。在这样的一个环境下,我们的中国绿色保健网应运而生。相信会受到网民的喜爱。
我们的网站以绿色为主色调,风格活泼、自由、欢快。初看会给人一种清新的感觉,这也和我们网站的主题相符合,我们力求使我们的网民一进我们的网站会有眼前一亮的感觉。同时又能释放自己的压力与一切的不愉快,给我们的网民带来一个愉快的心情。各个子页面同样是采用绿色为主色调,与主页做到既有差异又要相互统一。同样力求给我们的网民一种清新的感觉。使我们的网民对我们的网页留下深刻的印象。

中国绿色保健网,一共有11个页面,分别是主页、音乐疗法、spa疗法、色彩疗法、芳香疗法、饮食疗法、中医养生、优生优育、性保健、联系本站、注册页面。
我们的网站还有一个开场片头,打开后点击enter就会跳转到保健网的主页。在保健网主页中有一个导航条,如果想进入各个子页面的话,点击导航条中相应的导航就能进入相应的子页面。
第二章网站建设素材准备

我通过查阅资料和网络这个平台,来收集我的网站建设所需要的文本。首先,我浏览了大量的与我们的网站相近的网页并且下载了下来作为资料,在做子页时,我根据各个子夜的主题搜集了大量的也该子页相近的网页,取其精华,把对我们网站建设有用的一些资料保存了下来,经过我的整理和分类汇编,就形成了我
们的网页的主要元素。为了建设我们的网站,我搜集了大量的资料,把我们的网站建设成了一个包含大量信息的一个平台,相信一定会受到广大的网民的欢迎。

首先,来介绍一下我们们网站的logo的设计。首先,我先在网上搜集背景图片,先搜集了10副符合我们网站主题的图片,然后又在这10副中,选出了一副绿色的,和我们的网站风格接近的图片作为logo的背景图片。之后又在photosh中对所选的图片进行编辑,首先改变了图片的大小以适应网站中所计划的插入logo位置的大小,然后选择了合适的字体,我用的是迷你简体字体,选用了合适的字体颜色以及字号的大小;接下来和大家我做的就是我们网站所需要的作为背景的小图片,然后调节它的大小以适应需要插入位置的大小。在图片的编辑中,我运用了photosh中的替换颜色和改变图像大小两个工具,每张图都替换成不同颜色的几张图片,分别插进去找到最适合的。在处理几张图片时,还在上面加了突出栏目主题的文字,大多数的图片就是采用这种方法来处理的。然后把所有处理好的图片分类汇总后放在了images的文件夹中。在网页中为了增加效果还插入了flash动画的效果,这就运用了flash技术,添加了一些小的动画,使得网站活灵活现的展现在人们的视线中,给我们的网民一种灵动的感觉。
第三章创建网站

首先打开dreamweaver,点击创建dreamweaver站点,会弹出一个窗口如3-1所示,输入中国绿色保健网,点击下一步;
图3-1
然后会弹出一个窗口如3-2所示,选择是否使用服务器技术,选择否;然后点击下一步;
图3-2
之后会弹出一个窗口如图3-3所示,选择储存站点的位置。之后点击下一步;
图3-3
又会弹出一个窗口,如图3-4所示,是否选择远程服务器,因为我们是本地