网页设计综合实验报告

《网页设计综合实验报告》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、华北科技学院计算机系综合性实验报告华北科技学院计算机系综合性实验实验报告课程名称《网页制作A》实验学期2010至2011学年第1学期学生所在系部计算机系年级08级专业班级信管B081学生姓名纪鹏鹏学号200807034103任课教师沙嘉祥实验成绩计算机系制第7页华北科技学院计算机系综合性实验报告《网页制作A》课程综合性实验报告开课实验室：基础六2010年12月14日实验题目足球主题网站的开发一、实验目的使用Dreamweaver、Fireworks、Flash三种软件完成网页的制作。二、设备与环境微机、Dreamwaver8、Fireworks8、Flash8三、实验内容1.按照特定的主

2、题制作一个完整的网站。2.使用Dreamweaver、Fireworks、Flash三种软件完成网页的制作。3.网站中要包括表格/框架/层布局、图像、文本、超级链接、导航、CSS样式。网站页面总数不少于6个。4.至少要包括3个自己制作的Flash动画。上交文件中要包括该动画文件的源文件*.fla文件和导出文件。5.至少要包括3个自己用Fireworks制作的图像文件，并且在每个图像文件中应用至少两种学过的技术手段进行处理。上交文件中要包括该图像文件的源文件*.png文件和导出文件。6.尽可能多地使用学过的技术手段。7.不允许抄袭其他同学的内容，如果两人有雷同，两个人都按照不及格处理。8.

3、不允许从网上下载别人的网站当作考试内容上交。9.在上交文件中主页一律以index.htm命名。10.把所有文件和文件夹放在一个总的目录下,目录以：班级+姓名+学号最后两位的形式命名。例如：信管B061张三03.rar。将index.html放在该文件夹下。最后将该目录压缩成一个*.rar文件。四、实验结果及分析一．网站内容主页国内近况豪门球队最新战况球星图片足坛快讯第7页华北科技学院计算机系综合性实验报告网站部分截图第7页华北科技学院计算机系综合性实验报告第7页华北科技学院计算机系综合性实验报告以上是网站的部分截图二．Dreamweaver部分Dreamweaver是美国MACROMED

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

5、基本操作，下面符模版页截图。第7页华北科技学院计算机系综合性实验报告三．Fireworks部分AdobeFireworksCS4是Adobe推出的一款网页作图软件，软件可以加速Web设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。FireworksCS4不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库,并可与AdobePhotoshopCS4、AdobeIllustratorCS4、AdobeDreamweaverCS4和AdobeFlashCS4软件省时集成。在Fireworks中将设计迅速转变为模型,或利用来自Illustrat

6、or、Photoshop和Flash的其它资源。然后直接置入DreamweaverCS4中轻松地进行开发与部署。网站运用Fireworks进行图片处理，对获得的图片进行简单的大小修改，格式转化。为图片添加文字，对图片按要求进行同化处理，给图片加一些边缘处理，对图像进行导入导出。四．Flash部分Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声

7、音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。网站运用的是FLASH的强大的画图功能，用FLASH画出按钮，还有部分导航条的图片部分截图如下：第7页华北科技学院计算机系综合性实验报告五．小结通过本次的网站设计，运用了本学期所学到的知识这样不仅复习了本学期学过的一些知识，同时也加深所学知识的内容，这次的网页制作使我学会了很多：（1）掌握使用表格进行网页布局设计。（2）掌握网页装饰设计。（3）会使用简单的HTML标记。（4）