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