您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 管理学资料 > dreamweaver网页制作学案5
学案:制作页面动态效果授课时间第十一周课时17-18课时签阅记录检查记录学习任务:1.设置“播放声音”和“改变属性”行为;2.添加“设置文本”的行为特效用以设置层文本、框架文本、状态栏文本和表单元素中的文本;3.添加“预先载入图像”的行为。能力目标掌握“播放声音”行为和“改变属性”行为的设置方法;会添加“设置文本”的行为特效和“预先载入图像”的行为。情感目标培养自主学习的能力,提高操作技能和灵活应用知识的能力。学习方法:小组协作、自主探究、展示交流、任务驱动法学习环境:多媒体网络教室、微机室、网页素材学习过程:一、预习展示:阅读课本142页的内容,完成预习题并展示1.除了前面所学的设置层文本和状态栏文本之外,还可以设置哪些类型的文本?2.“预先载入图像”的目的是什么?二、合作探究,完成学习任务(一)明确任务教师用网页的方式展示本节课的学习任务,明确本节课学习目标和任务。(二)基础任务任务一:添加“播放声音”行为1.观察教师的实例,根据效果,小组合作探索制作方法。2.各组展示本组的制作方法,相互比较,总结出添加方法:练习任务:创建网页“practice5-13.html”,插入素材“practice5-5.jpg”,为图像添加“弹播放声音”行为,使鼠标经过图像时播放音乐“practice5-1.wav”。任务二:“改变属性”行为的添加1.小组合作探究添加“改变属性”的行为,并将方法总结如下:2.各组派代表展示本组的作品,其他同学观察其设置方法是否正确。练习任务:创建网页“practice5-14.html”,插入素材“practice5-6.jpg”,添加“改变属性”行为,使鼠标单击图片时改变图片的颜色和高度。任务三:“设置文本”行为的添加1.根据“设置层文本”的方法和“设置状态栏文本”的方法自主探究设置框架文本和表单元素中的文本的方法。2.被点名学生演示个人操作方法,其他人观察并对比其方法的正确性。练习任务:创建框架网页“practice5-15.html”,为其主框架添加文本“我的职校生活”。任务四:“预先载入图像”行为的添加1.自主探究设置“预先载入图像”行为的方法。2.创建网页“practice5-16.html”,插入图像素材“practice5-7.jpg”,并为其添加“预先载入图像”的特效。三、达标测评创建网页“practice5-17.html”,利用教师分发的素材,以“我的课余生活”为主题制作网页,在其中应用所学特效。四、归纳总结:1.“达标测评”中使用到了哪些行为?2.上例中能否给下拉菜单设置下一级子菜单?若能,如何实现?请将方法总结如下:五、课后反思1.说出自己这节课的收获及体验:2.存在的问题:学案:创建表单授课时间第十二周课时19-20课时签阅记录检查记录学习任务:1.创建表单的多种方法。2.表单属性面板的组成、意义及属性设置。能力目标掌握创建表单的多种方法,知道表单属性面板的组成、意义,并会设置表单属性。情感目标培养自主学习的能力,提高操作技能和灵活应用知识的能力。学习方法:小组协作、自主探究、展示交流、任务驱动法学习环境:多媒体网络教室、微机室、网页素材学习过程:一、预习展示:阅读课本148-152页的内容,完成预习题并展示1.表单主要用于什么地方,其主要目的是什么?2.表单的标签名称是什么?二、合作探究,完成学习任务(一)明确任务明确本节课学习目标和任务。(二)基础任务任务一:建立本栏目目录结构1.观察教师的效果展示,小组合作讨论分析建立本栏目所需创建的结构。2.根据下表目录结构建立相关文件:所在路径文件/文件夹的名字说明D:\mysite\bbsBbs.html“访客信息”页面Sed.html提交后显示的页面bbsimages存放“访客信息”栏目中所需的图片任务二:创建表单1.自主探究创建表单的多种方法,并将方法总结如下:2.被指名学生展示自己的操作,其他同学观察其设置方法是否正确、全面。思考:当页面处于“设计”试图时,表单用红色虚线框表示。如果没有看见红色的虚线框,该如何设置,才能看到?练习任务:创建网页“practice6-1.html”,插入表单,并在表单中插入一个11行2列的表格,设置表格属性为:居中对齐、第1列单元格的宽度为100像素,填写第1列中单元格的内容,如下表所示。留言标题留言人姓名性别年龄选择头像自定义头像电子邮件个人网站个人爱好留言内容任务三:设置表单属性1.自主探索选择表单的方法,总结如下:2.小组合作探究表单属性面板的组成、功能及各选项的意义。练习任务:对上题中的表单进行如下图所示的属性设置:三、达标测评创建网页“practice6-2.html”,制作如图所示的表单。四、归纳总结:1.创建表单的方法有几种?分别是哪几种?2.表单属性中“动作”属性和“方法”属性的功能时什么?五、课后反思1.说出自己这节课的收获及体验:2.存在的问题:
本文标题:dreamweaver网页制作学案5
链接地址:https://www.777doc.com/doc-2870978 .html