“css样式表”教学设计

《“css样式表”教学设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《CSS样式表》教学设计江苏省栟茶高级中学仇雪梅一、教材分析“CSS样式表”是教科版高中信息技术（选修）《网络技术应用》的第五章“动态网页制作”中第二节内容。教材中将这块内容分为“什么是CSS样式表”、“CSS样式表的实现”、“在HTML中加入CSS”三部分。学业考试纲要中对这部分的要求是“CSS样式表的简单使用”，对应于理解与独立操作水平，B类要求。在近年的学业考试中，这部分知识点出题的机率很高，同样学生的出错率也高。此外，学生用FrontPage做网页都习惯用工具按钮、菜单命令来进行网页外观设置，很少使用代码来进行编辑。鉴于以上这两点现状，我认为，锻炼学生分析代码

2、的能力，灵活掌握网页制作的知识，让他们切实地体验到样式表在制作网页时的“神奇”就显得尤为重要。二、学生分析通过前一阶段的学习，学生已经对HTML基本标签、动态网页的概念、DHTML的核心技术之一（javascript语言）有了一定的认识和了解，这些内容为CSS的学习作了很好的铺垫。因此，对于学生来说，虽然CSS样式表是全新的内容，但如果教师结合相关案例，联系之前的学习内容，将会有效激发学生自主探索学习的兴趣和热情，使学生的学习更具挑战性。三、教学目标（一）知识与技能（1）理解CSS样式表的概念。（2）掌握嵌入式、内联式、外联式三种样式表的使用方法。（3）通过对三种样式

3、表的亲身实践，感受这三种样式表的优缺点。（4）通过CSS样式表的学习，提高学生美化网页的技能。（二）过程与方法（1）借助WORD排版中的“样式和格式”引入网页中的“CSS样式表”，通过类比，使学生初步了解CSS样式表的作用，激发其学习兴趣。（2）对于嵌入式、内联式、外联式三种样式表的使用，由教师讲授和演示代码，引导学生自我实践操作，并进行合作学习。（三）情感价值（1）培养学生分析代码的能力，锻炼其探索与实践能力。（2）通过实践过程中合作学习，让学生感受彼此之间的团结协作。四、教学重难点本节课的重点是让学生理解CSS样式表的概念，并熟练掌握嵌入式、内联式、外联式三种样式

4、表的使用方法。难点在于培养学生分析代码的能力，使学生举一反三，创造出个性的网页。五、教学环境：网络机房六、教学过程（1）新课导入教师演示：教师通过终端控制系统，向学生集体展示Word文档1。其中，文档1的内容已经设置了具体的样式（效果如下图）：教师提问：如果现在要求大家快速给三级标题也定义一个样式，该怎么操作？教师活动：教师分发Word文档1给所有同学，要求大家进行操作。教师巡回辅导，及时了解学生的学习情况。学生活动：学生进行自我练习，或者相互讨论。教师演示：教师总结学生的操作情况，并借助“样式和格式”工具，演示如何具体修改文本内容的格式。教师总结：我们通过刚才的操作

5、，可以概括出:“‘样式’是指用有意义的名称保存的字符格式和段落格式的集合，这样在编排重复格式时，先创建一个该格式的样式，然后在需要的地方套用这种样式，就无须一次次地对它们进行重复的格式化操作了。”教师提问：那么，我们网页制作中如何定义样式，以减少代码的书写量？今天，我们就来学习网页制作中“CSS样式表的应用”。【设计思路】：借助WORD排版中的“样式和格式”引入网页中的“CSS样式表”，通过类比，使学生初步了解样式的作用，激发学习兴趣。（2）新课讲授①什么是CSS样式表？教师讲授：讲解CSS样式表的概念。CSS(CascadingStyleSheet),层叠样式表，简

6、称样式表，是近几年才发展起来的新技术，诞生于1996年底。它是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。②我们为什么应用CSS样式表？教师讲授：概述CSS样式表的优点。ü只需要修改一个CSS代码文件就可以改变页数不定的网页外观和格式。ü可以“随心所欲”地控制页面布局和外观。ü在所有浏览器和平台之间具有较好的兼容性。ü能精简网页，提高下载速度。教师演示：利用Frontpage制作的一个简单的学校网站导航条和其下拉菜单（要求：当点击最上行四个导航条之一时，会自动出现其下拉菜单，并且当点击每一个下拉菜单时，光标会变成手型并凸显颜色），体现CSS

7、样式表在工作量较大的网页制作中的优越性。教师活动：逐步分析和讲解该典型案例，进而让学生初步明白，CSS样式表在繁复的网页制作中具有很大的便捷性，进而激发学生的好奇心。学生活动：体会CSS样式表的优点。③如何在HTML中加入样式？教师讲授：方法一：嵌入式样式表（具体操作：只需在每个要应用样式的HTML的标记后写上CSS属性就可以了。）教师演示：举例——简单的文字字体的浏览效果。学生活动：自己上机操作练习。教师活动：巡回辅导，提醒学生注意字母、标点的输入。教师总结：由此可见，嵌入式样式表主要用于对具体的标签作调整，其作用的范围只限于本标签，这样未能充分体