《网页越做越漂亮》参考教案.docxVIP

学而优教有方

PAGE2/NUMPAGES2

网页越做越漂亮

【教学目标】

（一）知识与技能

1、能编辑和修饰网页中的文字，设定网页中文字的字体、字号、字型、颜色、对齐方式等。

2、学会为网页添加图像背景或设置网页的背景颜色。

3、能在网页中插入水平线，会编辑水平线的颜色、对齐方式等属性。

（二）情感、态度与价值观

美的表达也要同自己的浏览对象进行沟通。通过网页中文字、色彩、布局的排列组合，尽可能达到好的效果。

【教学内容及课时安排】

1课时

【教材分析】

本课教材分三部分内容。

第一部分：介绍了在网页中设定字体、字号、字型、颜色、对齐方式的方法。

第二部分：介绍了如何设置网页背景。

第三部分：介绍了如何在网页中插入水平线，并能设置其颜色、样式、对齐方式等属性。

【重点和难点】

能编辑和修饰网页中的文字，会为网页添加背景图像或设置背景颜色，使网页的背景图像和颜色合理搭配，网页变得更加漂亮。

【学生分析与教法】

初二的学生已经学过WORD的相关内容，本课的教学内容和操作技能完全一样。采用自学探究、任务驱动的教学方法。

【教学设计】

课前先分下组，五列分别是“红、橙、黄、绿、紫”队，选出小组长。

（一）创设情景，导入目标

播放MTV《懂你》（满文军）。提示母亲节就要到了，你有什么打算。老师这儿有小宇同学做的个以“母亲”为主题的网页，我们大家一起来看一下吧。

展示：学生网页。

老师对这个网页稍加修改，大家一起来看下。

展示：改后网页。

说说：你更喜欢哪一个？为什么？

生答：第二个。因为第二个更漂亮。

大家想不想知道老师是如何使网页漂亮起来的？

课件出示：

本课目标：

1、能编辑和修饰网页中的文字，设定网页中文字的字体、字号、字型、颜色、对齐方式等。

2、学会为网页添加图像背景或设置网页的背景颜色。

3、能在网页中插入水平线，会编辑水平线的颜色、对齐方式等属性。

现在很多同学都摩拳擦掌，嗯，老师相信，大家连闯五关后，一定能做出比老师改的更漂亮的网页。那大家抓紧行动吧，为小组的荣誉而战。

（二）任务驱动，自主探究

大家在做闯关任务时，要开动脑筋、自主探究，当然遇到不会的问题你可以请教：课本、身边的同学、“导学小博士”（老师事先做好的自学课件）。

第1关：让网页的文字更生动

任务一：设置网站中的文字字体、字号、字型和颜色。

学生上机操作，教师巡视指导。

学生上机示范：找学生上机示范操作过程并解说。

教师适当表扬并小结，“先选定，再操作”。

第2关：设定文字的对齐方式

教师提示：注意对齐的合理性，使用好左齐、居中、右齐三种对齐方式。

任务二：将文字设为：纵向显示，并且在单元格内水平居中。

学生上机操作，教师巡视指导。

学生上机示范：找学生上机示范操作并解说。

教师适当表扬。

【小知识】

硬回车：在输入文字时，直接按回车键的方式。上下行之间的间隔比较大。

软回车：换行时按shift键不放再按回车键，上下行之间的间隔就会比较小。

请同学们修改下自己的作品。

第3关：为网页穿上漂亮的衣裳

任务三：给主网页添加淡蓝色背景色。选择合适的图片给分网页做背景。

第4关：在网页上划分区域——插入水平线

任务四：用水平线来规划网页。

a）水平线的插入

b）设置水平线属性

拓展练习：给网页加上适当的背景音乐。

（三）自由发挥，展示作品

第5关：现在同学们自由发挥，使自己的网页更漂亮。

大约15分钟后，作品评价：

先请同学回答学生网页的优点，再找学生说下对这个网页作品有什么建议？最后请作者说下能不能接受同学的建议。

展示2——3个学生作品。

当然，除了这几个同学的外，老师看到还有很多同学都做出了漂亮的网页。由于时间限制，我们就不一一展示了。

连闯五关后，每个小组得到的五星数目不同，可以评选出优秀小组。学生鼓掌以示鼓励。

（四）课堂小结，温故知新

好，下面请大家组内讨论下，我们这节课学习了哪些内容，稍后请学生回答：对文字、网页背景、水平线的设置。

请学生欣赏网页中加了视频《母亲》的效果，激发学生学习下堂课的兴趣。