Dreamwever网页设计实验报告

**学院计算机系综合性实验

实验报告

课程名称《网页制作》

实验学期 2010 至 2011 学年第 2 学期学生所在系部计算机系

年级 2009 专业班级 Z091 学生姓名学号

任课教师胡英

实验成绩

计算机系制

《网页制作》课程综合性实验报告

开课实验室：基础一2011 年 5 月31 日

实验题目***网站的开发

一、实验目的

使用Dreamweaver、Fireworks、Flash三种软件完成网页的制作。

二、设备与环境

微机、Dreamwaver 8、Fireworks 8、Flash 8

三、实验内容

1.按照特定的主题制作一个完整的网站。

2.使用Dreamweaver、Fireworks、Flash三种软件完成网页的制作。

3.网站中要包括表格/框架/层布局、图像、文本、超级链接、导航、CSS样式。网站页面

总数不少于6个。

4.至少要包括3个自己制作的Flash动画。上交文件中要包括该动画文件的源文件*.fla

文件和导出文件。

5.至少要包括3个自己用Fireworks制作的图像文件，并且在每个图像文件中应用至少两

种学过的技术手段进行处理。上交文件中要包括该图像文件的源文件*.png文件和导出

文件。

6.尽可能多地使用学过的技术手段。

7.不允许抄袭其他同学的内容，如果两人有雷同，两个人都按照不及格处理。

8.不允许从网上下载别人的网站当作考试内容上交。

9.在上交文件中主页一律以index.htm命名。

10.把所有文件和文件夹放在一个总的目录下,目录以：班级+姓名+学号最后两位的形式命

名。例如：计算机Z091张三03.rar。将index.html放在该文件夹下。最后将该目录

压缩成一个*.rar文件。

四、实验结果及分析

一．网站内容

１．本网站的设计是仿照《网页制作》第十一章的设计风格。主题为“我的浪漫小屋”。站点文件夹ｗａｎｇｙｅ共有十一个子文件夹。分别为：

◆ｉｍａｇｅｓ(用于放置处理好的图片)

◆ｓｏｕｒｃｅ（用于存放源图片以及处理的好的

ＦＩＲＥＷＯＲＫ文件）

◆ｍｕｓｉｃ（存放主页音乐）

◆ｆｌａｓｈ（存放所用到的ｆｌａｓｈ导出文件）

◆ｔｅｘｔ（所用到的文本资料）

◆ｗｅｎｘｕｅｔｉａｎｄｉ（存放做好的文学天地网页文件）

◆ｙｉｎｇｊｉｘｉｎｓｈａｎｇ（存放做好的影集网页文件）

◆ｙｉｎｙｕｅｊｉａｙｕａｎ（存放做好的音乐网页文件）

◆ｙｏｕｍｏｙｉｚｈａｎ（存放做好的幽默驿站网页文件）

◆ｌｉｂｒａｒｙ（库文件夹）

◆ｔｅｍｐｌａｔｅｓ（模板文件夹）

站点文件夹下，其中ｉｎｄｅｘ．ｈｔｍ为主页网页文件，ｓｕｒｖｅｙ．ｈｔｍ为网站调查网页文件，ｍｙｃｓｓ．ｃｓｓ为ｃｓｓ文件。

２．网站包含两级网页，即主页（首页）和其子网页，并创建网页间的超级链接。

二．Dreamweaver部分

1、主页中包含了介绍本网站的导航栏（共4个栏目，文学天地，影集欣赏，音乐家园，幽默驿站），其中每个栏目都具体设置了三个网页。

◆文学天地：冰心、鲁迅、三毛

◆欣影集赏：青春纪念册、四季的脚步悄悄、正值花开烂漫时

◆音乐家园：肖邦、贝多芬、莫扎特

◆幽默驿站：段子、校园笑话、趣闻

2、网页用表格进行网页整体布局。表格布置好后制作一级页面，并将一级页面设为模板。其余页面均应用模板到各页。

3、网页背景图像为枫叶，背景音乐为梁静茹的“丝路”，网页以温馨浪漫为主色调。

4、网页中所使用的行为（弹出消息、弹出浏览器窗口）

三．Fireworks部分

本网站的背景及Flash、logo、导航文字及用到的图片均用firework处理。

◆背景用到的技术：橡皮图章，改变画布大小，对图像进行选取工作，添加滤镜效果。

◆logo用到的技术组合文字，打散文字，用刀子切割图片。

◆Flash用到的主要为改变文字大小。

◆导航文字主要技术为设置字体。

Firework截图

四．Flash部分

网站中用到了四个Flash动画。

其中有：首页的“我的烂漫小屋”动画，影集中的三个页面（青春纪念册，正值花开烂漫时，四季），均用Flash制作了动感影集。

◆动画中应用的技术“逐帧动画”、“动作渐变动画”、“形状渐变动画”、“引导线动画”、“遮照动画”。

◆动画中引入了文字并导入了图像。在制作Flash中，将所用到的图片，影片均转换为元件。Falsh截图：

五．小结

学习网页制作不能一蹴而就，它是一个循序渐进的积累过程。想要更快更好地学习网页制作，除了需要勤奋努力外，还需要培养自己的审美能力以及美术基础。下面是一些网页制作的学习方法与经验。

⑴在学习制作网页前应对网页制作的各类软件进行一些了解，以便选择适合自己使用的软件。

⑵网页制作的学习应遵循由易到难的规则，先从简单的入手，再慢慢提升制作难度，以达到逐步提高网页制作能力的目的。

⑶在学习过程中，不能一味地去学习理论知识，应将书本知识与实际操作相结合。这样既能加深对知识点的印象，也能提高学习的兴趣。

⑷在学习时除了按书中提供的实例进行练习外，还应在该实例的基础上有自己的创意。

⑸网页制作不能千篇一律地按一种固定的模式进行操作，应有独特的风格，这样才能体现出与众不同的魅力，以吸引浏览者，提高网页人气。

⑹运用模板制作网页可提高制作速度与效率，这也是统一网页风格的一个快捷方便的途径，千万不可忽视模板的效用。

⑺要善于借鉴别人的优点，取长补短，多上网浏览，将风格独特、别具匠心的网页保存下来以作参考。