第12课《用表格为网页布局》教案

第4课 网络安全（1课时）

撰写人

导

展示新浪、淘宝、126 邮箱等优秀网站，并提问这些网站漂不 漂亮？想不想知道怎么做的啊？

在课堂中利用这些网页通过化 繁为简的方法来进行教学。

通过学生的回答来提升 学生学习积极性。

学生机

入 指导者一、规划主页页面布局： 页面版块分解，展示四个页面，让学生分析整个页面的结构， 学生探索、体验、练习 参照书本 P44 来划分。教师提问：每个页面的各个版块是怎 样分布的？通过机房学生座位分成四个小组，每个小组拆分 一个网页，版块的划分以明显的分界线为依据，要求简单、 清晰。 二、制作主页： 教学任务的达成 学生探索、体验、练习、 自主探究学习 学生机 小组讨论 投影

学习者

设计意图投影

载体

展

表格操作： 插入表格操作要点：行数、列数、对齐方式、宽度设置。 单元格合并操作要点：选择需要合并的单元格→鼠标右击→ 合并单元格。 单元格拆分操作要点：单击需要拆分的单元格→鼠标右击→ 拆分单元格→设置拆分

的行数与列数。 手工绘制表格线操作要点：在网页空白地方画一矩形(表格 外框)→在表格内添置表格线。注意：绘制结束后，绘制表 格按钮要再次点击，不然始终处于绘制表格状态。 FrontPage 中表格操作与 Word 中的表格操作是否一样？ 怎样去除单元格与单元格之间的间隔？怎样设置表格线？

消除单元格之间的间距：单元 格间距设为“0” 。 设置表格线： 边框粗细值为 “0” 表示没有表格线。

教学反思：

整节课的教学思路为：复杂网站简单化→模块重组→了解表格布局的必要性→学生对实例网站的拆分→绘制表格→表格内容填充（组合），沿着这一主线一步一步把学生引入学习任务中，最后通过学生作业的点评让学生体会成功的喜悦感，并对下一节课充满期待。

这堂课以实例进行教学，通过对网页的拆分，以化繁为简的方法来对复杂网页进行简单模块化，并通过对这些模块的拼合让学生体会利用表格来进行布局的必要性。在整节课中并没有对网站的头部信息、主体部分和尾部信息进行强调，着重对网站进行分块处理，这样做的目的是希望让学生明白网站的多样性，只要能让浏览者感觉到舒服而又方便就可以了。同时为以后表格的嵌套提供方便。在教学过程中应注意课堂实际情况来进行正确的引导，比如说“在提问：怎样组合？怎样对各块进行定位？”时根据学生的实际答案来进行不同教学策略，或者在教这一块时让学生自己动手在Word或FrontPage中试试，怎样才能快速而又能准确的定位。