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