中职高教版《Dreamweaver网页制作》项目四 任务三 制作媒体日记网页教案

任务三 制作媒体日记网页 一、提出任务 1．任务目标 在网页中插入多媒体内容。 2. 解决的问题 通过完成本任务认识多媒体视频文件和FLASH动画文件在网页制作中的重要作用，学习运用多媒体文件美化和丰富网页。 3. 本任务所涉及原有知识要点 完成本任务所涉及原有知识要点有：在网页中插入图像、编辑图像，使用框架结构布局页面。 二、教学目标 1. 知识目标 ⑴ 了解多媒体文件的分类。 ⑵ 了解视频文件在网页制作中的作用 ⑶ 掌握在网页中插入视频文件。 ⑷ 了解FLASH动画在网页制作中的作用 ⑸ 掌握在网页中插入FLASH动画。 2. 能力目标 能够在网页中插入多媒体文件并进行参数设置。 3. 情感目标 通过参加科学探究活动，初步掌握在网页制作中使用多媒体文件的方法，并加深对多媒体文件的理解。使学生增强自信心，对学习产生兴趣。 三、教学分析与准备 1. 教学重点 ⑴ 多媒体文件的分类 ⑵ 在网页中插入视频文件。 ⑶ 在网页中插入FLASH动画。 2．教学难点 ⑴ 在网页中插入视频文件。 ⑵ 在网页中插入FLASH动画。 3. 教学方法 任务驱动学习、协作学习和探究学习相结合 4. 课时安排 4课时。 5. 教学环境 多媒体网络教室。 四、教学过程（组织课堂、复习知识、教师引领完成任务占1.5学时；举一反三占2.5学时。） 教学环节及手段 教师活动 学生活动 组织课堂 复习知识 任务流程 导入任务 分析任务 完成任务 知识总结 举一反三 任务目标 启发思路 分组完成任务 学生自评或互评 教师点评总结 布置作业 集中学生注意力，准备上课。 通过提问考察学生对框架集掌握情况。 1．框架集的作用？ 2．上前演示使用框架集在一个网页中显示几个网页的内容。 学生分组讨论下列问题。 1．什么是媒体文件？ 2．媒体文件有哪些？ 3．列举日常生活中的媒体文件。 学生回答上述问题，教师总结，从而引导学生学习媒体文件。 浏览包含多媒体文件的网页，吸引学生兴趣。 通过前面的学习已经系统的了解了图形图像在网页制作中的应用，但是还没有使用过媒体文件，本任务将系统学习多媒体文件在网页制作中的应用。 提出任务：在网页中插入视频文件 在“媒体日记”链接的网页“main5.html”中，插入一段视频文件。在上部框架页面“top.html”中，插入Flash动画作为装饰，美化页面。 1．布局“媒体日记”页面 运行Dreamweaver 8，在“文件”面板中，选择并打开上一任务创建的网页文件“main5.html”，通过“页面属性”设置网页上、下边距为0像素，背景色设置为“#EEF0FF”，其他采用默认值。 选择菜单栏“插入”菜单的“表格”选项，插入一个宽366像素、2行2列的表格，表格边框为0。设置第一行高20像素，第二行高272像素，第一列宽17像素，第二列宽349像素（第二列列宽可以不设）。 在第一行、第一列单元格中插入“D:\mysite\diary\diaryimages”文件夹中“point1.gif”图像，在第一行的第二列中输入文字“媒体日记”，文字大小为12像素。 然后合并第二行的两个单元格。 2．插入媒体插件 在“文档窗口 ”中，用鼠标在表格第二行内单击，选择菜单栏“插入”→“媒体”→“插件”选项，弹出“选择文件”对话框，如课本图4-16所示。选择“D:\mysite\diary\media”文件夹中的视频文件“ljsy.mpg”，单击“确定”按钮。 结合插入媒体菜单讲解有哪些媒体文件可以应用在网页设计中。 3．插入FLASH动画文件 在顶部框架页插入Flash动画。在Dreamweaver 8中，打开“D:\mysite\diary”文件夹下的网页“top.html”，将插入点放到图像“biaoti.jpg”的右边，选择菜单栏“插入”→“媒体”→“Flash”选项，在弹出的“选择文件”对话框中选择“D:\mysite\diary\media”文件夹中的Flash动画文件“top.swf”，单击“确定”按钮。 保存网页“top.html”，按F12键预览 插入FLASH文 ... ...