第11课 应用表格布局教案

第11课 应用表格布局
一、教学目标
1．了解网页布局的基本概念，知道网页的基本组成部分。
2．能够根据网页的内容运用“表格”菜单下的“布局表格和单元格”命令创建布局表格。
3．合理设置表格布局的属性，增强网页的表现效果。
二、教学重点和难点
1．教学重点：运用“表格”菜单下的“布局表格和单元格”命令创建布局表格，设置表格布局的属性。
2．教学难点：根据网页内容设置网页布局的样式。
三、教学准备
1．教学环境：电脑教室，FrontPage 2003，多媒体转播控制系统。
2．教学资源：应用表格布局.ppt，制作“学校通知”网页的素材。
四、教学过程
教学环节
教师活动
学生活动
设计意图
一、欣赏网页，导入新课（5分钟）
1．展示教材第63页的图11-3，引导学生观察网页的组成部分。
2．根据学生的回答并板书：一个网页的基本组成部分有顶部、侧栏、内容区域和底部等。
顶部：logo图标、网站名称、菜单导航、通栏广告等内容。
侧栏：栏目导航、推荐信息、热门信息排行等。
内容区域：显示文字、图片、表格等网页具体内容。
底部：放置版权、备案号、联系方式等内容。
3．展示教材第6l页的图11-1，引导学生欣赏“北京市少年宫”网站首页布局。
4．小结并板书什么是网页布局：所谓的网页布局，就是要以最适合浏览的方式将文字、图片、动画等排放在页面的不同位置，让它们形成一个有机的整体，以适合用户浏览。
5．出示课题：应用表格布局。
观察网页并认真听讲。
欣赏网页并认真听讲。
通过观察和欣赏网页，了解网页的基本组成结构和布局，从而调动学生的学习兴趣，为后面的学习作好铺垫。
二、利用表格布局技术制作网页（25分钟）
1．讲授网页布局的种类：网页布局技术主要有表格布局、框架布局和DIV+CSS布局3种。
2．引导学生回忆用Word设计小板报时，一般要经过的步骤：确定主题、收集资料、版面设计。
3．出示教材第64页的图11-4，想一想，运用FrontPage表格布局技术制作如图所示的“学校通知”网页的步骤有哪些？
4．根据学生的回答，边演示边讲解：利用FrontPage表格布局技术制作“学校通知”网页，步骤如下：
①准备好相关的图片、文字素材。
②新建一个空白网页文件。
③创建布局表格。
④设置表格。
⑤添加内容。
⑥保存预览。
5．布置任务：根据提供的素材用FrontPage表格布局技术制作“学校通知”网页。
6．求助方式：
①阅读教材
②小组内与
③举手问老
（播放背景{
6．请完成探究活动任务的学生完成教材第66页创新活动2。
认真听讲。
运用求助方式完成任务。

通过回忆Word设计小板报的步骤，运用知识迁移的方式，认识网页制作也需要布局及用表格布局的方法。 通过教师的演示和讲解，掌握利用FrontPage表格布局技术制作“学校通知”网页的方法。


在悠扬的背景音乐中，运用求助方式完成用FrontPage表格布局技术制作“学校通知”网页的任务。
三、展示与评价（10分钟）
1-引导学生展示用表格布局技术制作的学校通知网页。
2．说一说。 (l)在制作过程中遇到什么困难，是怎样解决的？
(2)这节课有什么收获？
(3)举例说说自己最喜欢的表格布局的网站有哪些？
3．评一评：填写教材第66页的活动评价表。
4．小结：今天这节课，通过利用表格布局技术制作学校的通知网页，了解网页布局的基本结构，认识网页布局的基本方法，同学们任务完成得很出色，希望同学们大胆地运用所学的制作技术，设计出更多人们喜欢的网页。
展示作品，交流学习心得。
完成活动评价表。
倾听小结。
作品的展示与即时的总结，有助于学生将零散的知识系统化。有效的评价能够促使学生认真思考、主动学习。初步培养学生学会交流、总结学习过程的能力，提高学生的语言表达能力。
鼓励学生把学到的技能进行有效的运用，激励学生继续深入学习的兴趣。
五、板书设计
六、教学反思