网页制作综合性实验报告模板

“巴黎文化之旅”简介

华南师范大学大学网页制作基础课程综合设计性实验报告

年级专业：协作小组编号：

以小组名义写报告，一个小组一份。红字部分为提醒学生修改的部分。记得删除指导教师：李桂英

学号姓名（组长排名第一）

20080000001 张三

200802010301 李四

摘要：网页是当前Intetnet的最常见应用之一，是人们获取和发布

信息的主要途径，掌握网页制作的原理和方法，对今后工作生活有很

大的帮助。本综合实验是在了解了网页设计的原则方法，掌握了Fireworks、Dreamweaver等工具处理网页中的图形图像及建立、编

辑网页页面的操作技能后，运用所学过的所有相关知识综合设计制作

一个介绍巴黎文化和风光的网站。通过设计与制作，了解和掌握了网

站的设计建立流程与网页的制作方法。

关键词：图形图像处理、表格布局、网页模板、超链接、框架、音频、

视频

一、“巴黎文化之旅”设计要求

1、绘制网站结构图，将各模块关系用简明的图示描述出来

2、网站制作时需要使用Dreamweaver建立并管理站点，并在

站点根目录下建立images等文件夹。

3、网站至少包括10个以上的网页，每个同学至少制作2个以

上的网页。

4、要求至少要使用模板技术或框架技术中的一种来搭建网站

整体架构。

5、页面美观，包含多种媒体，如文字、图片、动画（GIF或

FLASH等）音频、视频等。

6、网站制作完成后采用压缩工具将整个网页文件夹转换成压

缩文件再上传。

二、“巴黎文化之旅”设计方案

⑴网站标题：巴黎文化之旅

⑵网站内容简介：本网站通过图片、视频、音乐、文字等多种媒体的形式展现花都巴黎的文化和城市风光、并为旅行者提供了旅游信息和建议。

⑶网站结构图

网站首页

(FLASH) Index.htm

内文首页default.htm

（4）页面脚本（可从网站中任选5张最有代表性的页面）

Index.htm

页面简介：

本页面是进入网站的首页，设置了一个FLASH动

画的欢迎界面。

制作方法：

本页面在空白网页文件中插入FLASH动画，并设

置进入首页的链接。

Default.htm

页面简介：

本页面是网站内页的第一页，由自制模板

paris.dwt生成。

制作方法：

1.在Fireworks中制作模板图片并加入导航按

钮，图像优化并导出。

2.建立站点，在Dreamweaver中制作模板。

使用该模板作出Default.htm等页面多媒体内

容：图片，超链接按钮

……\album\index.htm

页面简介：

本页面是一个带有背景图片的网站相册，包含15

张图片，可实现点小图看大图功能。

制作方法：

使用Fireworks整理相册中用到的图片，

利用Dreamweaver中自带的网站相册功能制作

parisdiary.htm

页面简介：

本页面是一系列框架页面中的首页，本框架分为

左、右上、右下三个部分。其中左侧为导航，右

下为导航链接的目标区。

制作方法：

1.先制作出框架各部分所用到的页面

2.用框架将各页面整合起来

四、协作小组人员任务完成情况（指最终各人完成的子任务）

姓名任务

作品已提交到课程中心*****（组长学号）的综合实验作业。

五、应用技术与技能：

1、HTML技术

该技术的简介（简单描述一下该技术或方法，可以网上查找） 2、图形图像处理技术

该技术的简介（简单描述一下该技术或方法，可以网上查找）3、视音频技术（如你在网页中没有使用视音频，可以不填这项）

该技术的简介（简单描述一下该技术或方法，可以网上下载）六、学习经验报告

此部分主要围绕两个问题总结：在实验过程中你们小组遇到哪些困难及采用的解决方法；回顾整个实验过程，你们学到了什么（不仅是技术方面），以及还有哪些不足之处？这几行字上交前记得要删除。

本小组的5名同学在通过设计和制作“巴黎文化之旅”的实际过程中，真正的经历了一个网站从设计规划到建设完成的全过程。整个过程中我们遇到了不少困难，也有很多体会。

首先谈谈我们遇到的困难及解决方法。我们这个网站需要有部分视频，但是我们所需要的视频总是无法下载，后来询问了辅导老师，学会了视频的下载方法。还有网站背景音乐如何连续播放的问题，也是通过询问老师后，掌握了方法。我们在网站中使用的部分视音频需要简单的剪辑合成，我们小组通过在图书馆借阅相关书籍和网上观看教程自学掌握了“会声会影”初步技能。

在长达一个学期的协作制作网站的过程给我们小组的同学很多共同的感触。首先，我们认识到的是：网站的制作重在设计。一个网站制作的成功与否，很大程度上依赖于其最初的设计思路。大量的讨论，交流彼此的构思，事先绘制结构图，能便成员们对各个模块及相

互关系有个清晰的构想，后面的工作才能有条不紊的进行。

其次，带着任务学习的确是掌握网页制作技能最好的方法。因为有任务，所以学习起来才会有动力，很多问题都是在真正完成任务的时候才能遇到，知识也是这样才能学得牢靠。

最后的感受是，协作学习的方法让我们的学习与以往不同。大家经常讨论，共同解决问题。每个同学在制作时的心得，都会和大家分享，这样我们的学习效率真的提高不少。而且通过这次协作，同学间也增进了了解，集体责任感和沟通能力都有所加强，对自己和他人的劳动成果也更加尊重。

当然也有不足，如果我们小组在任务开始时能紧跟老师的日程安排，早些开始沟通讨论整体设计方案，后期制作的时候就能减少一些不必要的时间精力上的浪费，最后网站的效果会更精致美观。这也是这次综合实验中的小小遗憾。

参考文献

[1] 郭锂，柯铭健.网页设计与制作[M].北京：高等教育出版社，2010年7月第1版

[2]