冀教版八年级全册信息技术 8.定义CSS样式 教案

《定义CSS样式》教学设计
一、教材分析
本节课选自河北教育出版社《信息技术2（初中二年级）》，第二单元《网页制作——Dreamweaver》第八课《定义CSS样式》，本节课为第一课时。
在实际生活中，css的应用越来越广泛，它在制作网页时起着举足轻重的作用，当前div+css制作网页的理念被越多的人接受。因此这部分内容的教学就显得更为重要。
二、学情分析
通过前一阶段的学习，学生已经对网页的制作有了一定了解。为了让学生对本节内容有更深的印象，设计上采取了几种措施：一、提供半成品站点；二、利用教材为学生提供帮助。
三、教学目标：
1、了解CSS样式的适用情况；
2、能够创建外部CSS样式文件并应用之；
3、培养学生利用阅读信息技术工具书的能力。
四、教学重、难点
了解CSS样式的适用情况
五、教法与学法
演示法、小组合作学习
六、教学准备
制作课件、准备网站素材
七、教学过程
教学环节 教师活动 学生活动 设计意图
提出任务 介绍《E动少年》网站的发展，介绍本节课的任务是：美化美文推荐栏目下个推荐文章页面 理清网站发展阶段，了解本节课的学习任务 让学生了解本节学习任务，明白该项工作在网站整体制作中的位置。
单页美化 确定基本的美化项目：字体、字号、字色和页面背景图片
复习上述项目的设置位置在属性面板 设置第一篇推荐文章的字体、字号、字色和背景图片。 为css样式的使用做铺垫，让学生明白css的用途。另外，复习网页项目设置的基本方法。
其他页面统一美化 1、提问：我们还有四篇推荐文章的页面需要美化，难道需要这样一个一个去设置吗？有没有方便快捷的方法呢？
引出CSS样式
利用CSS样式美化网页分为两个环节：第一创建CSS样式；第二应用CSS样式，即先创建，再应用
2、布置任务：阅读教材68页“试一试”，小组内自学CSS的创建及应用。
3、外部CSS样式的创建与应用的规范操作演示，对重点位置进行讲解
4、布置任务：完善个人的CSS样式的创建与应用
5、讲解CSS四问 设身处地地感受到若每篇文章都这样做会很麻烦，想找一种解决这个问题的方法。
借助教材，小组内学习探究CSS样式的创建及应用。
从老师的操作和讲解中找到自己学习中存在问题的解答
解决自己练习中的问题
从理论角度再次理解CSS样式的作用 还原了技术方法产生的原始过程——现有需求，再有技术方法。
使学生对于CSS的应用过程有一个明确的认识，知道CSS样式是自己创建的，建好后才能应用
培养学生使用工具书学习软件的能力
培养小组合作学习的能力。
对规范操作进行演示，对不容易理解的地方进行统一讲解。在学生自学后进行演示，使学生的听讲更有针对性，解决问题效率更高。
给学生改正完善的机会
从实践再到理论，使学生更容易理解。
作品展示 组织学生优秀作品展示 展示自己的作品 给学生提供展示自己个性才华的机会
课堂小结 总结本节课的主要学习项目：
CSS样式应用于何种情况下？它有什么作用？ 学生代表总结CSS样式的适用情况和作用 对知识进行总结，突出本节课的重点内容。