制作表格运用框架结构制作网页.docVIP

第二节 制作表格——运用框架结构制作网页（第七课时 保护生态环境） 教学目标： 1、知识目标 了解框架结构的基本知识、框架的作用及框架属性 2、技能目标 1）能够使用框架结构设计网页 2）学会设置网页的框架属性，根据网页具体情况调整框架结构 3、情感目标 通过框架结构网页设计，提高学生对网页整体架构的设计能力和鉴赏能力。 教学重点与教学难点： 重点： 1、框架网页的建立 2、调整、填充框架网页 3、框架网页的保存 难点： 1、更改和设置网页的框架属性 2、框架网页的保存 关键：掌握框架属性对话框的使用方法 教学方法与教学手段： 1、 讲解与演示 2、 对比教学 3、 探究与实践 教学准备： 运用框架结构制作网页，以准备在课堂上演示 教学过程： 教学过程设计 教师活动过程 学生活动过程 设计意图 一、知识点回顾： 师生共同回顾已经学习的网页制作的基本知识和方法，引入制作框架网页的学习 师生共同回顾复习制作网页的基本知识和方法 师生共同分析网页，引入新课的学习 二、新授课： 理解框架网页的特点和概念（创设情境、对比教学） 教师展示普通页面的网页和框架结构的网页，请学生仔细观察对比框架网页的特点 （2） 教师对比生活中的布告栏，总结什么是框架结构的网页 2、讲解框架网页的设计方法（任务驱动教学法）： （1）创建框架网页：打开站点文件，由“新建网页”引入“新建框架网页”，在“新建”对话框中的“框架网页”选项卡中选取1～2个框架模板说明内容网页在框架中的作用； （2）调整框架结构：拆分和删除框架结构 （3）填充框架网页：“设置初始网页”和“新建网页”，插入悬停按钮和横幅广告器 （4）框架网页的保存：教师引导学生观察框架结构中各网页的名称，引入网页的保存 3、学生完成“实践任务一”，教师巡视指导 4、由学生存在的问题引入“框架属性”的设置： （1）由“新建网页”更改为“设置初始网页”引入问题，提问：当我们在制作网页时若需要设置网页的背景颜色或背景图片时，我们该如何操作设置？从“网页属性”引入“框架属性”。（2）由网页的美观引入“边距”的设置，其余设置让学生在实践任务二中体会 5、学生完成“实践任务二” 6、展示优秀作品，评价作品（让学生在观看同学的作品时，领会“框架属性”的不同设置） 老师讲解、演示操作时学生仔细观察操作要点积极思考老师提出的问题 请学生上台尝试网页的保存，大家一起观察 学生完成“实践任务” 学生领会“框架属性”的设置 学生实践任务二分为A和B两种，这样在展示作品时可以让学生比较不同设置后的效果，更有利于学生体会“框架属性”的设置。 三、探索实践 鼓励学有余力的同学思考如何处理横幅广告器中的图片，使得图片和横幅广告器的大小相适应，以及如何在图片上添加文字 四、归纳总结 请学生归纳框架网页的制作 教学反思 本节课属于制作网站的综合运用，在前面我们已经学过规划网站的各种方法，本节课主要学习了运用框架，总体效果一般，学生还需要再加以练习。