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

《Dreamweaver——框架和框架页面》教学设计

深圳市第一职业技术学校叶苑华

中等职业学校信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。下面，以“框架和框架页面”单元为例，以个人的观点简单介绍一下怎样针对学生的心理特点、结合学生的生活实际设计这两堂课。

（一）、课前系统部分

1、课标分析

《课程标准》对网页制作的学习提出了更高的要求，其中关于框架页面的要求有：了解框架的使用方法，包括创建框架、命名框架、设置框架以及保存框架等操作。在使用框架的过程中一定要明白框架的基本结构和基本应用。

2、教材内容分析

我教的两个就业班使用的教材是中国软件行业协会职业技术认定指定教材。教材中采用的网页制作软件是Dreamweaver 8。框架和框架页面是该教材第9章192页到209页的内容，它是制作网页的一个重要模块。能够将浏览器页面分割成几个不等的窗口，每个窗口相对独立，在同一页面的几个窗口同时浏览不同的网页文件或者相对保持某些窗口的内容。

3、学生分析

在这之前，就业班的学生已经学过了Word、Photoshop等软件。因此，对Dreamweaver 8的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。同时，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力。网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

4、教学目标

本单元的认知、能力和情感三种目标分述如下：

认识目标：

①理解框架结构的含义和用途

②掌握框架和框架集的含义，学会创建普通框架页面、创建嵌套框架结构页面、创

建浮动框架页面

③掌握框架属性的设置方法

④掌握框架网页的保存方法

能力目标：

①掌握建立网页框架及设置框架属性的能力

②能够应用网页框架建立简单的网页

情感目标：

培养学生网页设计的审美能力、创新能力、协作学习和自主学习能力

5、教学的难点和重点

教学重点：

①网页框架的建立

②理解浮动框架页面的含义

教学难点：

①框架集和框架之间的关系

②了解框架集标记frameset、框架标记frame、浮动框架标记iframe，掌握框架相关

属性的设置：例如，调整框架大小、设置框架边界、改变边框线的宽度等

6、教学策略（或方法）

教师演示、任务驱动法、合作学习法、自主学习法和分组讨论法。

7、教学准备

①教师准备一些文字和图片素材

②教师提供一些制作框架网页的视频文件

③教师准备一些用网页框架制作的优秀作品

④采用半成品加工策略，提供一些素材，让学生直接制作，提高学习的效率（二）、教学过程

1、课前探究

①访问推荐网页，形成小组、组织学生讨论网页内容和风格，分析网页框架和布局

②提供网页栏目划分建议

③组织各小组讨论

2、新课导入：

4、课堂总结

本节主要介绍框架页面的创建、框架和框架集的选择、框架的保存以及框架属性的基本设置，对于制作风格统一的页面有很大的优势。

5、课后作业

①什么是浮动框架？有什么好处？

②每组学生根据教师提供的素材，网页作为上、中、下结构的框架合并成一个完整的页面。各小组根据制作的内容，写一份实验报告，主要的内容有：

A、列出具体的制作内容。

B、列出本次实训掌握了哪些新的技术？

（三）教学后记

本单元教学采用了“演示法”、“任务驱动法”、“小组协作法”、“分层教学法”等多种教学方法相结合的教学模式，努力为学生创设一种相互协作、相互激励的学习环境，同时又能够让学生培养自主学习的能力和创新精神。在课堂上始终以学生为主体，通过多种教学方式驱使学生主动学习、主动参与、相互协作、相互激励、取长补短、共同提高。

在这两节课中，学生把学到的知识应用于一个实际作品的制作过程，是一个创作实践的过程。使学生感到自己是实践活动的主人，是学习的主体。学生在积极、主动的学习气氛中，有利于提高学生的学习兴趣，充分调动学生的学习积极性。

教师可以考虑把课件用网站的形式展现在学生面前，提高他们的对网站的感性认识，促使他们更容易接受本单元内容。