让网页变得漂亮起来.docVIP

让网页变得漂亮起来 让网页漂亮起来 一、教学目标： （一）知识与技能 1、 能编辑和修饰网页中的文字，设定网页中文字的字体、字号、字型、颜色、对齐方式等。 2、 学会为网页添加图像背景或设置网页的背景颜色。 3、 能在网页中插入水平线，会编辑水平线的颜色、对齐方式等属性。 （二）情感、态度与价值观 美的表达也要同自己的浏览对象进行沟通。通过网页中文字、色彩、布局的排列组合，尽可能达到好的效果。 二、教学内容及课时安排 让网页漂亮起来 1课时 三、教材分析 本课教材分三部分内容。 第一部分：介绍了在网页中设定字体、字号、字型、颜色、对齐方式的方法。 第二部分：介绍了如何设置网页背景。 第三部分：介绍了如何在网页中插入水平线，并能设置其颜色、样式、对齐方式等属性。 本课的重点和难点： 能编辑和修饰网页中的文字，会为网页添加背景图像或设置背景颜色，使网页的背景图像和颜色合理搭配，网页变得更加漂亮。 四、学生分析与教法 初二的学生已经学过WORD的相关内容，本课的教学内容和操作技能完全一样。采用自学探究、任务驱动的教学方法。 五、教学设计 　　课前先分下组，五列分别是“红、橙、黄、绿、紫”队，选出小组长。 （一）创设情景，导入目标 播放MTV《懂你》（满文军）。 提示母亲节就要到了，你有什么打算。老师这儿有小宇同学做的个以“母亲”为主题的网页，我们大家一起来看一下吧。 展示：学生网页。 老师对这个网页稍加修改，大家一起来看下。 展示：改后网页。 说说：你更喜欢哪一个？为什么？ 生答：第二个。因为第二个更漂亮。 大家想不想知道老师是如何使网页漂亮起来的？ 课件出示： 本课目标： １、 能编辑和修饰网页中的文字，设定网页中文字的字体、字号、字型、颜色、对齐方式等。 ２、 学会为网页添加图像背景或设置网页的背景颜色。 ３、 能在网页中插入水平线，会编辑水平线的颜色、对齐方式等属性。 　　现在很多同学都磨拳擦掌，嗯，老师相信，大家连闯五关后，一定能做出比老师改的更漂亮的网页。那大家抓紧行动吧，为小组的荣誉而战。 （二）任务驱动，自主探究 　　大家在做闯关任务时，要开动脑筋、自主探究，当然遇到不会的问题你可以请教：课本、身边的同学、“导学小博士”（老师事先做好的自学课件）。 第1关：让网页的文字更生动 任务一：设置网站“ ”中的文字字体、字号、字型和颜色。 学生上机操作，教师巡视指导。 学生上机示范：找一学生上机示范操作过程并解说。 教师适当表扬并小结，“先选定，再操作”。 第２关：设定文字的对齐方式 教师提示：注意对齐的合理性，使用好左齐、居中、右齐三种对齐方式。 任务二：将文字“ ”设为：纵向显示，并且在单元格内水平居中。 学生上机操作，教师巡视指导。 学生上机示范：找一学生上机示范操作并解说。 教师适当表扬。 [小知识] 硬回车：在输入文字时，直接按回车键的方式。上下行之间的间隔比较大。 软回车：换行时按 shift键不放再按回车键，上下行之间的间隔就会比较小。 请同学们修改下自己的作品。 第３关：为网页穿上漂亮的衣裳 任务三：给主网页添加 淡蓝色 背景色。选择合适的图片给分网页做背景。 第４关：在网页上划分区域——插入水平线 任务四：用水平线来规划“ ”网页。 a)水平线的插入 b)设置水平线属性 拓展练习：给网页加上适当的背景音乐。 （三）自由发挥，展示作品 第５关：现在同学们自由发挥，使自己的网页更漂亮。 大约15分钟后，作品评价： 先请同学回答学生网页的优点，再找学生说下对这个网页作品有什么建议？最后请作者说下能不能接受同学的建议。 展示2——3个学生作品。 当然，除了这几个同学的外，老师看到还有很多同学都做出了漂亮的网页。由于时间限制，我们就不一一展示了。 　　连闯五关后，每个小组得到的五星数目不同，可以评选出优秀小组。学生鼓掌以示鼓励。 （四）课堂小结，温故知新 　　好，下面请大家组内讨论下，我们这节课学习了哪些内容，稍后请学生回答：对文字、网页背景、水平线的设置。　 　　请学生欣赏网页中加了ＦＬＡＳＨ《母亲》的效果，激发学生学习下堂课的兴趣。