1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
选修3网络技术应用《5.2.2CSS样式表》新课标教案优质课下载
知识与技能
理解CSS的功能(2)掌握嵌入、内联、外联样式表的作用和格式(3)能根据实际需要合理应用样式表来统一页面风格
过程与方法
通过任务驱动,自主探究来达到熟练掌握CSS基本应用的目的
情感态度和价值观
通过操作实践,感受网页制作的独特魅力,体验自主探究的快乐
【教学重难点】
重点:通过操作掌握三种css样式表的特点和使用方式
难点:掌握CSS代码的书写格式
【教学方法】
任务驱动法、自主探究、讲授法、演示法等
【教学过程】
教学环节教师活动学生活动设计意图情景导入打开“班级网站”,演示网站换肤功能,引导学生思考网站里的什么在变化?
以网页的格式刷为比喻引出样式表学生仔细观察,部分学生有QQ空间换皮肤的经验。联系上节课HTML的学习,对新的学习内容充满热情。用网站换肤导入新课,激发学生学习热情。
新课探究任
务
一PPT讲解嵌入式样式表的格式和使用方法
指导学生完成任务一中的基础任务和提高任务学生打开index.htm,切换到代码模式,完成基础任务
在
标签中样式定义如下:style="font-family:楷体_GB2312;font-size:12pt;color:blue;"
[提高操作]在首页图片中嵌入样式,使图片外观发生改变。所用样式filter:alpha(style=参数值),参数范围1~3,观察图片变化
在预览模式下观察效果。了解嵌入式样式表的格式和编写方法,其中图片的滤镜效果和课堂引入有关联任
务
二PPT讲解内联式样式表的格式和作用
首页中多个超链接想设置样式,无法用嵌入式样式表,引出内联式样式表的作用,格式