教科版八年级上册第十二课 丰富网页内容教案

丰富网页内容

教材分析

本课师第三章《主题网站的设计与制作》的第十二节，是承接上节《用表格为网页布局》，也是制作网页的重要组成部分。在完善、充实主页页面的过程中，学生根据自己原先的设计在表格框架中添加图片、文字，使网站内容更加丰富多彩，因而本课的重难点则为表格单元格属性的掌握运用。

学情分析

完成主页的规划网页布局后，学生有了一定的审美素养，能将文字、图片和网页各元素合理、恰当地排放在网页中，本课师前一课的深化与提高，所见即所得的操作效果，能大大增强学生的操作兴趣，教学效果预见良好。

教学目标

知识与能力目标

1、通过充实主页的内容，掌握插入图片、设置单元格属性、加入滚动字幕等方法；

2、通过主页上版本信息的注明，树立正确的版权保护意识；

3、通过对主页的适当调整与美化，进一步提高对页面布局、图文混搭，颜色搭配进行合理的调控能力。

通过充实主页内容，掌握插入图片、设置单元格属性、加入滚

动字幕等方法，并树立正确的版权意识。

过程与方法目标

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

情感态度与价值观目标

本课特意安排了“给网站注明作者和联系方式”，培训样学生对自我作品的保护意识。

教学重点

图片插入、单元格属性设置、版权说明。

教学难点

首页内容丰富、图片色彩搭配和谐。

教学方法

任务驱动法、讲授法、练习法

教学过程

（一）教学导入：

师：上一节课我们运用表格为网页布局，使得网页有了合理排版看起来更加的整洁和利于浏览。但是这样的网页完善了吗？

生：没有

师：缺少了些什么呢？

生：单调，不美观，缺少图片

师：同学们说了很多建议，使得主页看起来会更加的美观，下面请同学们欣赏几张完善的主页，感受一下，（展示几张范例）今天我们的任务就是来学会丰富网页内容。

（二）新课讲授：

1、插入水平线

师：为使网页更加清晰，方便浏览，可以在网页中插入水平线来划分浏览区域，同学们阅读课本 56 页内容，试着在网页中插入水平线。

生：（自主探究）在网页中插入水平线

生：演示

师：总结具体操作步骤。

师：请同学们思考，如何设置水平线的宽度与高度？

生：演示

师：总结方法。

2、插入滚动字幕

师：同学们看一看在老师展示的网页上还有些什么呢？

生：字幕，滚动字幕

师：请同学们参考书本 P51，试一试添加滚动字幕

生：（自我探究）滚动字幕的添加

生：演示

师：请同学们思考下，字幕的文字颜色和字幕的背景可以设置吗？怎么设置呢？

生：自我探究

生：上台演示

师：添加了滚动字幕的主页看起来更生动

3、插入交替显示的图像

师：同学们观察一下老师屏幕上显示的网页，上面的图像有什么特点？

生：图像在交替显示

师：同学们，阅读课本 58 页的内容，尝试完成交替显示图片的插入。

生：阅读课文，尝试操作。

师：请完成的同学上台演示方法。

生：演示

师：总结方法。

4、插入视频

师：当我们想要网页上出现视频，以此增强网页的表现效果，我们该怎么做呢？

生：思考

师：演示

生：完成插入视频

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

5、插入背景音乐

师：利用插入视频的方法，同学们可以试一试在网页中插入音乐

生：尝试操作

师：演示

生：完成插入音乐

6、插入 Flash 动画

师：同桌讨论如何在网页中插入 Flash 动画。

生：同桌讨论尝试操作。

生：演示

师：广播一些同学的作品

师：总结

师：通过以上六个步骤，今天我们充实了自己的主页，下面我们来欣赏下同学们的作品吧

师：展示学生作品。

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

板书设计

第十二课 丰富网页内容

1、水平线

2、滚动字幕

3、交替显示的图像

4、视频

5、背景音乐

6、Flash 动画

本课小结

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

课堂练习

结合本课内容，选择合适的素材，以个人或小组的形式完成一个以学习为主题的网页设计，参照效果图完成作品。

教学反思

本课知识点较多，操作部分较繁琐，我在讲课过程中多提问、多鼓励，以此增加学生学好本节课的信息，在课堂中我及时鼓励学生上台演示自己的作品，增强学生学习的主动性和积极性，本节课顺利完成课堂教学任务，但是在教学中我应该多注意知识点之间的衔接，教学的逻辑性，这个问题应该多向有经验的教师学习。