网页设计综合实验报告.doc

华北科技学院计算机系综合性实验
实验报告
课程名称《网页制作A》
实验学期 2010 至 2011 学年第 1 学期
学生所在系部计算机系
年级 08级专业班级信管B081
学生姓名纪鹏鹏学号 200807034103
任课教师沙嘉祥
实验成绩
计算机系制
《网页制作A 》课程综合性实验报告
开课实验室:基础六 2010 年 12 月 14 日
实验题目
足球主题网站的开发
一、实验目的
使用Dreamweaver、Fireworks、Flash三种软件完成网页的制作。
二、设备与环境
微机、Dreamwaver 8、Fireworks 8、Flash 8
三、实验内容
按照特定的主题制作一个完整的网站。
使用Dreamweaver、Fireworks、Flash三种软件完成网页的制作。
网站中要包括表格/框架/层布局、图像、文本、超级链接、导航、CSS样式。网站页面总数不少于6个。
至少要包括3个自己制作的Flash动画。上交文件中要包括该动画文件的源文件*.fla文件和导出文件。
至少要包括3个自己用Fireworks制作的图像文件,并且在每个图像文件中应用至少两种学过的技术手段进行处理。上交文件中要包括该图像文件的源文件*.png文件和导出文件。
尽可能多地使用学过的技术手段。
不允许抄袭其他同学的内容,如果两人有雷同,两个人都按照不及格处理。
不允许从网上下载别人的网站当作考试内容上交。
。
把所有文件和文件夹放在一个总的目录下,目录以:班级+姓名+学号最后两位的形式命名。例如:。。最后将该目录压缩成一个*.rar文件。
四、实验结果及分析

主页
国
内
近
况
豪
门
球
队
最
新
战
况
球
星
图
片
足
坛
快
讯
网站部分截图
以上是网站的部分截图

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
本足球网站利用Dreamweaver实现静态网页,运用了表格将网站页面进行整体布局,网页统一标准宽度1000进行设计,页面专业美观,色彩和谐。首先制作模版页,之后的页面套用模版页,方便快捷。开始是系统时间显示,之后是banner图片,然后是导航条,创建连接,左侧有登录窗口,然后是事件显示FLASH,下面是热点图片,最下面是友情连接和作者版权声明等。
这个网站运用老师所讲的关于Dreamweaver的基本操作,下面符模版页截图。

Adobe Fireworks CS4 是Adobe推出的一款网页作图软件,软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks CS4 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photosho