教学环节

教师活动

学生活动

一、导入并明确教学内容

欣赏婚礼网站主页，简析网站各结构功能模块，引导学生分析各结构模块的功能与用途。

得出常见网页功能块是由：

（网站标志LOGO、导航栏、主体部分、友情链接、横幅广告Banner、版权信息），

是什么让各个不同的功能块整齐排列在网页中呢？

引出幕后主宰者——表格

通过赏析主页，自主体会网站整体风格与主题的融合，并在教师的带领下分析、了解网站常有的功能板块以及表格的作用。

体验

学生任务一：以“360安全中心”主页为实例

写出各结构模块功能作用。

目的：1.让学生熟悉主页常见的功能块。

2.引出表格的单元格放置各个功能块。

3.为任务二做准备。

打开作业1，在图中的文本框内填入相应板块的名称，并分析布局块功能作用。

二、自主探究，深入了解表格的运用

学生任务二：分组分别采用Word、FrontPage对“360安全中心”主页实施布局

将Word的表格类比到FrontPage中

体验Word与FrontPage对表格处理的“同”与“不同”

教师分别点评：Word组与FrontPage组

发现两个组件表格处理的细微差别：FrontPage中将单元格的列宽调整不同有难度。——提出问题

引出解决问题方案：

方案一：表格嵌套处理（同时处理边框粗细、单元格间距、单元格边距）。

方案二：多个表格并行处理。

在Word 和Frontpage

中根据图示用表格布局出360主页图，体会两种工具在表格运用上的异同。通过知识的迁移起到举一反三的效果，并合理应用技术手段处理布局中遇到的问题，提高实战能力。

三、学生实践，强化表格操作

学生任务三：实战演练“飞向宇宙”网页的布局

全面提升学生表格布局网页的能力。

教师总结：PPT

对提供的表格进行完善，适当的合并单元格，加入嵌套表格，完成本课主要学习任务。

四、拓展训练，进一步提升

拓展训练：教师提供几种系统的登录界面的图例和图片素材，学生分析该界面在网页中的表格布局，自主设计制作，完成作品。

在完成实践任务的基础上，可以选择4种登录界面的其中一种进行自主的设计制作。

五、上交作品、展示作品

上交作业，相互点评或相互指导纠错，达到共同提高的目的。