创新杯计算机类第四单元任务三

1、第四单元制作“心情”网页任务三 制作一、提出任务1任务目标网页在网页中2. 解决多内容。文件和 FLAS通过完成本任务认识多 文件美化和丰富网页。3. 本任务所涉及原有知识要点文件在网页制作中的重要作用，学习运用多完成本任务所涉及原有知识要点有：在网页中图像、编辑图像，使用框架结构布局页面。二、教学目标1. 知识目标 了解多 了解文件的分类。文件在网页制作中的作用 掌握在网页中 了解 FLAS 掌握在网页中能力目标能够在网页中情感目标文件。在网页制作中的作用FLAS。多文件并进行参数设置。通过参加科学探究活动，初步掌握在网页制作中使用多文件的方法，并加深对多文件的理解。使学生增强自信心，对学习

2、产生三、教学分析与准备1. 教学重点。多文件的分类在网页中在网页中文件。FLAS。教学难点 在网页中 在网页中教学方法文件。FLAS。任务驱动学习、协作学习和探究学习相结合4.25.多安排。 教学环境网络教室。四、教学过程（组织课堂、复习知识、教师引领完成任务占 1 学时；举一反三占 1 学时。）教学环节及教学内容备注组织课堂复习知识集中学生注意力，准备上课。通过提问学生对框架集掌握情况。1框架集的作用？任务流程导入任务分析任务完成任务2上前演示使用框架集在一个网页中显示几个网页的内容。学生分组下列问题。文件？文件有哪些？列举日常生活中的文件。学生回答上述问题，教师总结，从而引导学生学习文件。

3、浏览包含多文件的网页，吸引学生。 通过前面的学习已经系统的了解了图形图像在网页制作中的应用，但是还没有使用过文件，本任务将系统学习多文件在网页制作中的应用。提出任务：在网页中文件在“”的网页“main5.html”中，一段文件。在上部框架页面“top.html”中， Flas作为装饰，美化页面。布局“ ”页面运行 Dreamweaver CS5，在“文件”面板中，选择并打开上一任务创建的网页文件“main5.html”，通过 “页面属性”设置网页上、下边距为 0 像素，背景色设置为“#EEF0FF”，其他采用默认值。选择菜单栏“ ”菜单的“表格”选项，一个宽 366 像素、2 行 2 列的表格

4、，表格边框为 0。设置第一行高 20 像素，第二行高 272 像素，第一列宽 17像素，第二列宽 349 像素（第二列列宽可以不设）。在 第 一 行 、 第 一 列 单 元 格 中“ D:mysitediarydiaryimages ” 文 件 夹 中 “po 1.gif”图像，在第一行的第二列中输入文字 “ ”，文字大小为 12 像素。然后合并第二行的两个单元格。插件在“文档窗口 ”中，用鼠标在表格第二行内单击，选择菜单栏“”“”“插件”选项，弹出“选择文件”框，如图 4-16 所示。选择 “ D:mysitediarymedia ” 文件夹中的文件 “ljsy.mpg”，单击“确定”按钮。

5、结合菜单讲解有哪些文件可以应用在网页设计中。FLAS文件在顶部框架页 Flas 。在 Dreamweaver CS5 中，打开“D:mysitediary”文件夹下的网页学生可以利用帮助、 、互联网查找 。力求通过任务导入，吸引学生学习兴趣。教师引导，学生。知识总结举一反三任务目标启发思路分组完成任务学生自评或互评教师点评总结布置作业“top.html”，将点放到图像“biaoti.jpg”的右边，选择菜单栏“”“”“Flash”选项，在弹出的“选择文 件”框中选择 “D:mysitediarymedia”文件夹中的 Flas文件“top.swf”，单击“确定”按钮。保存网页“top.html

6、”，按 F12 键预览FLASH 文件后，FLASH 背景与网页背景不协调。为此，在“文档窗口 ”中，单击选中刚的 Flash动画，然后单击“属性”面板中的“参数”按钮，弹出“参数”框，设置“参数”为“wmode”，“值”为“transparent”，表示背景为透明。然后单击“确定”按钮，完成Flash 及其参数设置，保存页面。多文件包含 Flas、Shockwave、Applet、ActiveX 和插件等，每一类文件都有其相应的可设置参数，用于设置多 文件的各种属性。“wmode”是动画模式参数，“wmode”值设置为 transparent 代表显示 Flas 时，背景为透明。通过完成本任

7、务学习了 文件和 FLAS 在网页制作中的应用。创建网页“practice4-7.html”，在网页中 插件”， 本单元素材“ 举一反三” 文件夹中的 “Boo.wav”。回忆使用哪个菜单、选项可以插件？本题应 那个插件？每个插件可以什么类型的多文件？把不同层次的学生分在一组中，鼓励同学积极 完成任务。小组间互相运行效果，并相互评论。教师对学生完成情况及评论进行总结，对完成任务的表扬，对没有完成任务的鼓励，并帮助他们分析没有完成的原因。如何在网页中 声音文件， 文件和网页的背景音乐 区别？创建一个网页“practice4-8.html”，效果如图 JYFS4-5 所示，在网页下方 “插件”， 本单元素材“举一反三”文件夹中的“piantou.avi”。创建网页“practice4-9.html”，在网页中