一、教学目标

       知识与技能目标：通过充实主页的内容，掌握插入图片、设置单元格属性、加入滚动字幕等方法；通过主页上版本信息的注明，树立正确的版权保护意识；通过对主页的适当调整与美化，进一步提高对页面布局、图文混搭，颜色搭配进行合理的调控能力。

       过程与方法目标：通过充实主页内容，掌握插入图片、设置单元格属性、加入滚动字幕等方法，并树立正确的版权意识。

       情感态度价值观目标：本课特意安排了“给网站注明作者和联系方式”，培训样学生对自我作品的保护意识。

二、教学重难点

教学重点：图片插入、单元格属性设置、版权说明；

教学难点：首页内容丰富、图片色彩搭配和谐。

三、教学准备

网络教室，示例网站，素材库。

四、教学过程设计

       一、导入

       展示2张素材相同布局不同的网页。提问①：哪一张比较美观？对照课本图12-1至12-4常见网站主页构成图，它属于哪种类型？ ②：它是怎么布局的？

       设计意图：学生观察和比较两张网页，个别回答问题。通过提问、引导、比较等方法，培养学生辨别表格布局网页页面的好处。

      教师分析网页中所隐含的表格结构，总结用表格为网页布局的重要性。

          二、新授

       （一）分析表格布局

        提问：这张网页是用几行几列的表格布局的？

        教师展示表格结构。

        展示“网络世界”网站主页，让学生分析表格结构。

       学生活动：分析网页中所隐含的表格结构，并回答。

       设计意图：通过提问、比较、学生回答，教师示范演示等方法，提高学生如何利用表格布局网页页面的能力。

        （二）设置网页大小

        布置任务一：打开自己的网站主页，设置网页大小。

       一起学习“日积月累”。

   学生活动：学生读读“日积月累”，查找一下自己屏幕的分辨率。

      （三）插入及编辑表格并完成页面布局

      布置任务二：根据自己的网站主页设计，插入表格。

      个别学生演示插入表格。

      布置任务三：对表格进行拆分，调整单元格。

      教师演示，并作页面布局。

      完成之前操作的学生确定标题栏目和分栏目，并在主页中插入图片和文字。

      设计意图：学生在制作过程中的合作、讨论、展示、交流、评价及归纳等方法，培养学生的思考能力、语言组织能力、语言表达能力、归纳能力和审美能力。

        （四）注明版权信息

        布置任务三：在网站主页正下方标注网站作者及联系方式等信息。

        三、课堂总结

       展示个别学生的成果，并分析成功和欠缺的地方。

       设计意图：学生分析，教师总结。培养学生重视学习结果质量，并从中获得成功的体验。

五、教后反思

       如何将文字、图像和网页各元素合理、恰当的排放在网页中，使页面易读和美观，是初学者建设网站要考虑的问题。观察一些站点，不难发现，很多网页都是使用表格来组织的。利用表格来布局页面，对于初学者来说易上手，因为它以可视化的形式呈现信息，比较直观，对页面元素定位也比较方便。学生制作的网站最终效果如何，取决于页面布局的合理性，因此，本课对于网页制作有着十分重要的作用。