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

《Dreamweaver——框架和框架页面》教学设计 深圳市第一职业技术学校 叶苑华 中等职业学校信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。下面，以“框架和框架页面”单元为例，以个人的观点简单介绍一下怎样针对学生的心理特点、结合学生的生活实际设计这两堂课。 （一）、课前系统部分 1、课标分析 《课程标准》对网页制作的学习提出了更高的要求，其中关于框架页面的要求有：了解框架的使用方法，包括创建框架、命名框架、设置框架以及保存框架等操作。在使用框架的过程中一定要明白框架的基本结构和基本应用。 2、教材内容分析 我教的两个就业班使用的教材是中国软件行业协会职业技术认定指定教材。教材中采用的网页制作软件是Dreamweaver 8。框架和框架页面是该教材第9章192页到209页的内容，它是制作网页的一个重要模块。能够将浏览器页面分割成几个不等的窗口，每个窗口相对独立，在同一页面的几个窗口同时浏览不同的网页文件或者相对保持某些窗口的内容。 3、学生分析 在这之前，就业班的学生已经学过了Word、Photoshop等软件。因此，对Dreamweaver 8的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。同时，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力。网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。 4、教学目标 本单元的认知、能力和情感三种目标分述如下： 认识目标： ①理解框架结构的含义和用途 ②掌握框架和框架集的含义，学会创建普通框架页面、创建嵌套框架结构页面、创建浮动框架页面 ③掌握框架属性的设置方法 ④掌握框架网页的保存方法 能力目标： ①掌握建立网页框架及设置框架属性的能力 ②能够应用网页框架建立简单的网页 情感目标： 培养学生网页设计的审美能力、创新能力、协作学习和自主学习能力 5、教学的难点和重点 教学重点： ①网页框架的建立 ②理解浮动框架页面的含义 教学难点： ①框架集和框架之间的关系 ②了解框架集标记frameset、框架标记frame、浮动框架标记iframe，掌握框架相关属性的设置：例如，调整框架大小、设置框架边界、改变边框线的宽度等 6、教学策略（或方法） 教师演示、任务驱动法、合作学习法、自主学习法和分组讨论法。 7、教学准备 ①教师准备一些文字和图片素材 ②教师提供一些制作框架网页的视频文件 ③教师准备一些用网页框架制作的优秀作品 ④采用半成品加工策略，提供一些素材，让学生直接制作，提高学习的效率 （二）、教学过程 1、课前探究 ①访问推荐网页，形成小组、组织学生讨论网页内容和风格，分析网页框架和布局 ②提供网页栏目划分建议 ③组织各小组讨论 2、新课导入： 教学环节 教师活动 学生活动 设计目的 新 课 的 导 入 1、教师演示一些用网页框架制作的优秀网页作品 2、提问：这些网页是如何制作的呢？引起学生的兴趣。 3、引入本节课的学习内容（制作框架网页） 1、回答问题，带着问题观察老师的操作 2、分析几个网站的特色。 3、提供网页栏目划分。 1、开门见山，明确这节课学习的内容 2、演示优秀作品，引起学生的兴趣 3、师生互动 教学环节 教师活动 学生活动 设计目的 ? ? ? 新 ? 课 ? 学 ? 习 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 新 ? ? 课 ? ? 学 ? ? 习 ? 实 例 1 介绍创建普通框架页面，过程： 1、使框架边框在“设计”视图中可见 2、通过鼠标脱拽，生成可视的框架 3、文件的保存 4、有关属性的设置 根据教师提供的两个页面名为top.htm，页面名为mian.htm，将这两个页面整合成一个完整的框架页面（上下框架结构） 使用同样的方法建立一个左右框架结构的网页 任务驱动，通过教师讲解制作框架网页的方法，学生自主学习。 实 例 2 介绍创建嵌套框架结构页面，过程： 1、使框架边框在“设计”视图中可见 2、通过鼠标拖拽，生成可视的框架 3、文件的保存 4、有关属性的设置 根据教师