中职高教版《Dreamweaver网页制作》项目四 任务四 使用代码制作框架网页教案

任务四 使用代码制作框架网页 一、提出任务 1．任务目标 使用HTML制作一个标题为“唐代名词赏析”的框架页面。 2. 解决的问题 通过使用代码制作框架网页学习HTML中框架集、框架标签的语法格式。 3. 本任务所涉及原有知识要点 完成本任务所涉及原有知识要点有：使用HTML代码在网页中添加超链接，插入文本并设置文本格式。 二、教学目标 1. 知识目标 ⑴ 了解框架集与框架在HTML中的区别。 ⑵ 掌握框架、框架集标签的用法。 ⑶ 掌握框架、框架集标签的一些重要属性。 ⑷ 掌握使用代码生成框架网页。 2. 能力目标 能够利用HTML代码制作框架网页。 3. 情感目标 培养学生不怕困难、积极探索的优良作风，对自己充满信心，对学习充满兴趣。 三、教学分析与准备 1. 教学重点 ⑴ 框架、框架集标签的用法。 ⑵ 框架、框架集标签的一些重要属性。 2．教学难点 框架、框架集标签的用法。 3. 教学方法 任务驱动学习、协作学习和探究学习相结合。 4. 课时安排 4课时。 5. 教学环境 多媒体网络教室。 四、教学过程（组织课堂、复习知识、教师引领完成任务占1.5学时；举一反三占2.5学时。） 教学环节及手段 教师活动 学生活动 组织课堂 复习知识 引领完成任务 导入任务 分析任务 完成任务 知识小结 举一反三 任务目标 启发思路 分组完成任务 学生自评或互评 教师点评总结 布置作业 集中学生注意力，准备上课。 通过提问考察学生对框架的掌握情况。 1．什么是框架、框架集？ 2．框架、框架集的作用是什么？ 前面已经学习了HTML语言的一部分内容，本任务将继续学习，学习HTML中框架、框架集标签，从而能够掌握如何使用代码生成框架页面。 提出任务：使用代码制作框架网页。 通过代码添加包含三个框架的框架集，设置框架的属性，在一个框架集内显示三个框架页的内容。 1．准备工作 新建一个文件夹“tcsx”，把随书光盘中本单元素材文件夹中“HTML”文件夹下的网页“top.html”、“left.html”、“main.html”、“main2.html”和“main3.html”拷贝到此新建文件夹中。 运行Dreamweaver 8，新建一个空白页面，命名为“tcsx.html”，保存在“tcsx”文件夹中。将“文档窗口”切换到“代码”视图，修改网页标题为“唐代名词赏析”。 2．添加框架集 ⑴ 在和之间添加框架集代码创建框架集，并设置其属性。 ⑵ 框架、框架集标签讲解。 框架集标签格式： 框架标签格式 3．在框架集中添加框架 在和之间添加框架代码创建框架并设置他们的属性。 4．设置在不支持框架的浏览器中显示的信息 ⑴ 在和之间修改并添加代码，设置在不支持框架的浏览器中显示的信息。 ⑵.知识讲解 框架集网页中……标签与和标签不能互相包含。但是……可以添加在……标签中，用于设置不支持框架的浏览器中显示的提示信息。 ⑶ 知识拓展 框架还有第二种形式：内联框架（inline frame或iframe）。它由微软Internet Explorer 3.0版本引入的。它把内联框架嵌入HTML文档中，就像HTML文档嵌入图片一样。内联框架可以使开发者把一个HTML文档嵌入到另一个HTML文档中。 嵌入内联框架的语法： 通过完成本任务学习了： 1．框架集与框架在HTML中的区别。 2．框架集、框架标签。 3．框 ... ...