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

“巴黎文化之旅”简介 华南师范大学大学网页制作基础课程综合设计性实验报告 年级专业： 协作小组编号： 指导教师：李桂英 学号 姓名（组长排名第一） 20080000001 张三 200802010301 李四 摘要：网页是当前Intetnet的最常见应用之一，是人们获取和发布信息的主要途径，掌握网页制作的原理和方法，对今后工作生活有很大的帮助。本综合实验是在了解了网页设计的原则方法，掌握了Fireworks、Dreamweaver等工具处理网页中的图形图像及建立、编辑网页页面的操作技能后，运用所学过的所有相关知识综合设计制作一个介绍巴黎文化和风光的网站。通过设计与制作，了解和掌握了网站的设计建立流程与网页的制作方法。 关键词：图形图像处理、表格布局、网页模板、超链接、框架、音频、视频 一、“巴黎文化之旅”设计要求 绘制网站结构图，将各模块关系用简明的图示描述出来 网站制作时需要使用Dreamweaver建立并管理站点，并在站点根目录下建立images等文件夹。 网站至少包括10个以上的网页，每个同学至少制作2个以上的网页。 要求至少要使用模板技术或框架技术中的一种来搭建网站整体架构。 页面美观，包含多种媒体，如文字、图片、动画（GIF或FLASH等）音频、视频等。 网站制作完成后采用压缩工具将整个网页文件夹转换成压缩文件再上传。 二、“巴黎文化之旅”设计方案 ⑴网站标题：巴黎文化之旅 ⑵网站内容简介：本网站通过图片、视频、音乐、文字等多种媒体的形式展现花都巴黎的文化和城市风光、并为旅行者提供了旅游信息和建议。 ⑶网站结构图 （4）页面脚本（可从网站中任选5张最有代表性的页面） Index.htm 页面简介： 本页面是进入网站的首页，设置了一个FLASH动画的欢迎界面。 制作方法： 本页面在空白网页文件中插入FLASH动画，并设置进入首页的链接。 Default.htm 页面简介： 本页面是网站内页的第一页，由自制模板paris.dwt生成。 制作方法： 在Fireworks中制作模板图片并加入导航按钮，图像优化并导出。 建立站点，在Dreamweaver中制作模板。 使用该模板作出Default.htm等页面多媒体内容：图片，超链接按钮 ……\album\index.htm 页面简介： 本页面是一个带有背景图片的网站相册，包含15张图片，可实现点小图看大图功能。 制作方法： 使用Fireworks整理相册中用到的图片， 利用Dreamweaver中自带的网站相册功能制作 parisdiary.htm 页面简介： 本页面是一系列框架页面中的首页，本框架分为左、右上、右下三个部分。其中左侧为导航，右下为导航链接的目标区。 制作方法： 先制作出框架各部分所用到的页面 用框架将各页面整合起来 四、协作小组人员任务完成情况（指最终各人完成的子任务） 姓名 任务 作品已提交到课程中心*****（组长学号）的综合实验作业。 五、应用技术与技能： 1、HTML技术 该技术的简介（简单描述一下该技术或方法，可以网上查找） 2、图形图像处理技术 该技术的简介（简单描述一下该技术或方法，可以网上查找） 3、视音频技术（如你在网页中没有使用视音频，可以不填这项） 该技术的简介（简单描述一下该技术或方法，可以网上下载） 六、学习经验报告 此部分主要围绕两个问题总结：在实验过程中你们小组遇到哪些困难及采用的解决方法；回顾整个实验过程，你们学到了什么（不仅是技术方面），以及还有哪些不足之处？这几行字上交前记得要删除。 本小组的5名同学在通过设计和制作“巴黎文化之旅”的实际过程中，真正的经历了一个网站从设计规划到建设完成的全过程。整个过程中我们遇到了不少困难，也有很多体会。 首先谈谈我们遇到的困难及解决方法。我们这个网站需要有部分视频，但是我们所需要的视频总是无法下载，后来询问了辅导老师，学会了视频的下载方法。还有网站背景音乐如何连续播放的问题，也是通过询问老师后，掌握了方法。我们在网站中使用的部分视音频需要简单的剪辑合成，我们小组通过在图书馆借阅相关书籍和网上观看教程自学掌握了“会声会影”初步技能。 在长达一个学期的协作制作网站的过程给我们小组的同学很多共同的感触。首先，我们认识到的是：网站的制作重在设计。一个网站制作的成功与否，很大程度上依赖于其最初的设计思路。大量的讨论，交流彼此的构思，事先绘制结构图，能便成员们对各个模块及相互关系有个清晰的构想，后面的工作才能有条不紊的进行。 其次，带着任务学习的确是掌握网页制作技能最好的方法。因为有任务，所以