师梦圆 - 让备课更高效、教学更轻松!
网站地图
师梦圆
师梦圆高中信息技术教材同步教科版选修3 网络技术应用5.2.2 CSS 样式表下载详情
  • 下载地址
  • 内容预览
下载说明

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讲解内联式样式表的格式和作用

首页中多个超链接想设置样式,无法用嵌入式样式表,引出内联式样式表的作用,格式