Dreamwever网页设计实验报告.doc

华北科技学院计算机系综合性实验报告*学院计算机系综合性实验实 验 报 告 课程名称 网页制作 实验学期 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截图：五小结学习网页制作不能一蹴而就，它是一个循序渐进的积累过程。想要更快更好地学习网页制作，除了需要勤奋努力外，还需要培养自己的审美能力以及美术基础。下面是一些网页制作的学习方法与经验。在学习制作网页前应对网页制作的各类软件进行一些了解，以便选择适合自己使用的软件。网页制作的学习应遵循由易到难的规则，先从简单的入手，再慢慢提升制作难度，以达到逐步提高网页制作能力的目的。在学习过程中，不能一味地去学习理论知识，应将书本知识与实际操作相结合。这样既能加深对知识点的印象，也能提高学习的兴趣。在学习时除了按书中提供的实例进行练习外，还应在该实例的基础上有自己的创意。网页制作不能千篇一律地按一种固定的模式进行操作，应有独特的风格，这样才能体现出与众不同的魅力，以吸引浏览者，提高网页人气。运用模板制作网页可提高制作速度与效率，这也是统一网页风格的一个快捷方便的途径，千万不可忽视模板的效用。要善于借鉴别人的优点，取长补短，多上网浏览，将风格独特、别具匠心的