注册 登录
ICT教育 返回首页

nangua318的个人空间 http://sns.ictedu.net.cn/?25724 [收藏] [复制] [分享] [RSS]

日志

教学设计分享

热度 4已有 643 次阅读2010-7-27 20:42 |

网页魔术师——CSS层叠样式表

 

教学目标:

1.知识与技能:掌握css样式表的概念,并能够根据实际情况,选择合适的样式表对网页或网样式进行修改。

2.过程与方法:通过让学生在操作中产生认知冲突,从而循序渐进完成教学。 

3.情感态度与价值观:培养学生合理选择并利用样式表美化网页的思想。

 

教学重点:css样式表的功能和使用

 

教学难点:外联、内联和内嵌三类样式表的选择应用

 

学生分析:

高一年级的学生在必修课本中已经掌握了网站制作的基本要领。但对于动态网页这部分内容比较生疏。CSS样式表对于学生来说枯燥、无趣,学生仅有一点html知识,因此要在html的基础上,让学生理解和掌握几类样式表的功能、特点,需要有针对性地授课设计。

   

教材分析:

CSS层叠样式表这部分内容取自中国地图出版社信息技术选修3《网络技术应用》第四单元第四节,教材中对于样式表的功能特点进行了详细的介绍,但对于具体应用方面有些欠缺,没有给教师更多的范例。因此对于这部分内容的教学,教师需要自行寻找课堂突破口,设计情境,完成教学。

 

教学过程:

教师活动

学生活动

教学意图

一、【我来变魔术】

师:“同学们,春晚中刘谦的魔术给大家带来了一丝震撼,眼下魔术非常流行,我们中的不少同学对此也特别着迷,今天我们的课程就从魔术开始,我也给大家变一个魔术,露一手”。

教师屏幕广播,展示网站——《茶客小栈》

|

教师关闭屏幕广播,快速在FrontPage中按下“确定”按钮(上课前事先加入css样式表,但不单击“确定”)

|

请一个学生上讲台,单击浏览器中的“刷新”按钮

|

网站“大变身” ,学生惊呼

|

魔术结束,学生小声讨论

 

 

 

 

 

观看魔术变化前后网站的变化。

 

 

 

 

 

 

 

 

 

利用魔术展开情境教学,吸引学生兴趣,激发学习热情。

 

 

魔术前页面效果

魔术后页面效果

 

 

 

二、【教你变魔术】

师:“刚才我们表演了一个‘网站大变身’的魔术,同学们一定很想知道这个魔术的秘密,今天就要教会大家这个魔术。魔术之前,我们先来热身”。

魔术前热身:给学生提供变魔术的两个“道具”,两个网站,先请学生对这两个网站进行简单评价,找出需要修改的地方。

 

网站1:《科普博览》


路过

鸡蛋
4

鲜花

握手

雷人

刚表态过的朋友 (4 人)

发表评论 评论 (1 个评论)

回复 linw98831 2011-9-16 11:11
学习了

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 注册