课    题

第三课  图文并茂的网页

教学目标

知识目标

初步了解网页中常用的几种图片格式。

能力目标

学会插入图片；掌握设置图片的大小和对齐方式的方法；学会设置页面背景颜色和背景图片。

情感目标

通过制作“蝉”网页，培养对大自然深入探究的精神。

教学重点

教学难点

设置图片的大小和对齐方式；设置页面背景颜色和背景图片。

教学准备

网页素材“蝉”图片多张。

教学过程

情境创设

激发兴趣

1、学生欣赏“蝉”的图片，并说出图片相对于文字的优点。

2、如何让自己的网页变的生动形象？

3、揭示课题—图文并茂的网页。

自主探究

交流分享

一、插入图片

1、任务：新建网页“chan.html”，网页标题为“蝉”，插入桌面图片“蝉.jpg”。

2、学生自学课本，探究完成任务。

3、找2名学生汇报演示操作。

二、设置图片的大小和对齐方式

1、任务：适当的调整图片的大小，然后输入课本上的文章，并使图片在最右边。

2、学生探究操作。

3、学生演示汇报。

三、设置网页的页面背景

1、任务：设置网页的页边背景为黄绿色，背景图像为“bg01.gif”。

2、学生尝试操作。

3、学生汇报演示。

合作学习

释疑解难

1、学生提出问题。

2、教师补充问题：（1）、插入图片时，选择了图片单击插入以后出现的对话框是要进行什么操作的？（2）、图片的对齐方式修改的时候要注意什么？（3）、设置网页背景要注意什么？

3、学生小组研究问题。

4、小组汇报解决问题。

实践创作

展示评价

1、搜集螳螂素材，制作网页“tanglang.html”，让网页变得更美观。

2、小组评比推选优秀作品。

3、优秀作品全班展示。

4、评价作品。

梳理总结

拓展延伸

1、学生说本节课收获。

2、同学们都做的很好，希望你们以后用这些知识把自己的网页变得更漂亮。

课    题

第四课  表格的制作

教学目标

知识目标

了解什么是网页表格

能力目标

学会插入表格；掌握在表格中插入文字和图片的方法；学会设置单元格属性；掌握拆分和合并单元格。

情感目标

通过研究蝴蝶谷中的蝴蝶，培养热爱大自然、保护生态环境的良好品质。

教学重点

教学难点

设置单元格的属性。

教学准备

蝴蝶谷的蝴蝶照片。

教学过程

情境创设

激发兴趣

1、出示蝴蝶展网页。

2、这个网页漂亮么吗？你能实现这种效果吗？

3、揭示课题—表格的制作。

自主探究

交流分享

一、插入表格

1、探究任务：新建网页hudiebiaoben.html，网页标题为“蝴蝶标本”。插入一个三行一列的表格，****行单元格输入“黄斑弄蝶”，第二行插入“黄斑弄蝶”图片，下面的单元格中输入相关文字资料。

2、学生自主探究。

3、学生汇报演示操作。

一、设置单元格属性、拆分单元格和合并单元格

1、探究任务：****行单元格设置“水平”、“居中对齐”，单元格高度为“20”背景色为“浅蓝色”；第二行单元格拆分为2列；第三行以后单元格合并为一行。

2、学生自主探究。

3、学生汇报演示。

合作学习

释疑解难

1、学生提问。

2、教师补充问题：表格宽度的两个单位是什么？有什么区别？

3、小组合作找出解决问题的****途径。

4、小组代表汇报。

5、学生操作练习

实践创作

展示评价

1、创作内容：课本第20页实践与创新。

2、小组推选优秀作品。

3、全班展示优秀作品。

4、共同评价作品。

梳理总结

拓展延伸

本节课收获是什么？觉得自己哪个部分掌握的比较好了，哪个地方还要继续努力。