制作网页第2课时.doc

插入网页布局表格备课教师： 田文英 共 3 课时第 2 课时教具使用: 多媒体网络教室、FrontPage2003软件教学目标知识1、掌握使用表格进行布局的方法 2、掌握对表格进行操作的方法能力掌握利用表格进行布局的方法情感形成需求分析的意识重点能够利用表格进行网页的版面布局难点能够利用表格进行网页的版面布局教学过程教学批注导入请大家将活动1中所设计的网页版面图拿出来，结合课本第15页张晓明同学的设计范例，完成第15页的学习单明确表格的重要性认识表格学会插入表格1．让学生学会合并、拆分、插入、删除和设置单元格属性等操作 2．引导学生利用表格实现网页的版面设计通过交流，掌握对表格的操作方法1．巩固表格知识2．为插入网页元素埋下伏笔，引发学生的积极探索新授教学阶段 教师活动 学生活动 新课引入 介绍为什么使用表格进行布局：不同的分辨率下（显示器中）保持网页各个元素设计的位置不会改变，表格中可以放置网页上的任何元素 参考第18页的知识向导，理解表格在网页中的作用认识表格 介绍表格的组成： （1）表格由几个部分组成：表头：表格的首行，表示表格各列的名称。

行：表格的一行，水平方向列：表格的一列，垂直方向单元格：在表格中，每个方格称为一个单元格（Cell），可以为每个单元格设置不同的属性 边框：在表格的四周，可设置有无 （2）在每个单元格中，除了可以填写文本之外，还可以放置图片、表单等，表格的最大好处是能分类显示数据，同时能利用表格来组织网页的整体布局 学习表格知识 插入表格 1．演示使用“表格”菜单命令插入表格的方法： （1）将光标移到要插入表格的位置，即插入点 （2）单击“表格”菜单，选择“插入”选项，并在选择项中单击“表格”选项，出现插入表格对话框 （3）在对话框中，在“行数”中输入需要的行数，在“列数”中输入需要的列数，同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距” （4）最后单击“确定”按钮，屏幕上就会出现一张空的表格 2．说明：如果在对话框中“边框粗细”值设置为0，则该表格线在浏览网页时不会被显示出来 3．组织学生讨论：还有哪些方法可以插入表格？ 1．根据教师的演示及参照第16页的操作坊，插入并修饰表格 2．讨论插入表格的其他方法 表格操作，如插入、删除合并、拆分和设置单元格属性等操作 1．演示合并单元格等的操作。

2．让学生根据先前的版面设计完成对表格的操作 1．按照自己网页设计版面来确定表格样式 2．采用插入、删除、合并、拆分等操作对表格进行操作 交流协作 请各个小组内相互交流、相互检查，要求每位同学都要实现自己的版面布局设计 1.向已完成的同学请教、学习 2.完成自己的版面设计 总结拓展 1．根据某一个版面设计和学生一起用表格实现布局 2．小结：表格在 FrontPage2003中有相当重要的应用，这节课我们用表格实现了版面设计那么，如何将图片、文本等元素充实到网页中？请大家课后思考 1.和老师一起用表格实现一个计版面布局 2.课后探究教师提出的问题 板书设计插入网页布局表格一、认识表格（表格由几个部分组成？） 行：表格的一行，水平方向列：表格的一列，垂直方向单元格：在表格中，每个方格称为一个单元格（Cell），可以为每个单元格设置不同的属性 边框：在表格的四周，可设置有无二、插入表格 （1）将光标移到要插入表格的位置，即插入点 （2）单击“表格”菜单，选择“插入”选项，并在选择项中单击“表格”选项，出现插入表格对话框 （3）在对话框中，在“行数”中输入需要的行数，在“列数”中输入需要的列数，同时设置好“对齐方式”、“边框粗细”、“单元格边框”、“单元格间距”。

（4）最后单击“确定”按钮，屏幕上就会出现一张空的表格三、表格操作1、插入、删除表格（表格行、列）2、合并、拆分单元格3、设置单元格属性作业布置请大家课后思考：如何将图片、文本等元素充实到网页中？课后反思。