五、美丽的蝴蝶
教学目标
能够使用表格布局模板制作网页；
能够使用“单元格角部和阴影”修饰网页。
教学重点：
用FrontPage的“布局表格和单元格”功能布局网页。
教学过程：
第一课时
一、问题导入
蝴蝶色彩绚丽，体态轻盈，飞舞于花间，把大自然点缀更加和谐美丽。
那么你对它了解多少？知道有关蝴蝶的知识吗？今天我们就一起制作有关这方面的网页。
二、网上搜索：
1、蝴蝶自述：种类、数量、分布、生活习性等。
2、蝴蝶的分科介绍。
3、美丽的蝴蝶图片。
三、设计网页结构。
可参考P22页网页结构图。
第二课时
一、交流网上搜集的资料，并共享给班内同学。
二、展示网页设计结构图。
三、制作网页
1、学生看书，思考：
A如何利用“布局表格”制作网页？
B为什么在站点下建立“butterfly”和“images”文件夹，有什么用途？
2、学生看书，试着操作“试一试”内容。
A．建议学生逐一试用FrontPage提供的各种“表格布局”模板，以便熟悉它们并快速的利用模板创建常规Web页面。如果学生对模板中提供的布局表格不满意，教师可以指导其用手工绘制的方法创建布局表格。创建时首先在“新建表格和单元格”项中单击“绘制布局表格”按钮，随后将指针移到操作窗口最左端，然后拖动鼠标即可绘制表格。
B．FrontPage提供了“用表格自动缩放元格”功能，可以按比例自动缩放，快速对表格的宽度和高度进行调整。
3、修饰网页：
A．通过改变“单元格角部和阴影”对单元格进行美化，还提醒学生还可以通过“使用自定义图像”添加自制的图片样式。
B．布局表格一般隐藏了边框，相邻单元格的内容没有间隔感。教师可以提醒学生利用单元格格式里的边框属性制作分隔线效果，就是常见的横线和竖线。
四、欣赏网页
通知过自评，小组评，评出优秀网页，进行展示。
五、交流：
布局表格在网页制作中的用途？
微信/支付宝扫码支付