预览加载中,请您耐心等待几秒...
1/2
2/2

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

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