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

1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!

2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。

3、有任何下载问题,请联系微信客服。

扫描下方二维码,添加微信客服

师梦圆微信客服

内容预览

《5.2.2CSS样式表》最新教案优质课下载

通过学习运用CSS样式表优化网页制作,让学生学习正确、合理运用技术,了解技术服务于内容的原则。

3.情感态度和价值目标

培养学生独立思考、动手实践的能力;培养学生自主探究性、协作性学习能力;激发学生学习信息技术的兴趣。

二、教学重点

CSS 样式设置的方法。

三、教学难点

运用CSS标签美化网页

四、教学内容处理思路?

遵循“用任务驱动”的思路,努力将理论与实践相结合,让学生自主探究,提高学习技能的兴趣。根据学生的实际情况,创造性、实用性和新颖性的原则安排教学实例。

课前准备:多媒体教室教学平台

设置网络环境:网络教室

教学课件:课件板块教师活动的问题串设计学生活动串设计目标达成反馈串设计

导入CSS样式表(展示PPT)

CSS(Cascading Style Sheets )层叠样式表,简称样式表 P112

样式:用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合。

例:word中的样式项

(1)嵌入式样式表

实现较为简单,只需要在每个要应用样式的html标签后写上css属性即可。例如:如果想规定一个<table>>标签中的文字为红色,字体大小为10pt,则代码的书写形式如下,<table style=”color:red;font-size:12pt”>,为直接嵌入的样式,通过预览就能看到实际效果。

功能:对具体的标签作具体的调整,其范围只限于本标签。缺点:嵌入式样式表并没有充分体现出CSS样式表的优越性,所以应用场合不多。

任务一:应用嵌入式样式表修改网页

教师总结嵌入式样式表的优缺点

(2)内联式样式表

教师:内联式样式表,只对当前页面起作用, CSS样式定义语句(代码)必须要写在标签

中,并要把这一部分语句放在HTML文件的中。

任务二:应用内联式样式表,完成作业要求

教材