第12课《用表格为网页布局》教案
发布时间:2024-11-06
发布时间:2024-11-06
第4课 网络安全(1课时)
撰写人
导
展示新浪、淘宝、126 邮箱等优秀网站,并提问这些网站漂不 漂亮?想不想知道怎么做的啊?
在课堂中利用这些网页通过化 繁为简的方法来进行教学。
通过学生的回答来提升 学生学习积极性。
学生机
入 指导者一、规划主页页面布局: 页面版块分解,展示四个页面,让学生分析整个页面的结构, 学生探索、体验、练习 参照书本 P44 来划分。教师提问:每个页面的各个版块是怎 样分布的?通过机房学生座位分成四个小组,每个小组拆分 一个网页,版块的划分以明显的分界线为依据,要求简单、 清晰。 二、制作主页: 教学任务的达成 学生探索、体验、练习、 自主探究学习 学生机 小组讨论 投影
学习者
设计意图投影
载体
展
表格操作: 插入表格操作要点:行数、列数、对齐方式、宽度设置。 单元格合并操作要点:选择需要合并的单元格→鼠标右击→ 合并单元格。 单元格拆分操作要点:单击需要拆分的单元格→鼠标右击→ 拆分单元格→设置拆分
的行数与列数。 手工绘制表格线操作要点:在网页空白地方画一矩形(表格 外框)→在表格内添置表格线。注意:绘制结束后,绘制表 格按钮要再次点击,不然始终处于绘制表格状态。 FrontPage 中表格操作与 Word 中的表格操作是否一样? 怎样去除单元格与单元格之间的间隔?怎样设置表格线?
消除单元格之间的间距:单元 格间距设为“0” 。 设置表格线: 边框粗细值为 “0” 表示没有表格线。
教学反思:
整节课的教学思路为:复杂网站简单化→模块重组→了解表格布局的必要性→学生对实例网站的拆分→绘制表格→表格内容填充(组合),沿着这一主线一步一步把学生引入学习任务中,最后通过学生作业的点评让学生体会成功的喜悦感,并对下一节课充满期待。
这堂课以实例进行教学,通过对网页的拆分,以化繁为简的方法来对复杂网页进行简单模块化,并通过对这些模块的拼合让学生体会利用表格来进行布局的必要性。在整节课中并没有对网站的头部信息、主体部分和尾部信息进行强调,着重对网站进行分块处理,这样做的目的是希望让学生明白网站的多样性,只要能让浏览者感觉到舒服而又方便就可以了。同时为以后表格的嵌套提供方便。在教学过程中应注意课堂实际情况来进行正确的引导,比如说“在提问:怎样组合?怎样对各块进行定位?”时根据学生的实际答案来进行不同教学策略,或者在教这一块时让学生自己动手在Word或FrontPage中试试,怎样才能快速而又能准确的定位。