山东省郯城县红花镇初级中学人教版八年级信息技术上册第一单元第3课《网页中的表格》学案

第3课 网页中的表格 学案 本课学习目标：1、知识目标：理解表格在网页设计中的重要作用。 2、技能目标：学会使用表格布局网页；灵活掌握表格调整的方法。 3、情感、态度与价值观目标：了解学校概貌，发现校园之美；养成良好的生活和学习习惯。 教学方法：自学法、演示法、观察法、实践法、小组合作。 教学重点：在网页中插入表格及表格的调整。 教学难点：在网页中插入表格及表格的调整。 学习时间：1课时。 学习过程： 引入课题：通过对“某校园鸟瞰图”与下载的“中学生作文网”的首页作比较，引导学生发现网页中表格的运用。 学习与探究： 一、表格的作用 阅读本部分内容，思考：在网页中使用表格有何作用？ 表格可使网页中的文字、图片、动画等素材排列整齐有序，并且不会因浏览窗口大小的改变而改变排列方式。[来源:学科网ZXXK] 二、在网页中插入表格 试一试：阅读相关内容，试着在站点“情感小屋”中打开首页文件Index.htm，分别插入四个表格，依次为：2*3、2*2、1*4和2*1，宽度都为780像素，水平居中。（教师巡回指导） 三、表格的调整 1、  行高和列宽的调整 方法一：手动操作 方法二：通过单元格属性或表格属性调整 2、  单元格的合并和拆分[来源:学,科,网Z,X,X,K] 教师演示：（1）选中想要合并或拆分的单元格； （2）单击鼠标右键，在快捷菜单中选择“合并单元格”或“拆分单元格”。 3、  插入或删除表格中的行或列[来源:学科网ZXXK] （1）选择相应的行或列； （2）单击鼠标右键，在快捷菜单中进行相应选择。 4、  平均分布行和列[来源:学_科_网Z_X_X_K] （1）选择需要平均分布的行或列；[来源:Z+xx+k.Com] （2）单击鼠标右键，在快捷菜单中进行相应选择。 练一练：参照“情感小屋”网站首页布局的内容，调整前面插入的表格，并将在第1课中输入的内容移到表格内。预览网页，测试调整效果。 四、设计网页模板 教师操作：“文件”---“另存为”---选择“Frontpage模板（*.tem）”，并命名模板文件名（如：“情感小屋”） 练一练：将网站首页文件Index.htm存储为网页模板，命名为“我的模板”，然后以利用模板的方式新建一个网页。 五、实践与创新： 运用表格重新设计Parents.htm的网页布局，预览时改变浏览器窗口的大小，观察网页的布局是否