课题

网页制作（二）——网页布局

教学目标

知识与技能

1、      巩固站点的建立及其文件夹的设计规划

2、      巩固站点中导入素材；网页中添加文字、图片操作

3、      学会将FLAS动画插入网页

4、      学会表格布局

5、      尝试框架网页布局

过程与方法

 通过小组合作制作网页知道布局在网页制作中的重要作用

情感、态度与价值观

1、具有集体荣誉感，愿意为小组的网页建设出谋划策。

2、具有乐于助人、团结协作的精神。

重点

表格布局、架网页布局、FLAS动画插入网页

难点

表格布局、架网页布局

课时

1课时

教学过程

教师行为

学生行为

设计意图

巩固复习

分析上节课所学，帮助学生回忆知识，并布置任务

回忆所学，巩固操作（各小组合作完成）

1、     在新建一站点，保存路径为D:\myweb。

2、    参照样张1在站点中规划新建你需要的文件夹并素材

3、将index.htm网页改名为hzhb.htm

巩固上节课所学，为本节课的学习打下基础

表格布局

由学生“插入文字和图片”后不能很好的排版引入“表格布局”

组织学生思考：网页中表格布局作用？

在表格的头部制作时引导大家用使用表格嵌套

在插入FLASH时让学生观察普通窗口和预览窗口的区别

小组讨论，完成操作：

1、   参照样张1制作网页（提示：在网页中插入文字和图片等）

2、   表格布局（参考书本P113）

3、   表格嵌套

A、   制作网页头部。插入动画（参考书本P113）

B、  让动画实现在样张位置。（表格嵌套）

让学生在遇到问题时，考虑需要用到的知识，带着需求学习。

框架布局

引导大家思考“设置初始网页”和“新建网页”的区别。

组织大家学习框架网页的保存注意它的不同之处

观看演示：

1、   新建框架网页（参照样张2）

2、   保存框架网页

框架网页学生第一次接触，学习操作有难度，采用观看演示。教材已经删除

自我小结

对照“网页制作自评表”了解自己本节课所学情况，对不足之处加以完善

自我评价，并了解自身和团队情况