内容正文:
《设计制作网页》 教学设计
课例名称
《设计制作网页》
年级
八年级
章节
第一章第2节
教材版本
河大初中《信息技术第3版》
教学目标
知识与技能目标:掌握FrontPage中表格的相关知识。
过程与方法目标:通过小组合作探究,培养学生的观察、分析和归纳能力。
情情感态度与价值观目标:培养学生的信息素养,提高信息鉴别和使用信息的能力。
教学重难点
教学重点:插入表格的相关操作
教学难点:能够根据需要绘制表格,实现页面布局
学情分析
学生已具备基本的计算机操作能力,能够上网查找信息,但不会制作网页,学生缺乏详细系统的学习。
教学准备
多媒体课件、计算机教室
教学过程
一、新课导入
【教师活动】教师展示旅游网站的界面,让学生先观察两个页面给人的直观感受是什么
【学生活动】学生回答教师问题
【教师活动】教师展示学习任务
依据规划的页面内容特点,为网站各主要页面进行网页布局设计
要求:在保持网站整体风格一致的基础上,各页面能够依据内容需要进行合理布局,有效提升页面的表达力和感染力。
【教师活动】教师带学生进行任务分析
1.体现以用户为中心
2.与网站主题相协调
3.站内风格基本一致
4.页面协调,便于阅读
5.利用表格
【教师活动】教师展示学习目标
1.学会绘制表格
2.学会合并单元格
3.通过表格实现页面布局
【学生活动】学生齐声朗读学习目标
二、新课讲授
【教师活动】操作指南
【教师活动】请同学们以小组为单位,对比讨论以下两个网页的页面布局,分析有什么区别
【学生活动】学生回答教师问题
1. 设计页面布局
(1)页面布局特点研究
(2)网页中的基本要素
①网页中包含的基本信息
②网页主要信息的布局方法
③规划主要页面的布局方式
三、小组探究
【教师活动】请同学们以小组为单位,仿照上面两个布局分析示意图,绘制本组的网页布局示意图,并展示汇报
【学生活动】学生以小组为单位,仿照上面两个布局分析示意图,绘制本组的网页布局示意图,并展示汇报
其他小组成员进行评价
四、新课讲授
2. 绘制表格实现页面布局
(1) 打开网站
(2)通过表格进行页面布局
①插入表格
②设置参数
③单击确定
④合并单元格
⑤嵌套表格
⑥保存文件
(3)其他布局方式的页面布局
五、课堂练习
请同学们以小组为单位,通过插入表格的方式,绘制本组的页面布局,并展示汇报
四、作品展示
【教师活动】现在请同学们展示并介绍本组的作品。
【学生活动】学生展示自己的作品,并汇报。
其他小组成员对其进行点评,说明优缺点。
五、课堂小结
【教师活动】教师带领学生复习回顾本节课知识点
【学生活动】学生和教师一起复习回顾本节课知识点
六、板书设计
1.绘制表格
2.合并单元格
3.通过表格实现页面布局
七、作业设计
【教师活动】教师布置课后作业
(1)在FrontPage中利用表格进行页面布局,与在Word中利用表格进行页面布局有什么异同?
(2)新建一个名为“练习”的网站,如图所示进行页面布局。
(3)要想在浏览的状态中看不到表格线,该如何处理?
(4)从浏览者角度出发,在用表格设计页面布局时要考虑哪些方面?可以尝试下载门户网站首页,用FrontPage打开,查看页面布局形式。
反思评价
本节课是一节操作课,教师需要合理设置教学活动,注意教学环节的时间安排和纪律的维护。
原创精品资源学科网独家享有版权,侵权必究!6
学科网(北京)股份有限公司
$$