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

华北科技学院计算机系综合性实验 实 验 报 告 课程名称 《网页制作A》 实验学期 2010 至 2011 学年 第 1 学期 学生所在系部 计算机系 年级 08级 专业班级 信管B081 学生姓名 纪鹏鹏 学号 200807034103 任课教师 沙嘉祥 实验成绩 计算机系制 《 网页制作A 》课程综合性实验报告 开课实验室：基础六 2010 年 12 月 14 日 实验题目 足球主题网站的使用Dreamweaver、Fireworks、Flash三种软件完成网页的制作。、Dreamwaver 、Fireworks 、Flash 网站中要包括表格/框架/层布局、图像、文本、超级链接、导航、CSS样式。网站页面总数不少于6个。 至少要包括3个自己制作的Flash动画。上交文件中要包括该动画文件的源文件*.fla文件和导出文件。 至少要包括3个自己用Fireworks制作的图像文件，并且在每个图像文件中应用至少两种学过的技术手段进行处理。上交文件中要包括该图像文件的源文件*.png文件和导出文件。 尽可能多地使用学过的技术手段。 不允许抄袭其他同学的内容，如果两人有雷同，两个人都按照不及格处理。 不允许从网上下载别人的网站当作考试内容上交。 在上交文件中主页一律以index.htm命名。 把所有文件和文件夹放在一个总的目录下,目录以：班级+姓名+学号最后两位的形式命名。例如：信管B061张三03.rar。将index.html放在该文件夹下。最后将该目录压缩成一个*.rar文件。 四、实验结果及分析 一．网站内容 网站部分截图 以上是网站的部分截图 二．Dreamweaver部分 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 本足球网站利用Dreamweaver实现静态网页，运用了表格将网站页面进行整体布局，网页统一标准宽度1000进行设计，页面专业美观，色彩和谐。首先制作模版页，之后的页面套用模版页，方便快捷。开始是系统时间显示，之后是banner图片，然后是导航条，创建连接，左侧有登录窗口，然后是事件显示FLASH，下面是热点图片，最下面是友情连接和作者版权声明等。 这个网站运用老师所讲的关于Dreamweaver的基本操作，下面符模版页截图。 三．Fireworks部分 Adobe Fireworks CS4 是Adobe推出的一款网页作图软件，软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks CS4 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop CS4、Adobe Illustrator CS4、Adobe Dreamweaver CS4 和 Adobe Flash CS4 软件省时集成。 在 Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入 Dreamweaver CS4 中轻松地进行开发与部署。 网站运用Fireworks进行图片处理，对获得的图片进行简单的大小修改，格式转化。为图片添加文字，对图片按要求进行同化处理，给图片加一些边缘处理，对图像进行导入导出。 四．Flash部分 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。 网站运用的是FLASH的强大的画图功能，用FLASH画出按钮，还有部分导航条的图片部分截图如下： 五．小结 通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多： （