初中信息技术冀教版八年级全册第八课 定义CSS样式精品ppt课件

教学环节

教师活动

学生活动

设计意图

提出任务

介绍《E动少年》网站的发展，介绍本节课的任务是：美化美文推荐栏目下个推荐文章页面

理清网站发展阶段，了解本节课的学习任务

让学生了解本节学习任务，明白该项工作在网站整体制作中的位置。

单页美化

确定基本的美化项目：字体、字号、字色和页面背景图片

复习上述项目的设置位置在属性面板

设置第一篇推荐文章的字体、字号、字色和背景图片。

为css样式的使用做铺垫，让学生明白css的用途。另外，复习网页项目设置的基本方法。

其他页面统一美化

1、提问：我们还有四篇推荐文章的页面需要美化，难道需要这样一个一个去设置吗？有没有方便快捷的方法呢？

引出CSS样式

利用CSS样式美化网页分为两个环节：第一创建CSS样式；第二应用CSS样式，即先创建，再应用

2、布置任务：阅读教材68页“试一试”，小组内自学CSS的创建及应用。

3、外部CSS样式的创建与应用的规范操作演示，对重点位置进行讲解

4、布置任务：完善个人的CSS样式的创建与应用

5、讲解CSS四问

设身处地地感受到若每篇文章都这样做会很麻烦，想找一种解决这个问题的方法。

借助教材，小组内学习探究CSS样式的创建及应用。

从老师的操作和讲解中找到自己学习中存在问题的解答

解决自己练习中的问题

从理论角度再次理解CSS样式的作用

还原了技术方法产生的原始过程——现有需求，再有技术方法。

使学生对于CSS的应用过程有一个明确的认识，知道CSS样式是自己创建的，建好后才能应用

培养学生使用工具书学习软件的能力

培养小组合作学习的能力。

对规范操作进行演示，对不容易理解的地方进行统一讲解。在学生自学后进行演示，使学生的听讲更有针对性，解决问题效率更高。

给学生改正完善的机会

从实践再到理论，使学生更容易理解。

作品展示

组织学生优秀作品展示

展示自己的作品

给学生提供展示自己个性才华的机会

课堂小结

总结本节课的主要学习项目：

CSS样式应用于何种情况下？它有什么作用？

学生代表总结CSS样式的适用情况和作用

对知识进行总结，突出本节课的重点内容。