第4课 《让网页漂亮起来》

第4课《让网页漂亮起来》
一、教学目标：
（一）知识与技能
1、能编辑和修饰网页中的文字，设定网页中文字的字体、字号、字型、颜色、对齐方式等。

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

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

（二）情感、态度与价值观
美的表达也要同自己的浏览对象进行沟通。

通过网页中文字、色彩、布局的排列组合，尽可能达到好的效果。

二、教学内容及课时安排
让网页漂亮起来 1课时
三、教材分析
本课教材分三部分内容。

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

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

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

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

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

（一）创设情景，导入目标
（二）播放MTV《懂你》（满文军）。

提示母亲节就要到了，你有什么打算。

老师这儿有小宇同学做的个以“母亲”为主题的网页，我们大家一起来看一下吧。

展示：学生网页。

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

展示：改后网页。

说说：你更喜欢哪一个？为什么？
生答：第二个。

因为第二个更漂亮。

大家想不想知道老师是如何使网页漂亮起来的？课件出示：
现在很多同学都磨拳擦掌，嗯，老师相信，大家连闯五关后，一定能做出比老师改的更漂亮的网页。

那大家抓紧行动吧，为小组的荣誉而战。

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

第1关：让网页的文字更生动
任务一：设置网站“母亲”中的文字字体、字号、字型和颜色。

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

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

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

第２关：设定文字的对齐方式
教师提示：注意对齐的合理性，使用好左齐、居中、右齐三种对齐方式。

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

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

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

教师适当表扬。

[小知识]
硬回车：在输入文字时，直接按回车键的方式。

上下行之间的间隔比较大。

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

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

第３关：为网页穿上漂亮的衣裳
任务三：给主网页添加淡蓝色背景色。

选择合适的图片给分网页做背景。

第４关：在网页上划分区域——插入水平线
任务四：用水平线来规划网站的网页。

a、水平线的插入
b、设置水平线属性
拓展练习：给网页加上适当的背景音乐。

（一）自由发挥，展示作品
（二）第５关：现在同学们自由发挥，使自己的网页更漂亮。

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

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

当然，除了这几个同学的外，老师看到还有很多同学都做出了漂亮的网页。

由于时间限制，我们就不一一展示了。

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

学生鼓掌以示鼓励。

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

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