第6课 用表格安排网页布局

第6课 用表格安排网页布局
教学目的：
1、会在网页中使用表格显示数据
2、利用表格安排网页布局。
教学重难点：利用表格安排网页布局。
教学过程：
一、引入
FrontPage的表格是一个很重要的功能。我们不仅可以利用表格显示数据，而且还可以通过调整表格中的单元格的大小，来改变放在单元格中的文本和图片的版面位置，网页的总体布局。
二、新授
活动一：在网页中使用表格显示数据
师：FrontPage的表格操作与Word的表格操作基本类似，主要有：表格的创建，行（或列）的插入或删除，单元格的拆分、合并、格式设置等。
做一做：制作“我的课程表”网页（course.htm），如图1所示。
教师演示操作，学生注意观察。
学生参照书P34-36页上的14个步骤，自行完成“我的课程表”网页（course.htm）设计。
学生上机操作，教师巡视指导。
展示完整的作品，评价小结。
活动二：利用表格安排网页布局。
师：FrontPage里不仅可以在表格中嵌套表格，还可以插入文字或图片。因此，我们可以利用表格来安排网页布局，设计出构图精美的网页。
做一做：用表格来安排“七巧板”网页布局，如图5所示。
分析：该网页的布局是由四个表格组成，在表格中嵌套表格。先建立一个3行一列的表格来布局整个网页。接下来在表格1的第一行再嵌套一个1行2列的表格，在表格1的第二行再嵌套一个1行5列的表格，最后在表格1的第三行嵌套一个2行1列的表格。
教师演示操作，学生注意观察。
学生参照书P38-39页上的11个步骤，自行完成“七巧板”网页布局设计。
学生上机操作，教师巡视指导。
小结。
三、想一想
在活动二中，只用一个表格可以完成如图5所示的布局吗？
教学反思