网页神奇魔术师——CSS层叠样式表
减小字体
增大字体射阳县陈洋中学 茅海莉
设计思想
本设计遵循新课程标准的指导思想，以建构主义理论为理论依据，以学生为主体、教师为主导，借助于多媒体网络教室，充分利用网络资源，关注学生的学习兴趣和经验，不是仅仅将目标锁定于CSS相关知识学习，而是通过更多、更深地体验，建立了知识与技能、过程与方法、情感态度与价值观的三维教学目标。表面上是要使学生掌握网页制作中CSS相关知识，实际上是要使信息文化内化为学生的自然意识和自然需求。整个教学过程为学生创造了在获取知识的过程中亲历、体验、感悟、提升的条件，使学生在学习理解基本的CSS技术的同时，体验CSS样式表的优势和神奇，激发学生对CSS层叠样式表学习的兴趣，真正做到了使学生在感受信息文化的同时，提升了审美意识和体验、享受成功的乐趣，真正达到在感受中发现，在领悟中升华的美好境界。
教材分析
《CSS样式表》是高中信息技术教育科学出版社选修《网络技术应用》第五章的内容。根据多年教学经验,学生如果没能很好地掌握这部分内容,就容易形成畏惧心理,影响后面的学习。为了让学生学得既轻松又扎实,切实地体验样式表的超凡“魔力”就显得尤为重要。
学生分析
高一年级的学生在必修课本中已经掌握了网站制作的基本要领。但对于动态网页这部分内容比较生疏。CSS样式表对于学生来说枯燥、无趣，学生仅有一点html知识，因此要在html的基础上，让学生理解和掌握几类样式表的功能、特点，需要有针对性地授课设计。
教学目标
知识与技能
(1) 了解什么是CSS及CSS的功能。
(2) 了解CSS样式表的样式规则。
(3) 理解将CSS加入网页的主要方式，能读懂简单的CSS样式表代码，并能根据需要选择适当的方式(内联样式表，外部样式表)和适当的层叠样式表，插入到当前网页的HTML代码中。
过程与方法
(1) 通过学习理解将CSS加入网页的主要方式，能根据需要，选择适当的方式(内联样式表，外部样式表)和适当的层叠样式表，插入到当前网页的HTML代码中。
(2) 通过“魔术表演”，体验CSS样式表的优势和神奇，并通过实例学习理解基本的CSS技术(如：改变文字样式、改变链接样式等)。
情感态度与价值观
(1) 用切合实际的展示、亲历等方式，激发学生对CSS层叠样式表学习的兴趣，为新的学习打下基础。
(2) 通过CSS层叠样式表学习与简单使用操作，提高学生的信息技术能力和信息素养，提升学生审美意识和体验、享受成功的乐趣。
教学重点、难点
(1) 理解将CSS加入网页的主要方式。
(2) 根据需要，选择适当的方式(内联样式表，外部样式表)和适当的层叠样式表，插入到当前网页的HTML代码中。
教学方法
作品展示法、演示法、分层教学法、自主学习探究法等多种教学法。
教学环境、教学手段
多媒体网络教学、导学课件、极域广播系统。
教学过程设计
设计思路：创设情景，导入新课、尝试学习，实践与探究、学习过程评价(作品展示)，教学拓展，合作交流(协作学习)，总结性评价(巩固练习)，总结反思。
教学过程
|
教师活动 |
学生活动 |
教学意图 |
||||||||||||
|
一、【魔术表演】
请同学比较讨论。 |
观看魔术变化前后网站的变化 |
利用魔术展开情境教学，吸引学生兴趣，激发学习热情 |
||||||||||||
|
二、【揭示魔术真相】
让学生利用已有的网站制作的知识，分别对这两个网站进行加工修改。(修改所有的文字格式) |
学生找出网站中需要修改的地方
学生利用已有知识对网站进行修改
观看教师的操作过程
学生利用所体验到的样式表的知识，重新对两个网站进行整改
引出第三种方式嵌入式 |
为CSS样式表内容做铺垫
这是一个让学生 “碰壁”的过程，从中产生需求——寻找解决问题的新方法
学生此时仅是“依葫芦画瓢”的学习过程，是一种对样式表的体验过程
使学生产生认知冲突
找到了数学中“提取公因式”这一知识点，成为讲解外联样式表的突破口。让学生自然的接受了外联样式表
|
||||||||||||
|
三、【你来试试】 |
根据所学知识，灵活选择样式表，将网站成功美化 |
让学生不仅仅“依葫芦画瓢”，还要活学活用通过学生的讲解带领全班同学对样式表进行巩固 |
||||||||||||
|
四、【魔术课总结】 |
学生总结 |
对样式表的概念、功能、分类等知识再梳理 |
||||||||||||
|
五、【魔术师考级】
|
分层次 完成任务 |
通过自我考核，让学生对自己的学习效果进行检验 |
CSS层叠样式表这部分内容本来比较枯燥乏味，教师讲解起来有一定的难度，如何把这三种样式表的概念、特点和功能说清楚是至关重要的。因此需要创设一定的情境教学，让学生更容易接受。全文共分五个部分：【魔术表演】【揭示魔术真相】【你来试试】【魔术课总结】【魔术师考级】。
课堂导入利用时下比较流行的刘谦魔术作为开场，激发学生兴趣，这样能很好地把学生吸引过来。让学生利用已有知识修改网页，让学生在这样的“重复劳动”中产生认知冲突，这样的做法对不对？适不适合？从而产生需求——寻找找到解决问题的新方法。这样引人方法让学生更能接受。
本节课，整体效果不错，学生们基本上都能够顺利完成教学目标。课堂气氛也比较活跃。
参考文献
教育科学出版社《网络技术应用》
网络资源
Tags：
作者：免费教育文稿网
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“网页神奇魔术师——CSS层叠样式表”更多相关内容
中查找“网页神奇魔术师——CSS层叠样式表”更多相关内容
