网页制作小组作业综合性实验报告.doc

“甜品之家”简介 网页制作基础课程综合设计性实验报告 年级专业： 协作小组编号： 指导教师 学号 姓名（组长排名第一） 1 2 3 4 5 6 摘要：网页是当前Intetnet的最常见应用之一，是人们获取和发布信息的主要途径，掌握网页制作的原理和方法，对今后工作生活有很大的帮助。本综合实验是在了解了网页设计的原则方法，掌握了Fireworks、Dreamweaver等工具处理网页中的图形图像及建立、编辑网页页面的操作技能后，运用所学过的所有相关知识综合设计制作一个介绍甜品的网站。通过设计与制作，了解和掌握了网站的设计建立流程与网页的制作方法。 关键词：图形图像处理、表格布局、网页模板、超链接、框架、音频、视频 一、“甜品之家”设计要求 绘制网站结构图，将各模块关系用简明的图示描述出来 网站制作时需要使用Dreamweaver建立并管理站点，并在站点根目录下建立images等文件夹。 网站至少包括10个以上的网页，每个同学至少制作2个以上的网页。 要求至少要使用模板技术或框架技术中的一种来搭建网站整体架构。 页面美观，包含多种媒体，如文字、图片、动画（GIF或FLASH等）音频、视频等。 网站制作完成后采用压缩工具将整个网页文件夹转换成压缩文件再上传。 二、“甜品之家”设计方案 ⑴网站标题：甜品之家 ⑵网站内容简介：本网站通过图片、音乐、文字等多种媒体的形式介绍甜品的种类、制作方法以及有关甜品起源的一些小故事。 ⑶网站结构图 （4）页面脚本（可从网站中任选5张最有代表性的页面） Default.htm 页面简介： 本页面是网站内页的第一页，由自制模板template.dwt生成。 制作方法： 在Fireworks中制作模板图片并加入导航按钮，图像优化并导出。 建立站点，在Dreamweaver中制作模板。 使用该模板作出Default.htm等页面多媒体内容：图片，超链接按钮，表格 Tianpingushi.htm 页面简介： 本页面是包含4个甜品故事，附有图片欣赏 制作方法： 1、插入图片和文字，设置背景 2、在dreamwaver的媒体中选择插件，添加音乐 Zhizuo.htm 页面简介： 本页面是关于一些甜品的制作，附有大量精美图片加以说明，十分形象生动。 制作方法： 在网上搜寻相关图片，然后插入，再配以文字说明 在dreamweaver中插入表格，并进行相关设置 Gangshitianpin.htm 页面简介： 本页面是关于一些著名的港式甜品的介绍。 制作方法：1、搜寻图片，然后插入，再配以文件说明 2、在dreamweaver中，选择媒体，选择插入插件，插入音乐 Zuiguitianpin.htm 页面简介： 本页面是关于世界上最贵甜品的介绍 制作方法：1、搜寻资料，插入图片文字，并设置背景 四、协作小组人员任务完成情况（指最终各人完成的子任务） 姓名 任务 制作主页和story页面 制作最贵甜品的页面 制作港式甜品的页面 负责实验报告的撰写 负责实验报告的撰写 制作甜品制作的页面 作品已提交到课程中心（组长学号）的综合实验作业。 五、应用技术与技能： 1、HTML技术 HTML是用来对文字、图片、声音等加以定义。 2、图形图像处理技术 图形图像处理技术研究方向主要负责研究和探索和领域的前沿技术及其应用。主要研究内容：技术及算法、（HDR）图像技术和算法、非真实感图像绘制、图像加速硬件（GPU）的应用等。视音频信息的标引主要包括两个方面的内容，一个方面是关于磁带、等载体的形式特征信息或者是数字化视音频信息的数据格式信息（如，磁带或录像带类型、视音频、文件格式等），另一个方面就是视音频本身反映的内容信息（如，题名信息、信息、分类信息等等）。 第 1 页 共 7 页 无主页 内文首页 default.htm 甜品故事 story.htm 最贵甜品 Zuiguitianpin.htm 港式甜品 Gangshitianpin.htm 甜品制作 Zhizuo.htm