您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 管理学资料 > Dreamweaver框架和框架页面教学设计
1《Dreamweaver——框架和框架页面》教学设计深圳市第一职业技术学校叶苑华中等职业学校信息技术课已不再是单纯的计算机技能课,它强调以培养信息素养为目标,以任务驱动为模式,以应用软件为载体。只有在实际教学中突破以往的教学模式,才能培养出适应信息社会发展的有用人才。下面,以“框架和框架页面”单元为例,以个人的观点简单介绍一下怎样针对学生的心理特点、结合学生的生活实际设计这两堂课。(一)、课前系统部分1、课标分析《课程标准》对网页制作的学习提出了更高的要求,其中关于框架页面的要求有:了解框架的使用方法,包括创建框架、命名框架、设置框架以及保存框架等操作。在使用框架的过程中一定要明白框架的基本结构和基本应用。2、教材内容分析我教的两个就业班使用的教材是中国软件行业协会职业技术认定指定教材。教材中采用的网页制作软件是Dreamweaver8。框架和框架页面是该教材第9章192页到209页的内容,它是制作网页的一个重要模块。能够将浏览器页面分割成几个不等的窗口,每个窗口相对独立,在同一页面的几个窗口同时浏览不同的网页文件或者相对保持某些窗口的内容。3、学生分析在这之前,就业班的学生已经学过了Word、Photoshop等软件。因此,对Dreamweaver8的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉,这种知识迁移对后续的学习非常有利。同时,学生已初步掌握了网络通信的基础知识,因特网的信息服务,网络信息的搜索、浏览和下载,以及电子邮件的使用等内容。因此,学生已经具备了获取信息的能力。网页制作单元就可侧重培养信息表达的能力,这对于加强学生的信息意识,提高信息处理的能力有着重要的作用;网页的设计也给学生提供了展示个性、自主创新的机会,促使他们主动地学、创造性地学;网页的评价则能使学生了解内容编排的原则,页面布局的种类,色彩搭配的风格等,提高他们的艺术修养和审美情趣。4、教学目标本单元的认知、能力和情感三种目标分述如下:认识目标:①理解框架结构的含义和用途②掌握框架和框架集的含义,学会创建普通框架页面、创建嵌套框架结构页面、创建浮动框架页面③掌握框架属性的设置方法④掌握框架网页的保存方法能力目标:2①掌握建立网页框架及设置框架属性的能力②能够应用网页框架建立简单的网页情感目标:培养学生网页设计的审美能力、创新能力、协作学习和自主学习能力5、教学的难点和重点教学重点:①网页框架的建立②理解浮动框架页面的含义教学难点:①框架集和框架之间的关系②了解框架集标记frameset、框架标记frame、浮动框架标记iframe,掌握框架相关属性的设置:例如,调整框架大小、设置框架边界、改变边框线的宽度等6、教学策略(或方法)教师演示、任务驱动法、合作学习法、自主学习法和分组讨论法。7、教学准备①教师准备一些文字和图片素材②教师提供一些制作框架网页的视频文件③教师准备一些用网页框架制作的优秀作品④采用半成品加工策略,提供一些素材,让学生直接制作,提高学习的效率(二)、教学过程1、课前探究①访问推荐网页,形成小组、组织学生讨论网页内容和风格,分析网页框架和布局②提供网页栏目划分建议③组织各小组讨论2、新课导入:教学环节教师活动学生活动设计目的新课的导入1、教师演示一些用网页框架制作的优秀网页作品2、提问:这些网页是如何制作的呢?引起学生的兴趣。3、引入本节课的学习内容(制作框架网页)1、回答问题,带着问题观察老师的操作2、分析几个网站的特色。3、提供网页栏目划分。1、开门见山,明确这节课学习的内容2、演示优秀作品,引起学生的兴趣33、师生互动教学环节教师活动学生活动设计目的新课学习实例1介绍创建普通框架页面,过程:1、使框架边框在“设计”视图中可见2、通过鼠标脱拽,生成可视的框架3、文件的保存4、有关属性的设置根据教师提供的两个页面名为top.htm,页面名为mian.htm,将这两个页面整合成一个完整的框架页面(上下框架结构)使用同样的方法建立一个左右框架结构的网页任务驱动,通过教师讲解制作框架网页的方法,学生自主学习。实例2介绍创建嵌套框架结构页面,过程:1、使框架边框在“设计”视图中可见2、通过鼠标拖拽,生成可视的框架3、文件的保存4、有关属性的设置根据教师提供的三个页面名为top.htm,页面名left.htm,页面名content.htm,将这三个页面整合成一个完整的框架页面(上、左下和右下结构)创作作品,培养学生的合作学习和自主学习的能力。实例3介绍浮动框架标记和属性和相关属性设置学生通过写代码实现浮动框架。根据教师提供的页面名为index.htm,插入一个浮动框架作为子窗口。小组讨论,培养学生自主讨论和合作学习的能力。师生互动1、教师提供一些素材及布置制作框架页面的任务。2、教师巡视检查,做个别指导。1、各组学生完成相应的制作任务2、学生挑选有用的素材,尝试制作作品。3、学生如有疑问,一方面可以向老师请教,另一方面可以和同组的同学讨论。1、培养学生的合作学习和自主学习的能力2、积极参加讨论,培养师生之间的感情。师生互动3、组织学生评价作品。教师重点由技术点的引导转到学生心理素质及与人交往能力的导向上。在学生的自评中引导学生客观评价自己。4、教师参与讨论,帮助学生进行评价4、每组发一张表格,填写上交老师。表格如下:(见下表)3、充分利用评价方式对学生的激励作用。教师把主动权交给学生,使他们更具参与意识引发学习的主动性,学会正确地、善意地、艺术地评价他人和自己,从中学到做人的道理。4新课学习师生互动5、帮助学生解决问题制作内容组长小组成员具体分工本节课完成情况5、由学生推选代表主持评价,以调动学生积极参与评价。(见下表)考核内容及标准分值作品评语及成绩评定学生互评成绩20(学生填)设计与制作得分40(教师填)心得及思考题得分40(教师填)6、学生对自己的作品进行修改。4、增强学生的学习兴趣4、课堂总结本节主要介绍框架页面的创建、框架和框架集的选择、框架的保存以及框架属性的基本设置,对于制作风格统一的页面有很大的优势。5、课后作业①什么是浮动框架?有什么好处?②每组学生根据教师提供的素材,网页作为上、中、下结构的框架合并成一个完整的页面。各小组根据制作的内容,写一份实验报告,主要的内容有:A、列出具体的制作内容。B、列出本次实训掌握了哪些新的技术?5(三)教学后记本单元教学采用了“演示法”、“任务驱动法”、“小组协作法”、“分层教学法”等多种教学方法相结合的教学模式,努力为学生创设一种相互协作、相互激励的学习环境,同时又能够让学生培养自主学习的能力和创新精神。在课堂上始终以学生为主体,通过多种教学方式驱使学生主动学习、主动参与、相互协作、相互激励、取长补短、共同提高。在这两节课中,学生把学到的知识应用于一个实际作品的制作过程,是一个创作实践的过程。使学生感到自己是实践活动的主人,是学习的主体。学生在积极、主动的学习气氛中,有利于提高学生的学习兴趣,充分调动学生的学习积极性。教师可以考虑把课件用网站的形式展现在学生面前,提高他们的对网站的感性认识,促使他们更容易接受本单元内容。
本文标题:Dreamweaver框架和框架页面教学设计
链接地址:https://www.777doc.com/doc-2870972 .html