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

《制作表格运用框架结构制作网页》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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