Dreamweaver框架和框架页面教学设计.doc

《Dreamweaver框架和框架页面教学设计.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《Dreamweaver——框架和框架页面》教学设计深圳市第一职业技术学校叶苑华中等职业学校信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。下面，以“框架和框架页面”单元为例，以个人的观点简单介绍一下怎样针对学生的心理特点、结合学生的生活实际设计这两堂课。（一）、课前系统部分1、课标分析《课程标准》对网页制作的学习提出了更高的要求，其中关于框架页面的要求有：了解框架的使用方法，包括创建框架、命名框架、设置框架以及保存框架等操作。在使用框架的过

2、程中一定要明白框架的基本结构和基本应用。2、教材内容分析我教的两个就业班使用的教材是中国软件行业协会职业技术认定指定教材。教材中采用的网页制作软件是Dreamweaver8。框架和框架页面是该教材第9章192页到209页的内容，它是制作网页的一个重要模块。能够将浏览器页面分割成几个不等的窗口，每个窗口相对独立，在同一页面的几个窗口同时浏览不同的网页文件或者相对保持某些窗口的内容。3、学生分析在这之前，就业班的学生已经学过了Word、Photoshop等软件。因此，对Dreamweaver8的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移

3、对后续的学习非常有利。同时，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力。网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。4、教学目标本单元的认知、能力和情感三种目标分述如下：认识目标：①理解框架结构的含义和用途②掌握框架和框架集的含义，学

4、会创建普通框架页面、创建嵌套框架结构页面、创建浮动框架页面③掌握框架属性的设置方法④掌握框架网页的保存方法能力目标：①掌握建立网页框架及设置框架属性的能力②能够应用网页框架建立简单的网页情感目标：培养学生网页设计的审美能力、创新能力、协作学习和自主学习能力5、教学的难点和重点教学重点：①网页框架的建立②理解浮动框架页面的含义教学难点：①框架集和框架之间的关系②了解框架集标记frameset、框架标记frame、浮动框架标记iframe，掌握框架相关属性的设置：例如，调整框架大小、设置框架边界、改变边框线的宽度等6、教学策略（或方法）教师演示、任务驱动法、合作学习法、自

5、主学习法和分组讨论法。7、教学准备①教师准备一些文字和图片素材②教师提供一些制作框架网页的视频文件③教师准备一些用网页框架制作的优秀作品④采用半成品加工策略，提供一些素材，让学生直接制作，提高学习的效率（二）、教学过程1、课前探究①访问推荐网页，形成小组、组织学生讨论网页内容和风格，分析网页框架和布局②提供网页栏目划分建议③组织各小组讨论2、新课导入：教学环节教师活动学生活动设计目的新课的导入1、教师演示一些用网页框架制作的优秀网页作品2、提问：这些网页是如何制作的呢？引起学生的兴趣。3、引入本节课的学习内容（制作框架网页）1、回答问题，带着问题观察老师的操作2、分析

6、几个网站的特色。3、提供网页栏目划分。1、开门见山，明确这节课学习的内容2、演示优秀作品，引起学生的兴趣3、师生互动教学环节教师活动学生活动设计目的   新 课 学 习                     实例1介绍创建普通框架页面，过程：1、使框架边框在“设计”视图中可见2、通过鼠标脱拽，生成可视的框架3、文件的保存4、有关属性的设置根据教师提供的两个页面名为top.htm，页面名为mian.htm，将这两个页面整合成一个完整的框架页面（上下框架结构）使用同样的方法建立一个左右框架结构的网页任务驱动，通过教师讲解制作框架网页的方法，学生自主学习。新  课  学 

7、 习 实例2介绍创建嵌套框架结构页面，过程：1、使框架边框在“设计”视图中可见2、通过鼠标拖拽，生成可视的框架3、文件的保存4、有关属性的设置根据教师提供的三个页面名为top.htm，页面名left.htm，页面名content.htm,将这三个页面整合成一个完整的框架页面（上、左下和右下结构）创作作品，培养学生的合作学习和自主学习的能力。实例3介绍浮动框架标记和属性和相关属性设置学生通过写代码实现浮动框架。根据教师提供的页面名为index.htm，插入一个浮动框架作为子窗口。小组讨论，培养学生自主讨论和合作学习的能力。师 生 互 动1、教师提供一些