Frontpage中表格的应用.doc

Frontpage中表格的应用教学目标:1、掌握创建表格、编辑表格、美化表格的方法2、理解表格在网页中的作用，能根据实际需求使用表格设计好网页布局教学重点：1、网页中表格的创建、编辑、美化2、使用表格来布局网页教学难点：1、相关技术：合并、拆分单元格（不规则的表格）；嵌套表格、表格宽度设置、边框与背景的设置等2、运用表格去表现页面布局的特点教学方法：任务驱动法、讲练结合法、协作学习法教学过程：一、新课引入：教师：展示《书香为伴》、《聚焦零食》等几个网页，并在frontpage中打开，请学生观察学生：分析其布局合理整齐美观的原因网页中表格的作用：用于网页版面的布局--定位页面元素由此导入课题：插入表格二、新课学习：1、插入表格：请同学们回顾word中插入表格的方法，尝试一下，是否能采用类似的方法在frontpage中插入表格任务一：插入一个1行2列的表格学生思考并尝试：你可以用哪些方法插入表格？请几位学生演示不同的方法教师提示补充，学生尝试3种插入表格的方法教师：要想网页布局美观，光会插入表格是不够的，还需要调整文字、图片的位置，这就是编辑表格2、编辑、美化表格：教师：要编辑、美化表格就需要打开“表格属性”对话框。

操作步骤：把光标定位到表格中，单击鼠标右键，在弹出的快捷菜单中选择“表格属性”，即可任务二：调整表格的高为120像素、宽为800像素，对齐方式为居中，添加网页主题（使用艺术字或直接输入均可），设置表格背景，使表格色彩搭配合理，并预览效果学生自主、协作学习，完成以上任务，教师巡视指导思考：1、如果不想显示表格的边框，该怎么操作？2、设置表格宽度、高度的另一个单位为百分比，它与像素有什么不同？学生根据自己的尝试，回答以上两个问题，教师加以补充师生共同总结插入表格、编辑美化表格的方法三、综合练习请按照下图完成主页的规划图或者根据自己的构思使用表格完成主页的布局，并查看预览效果说明：从上到下共4个表格，全部为居中对齐，宽为800个像素，无边框线第1个表格：网页标题第2个表格：导航栏1行5列，单元格水平居中对齐，添加导航栏目，并设置好字体、字号、颜色及单元格背景平均分布各列）第3个表格：网页主体部分（可自行设计）拆分单元格、嵌套表格）第4个表格：网页底部版权信息、联系方式）尝试完成以上表格，并思考如下问题：1、怎样拆分单元格，怎样设置单元格属性？2、什么情况下使用嵌套表格？展示交流：四、总结本节课我们学习了在frontpage中插入表格、编辑表格和美化表格的方法，通过比较发现，表格操作在FrontPage中有很重要的作用，希望大家在以后的网页制作中能灵活运用，利用表格设计出整齐美观的网页布局。