《在体验中学习CSS样式表.doc》由会员分享，可在线阅读，更多相关《在体验中学习CSS样式表.doc（5页珍藏版）》请在三一办公上搜索。
1、 课题在体验中学习CSS样式表教材分析教材采用教育科学出版社的网络技术应用 (选修)。本节内容是第五章动态网页制作中的5.2.2CSS样式表，前面第四章我们学习了建立主题网站,本节内容的学习是为了优化自己的主题网站，使得自己的主题网站具有统一的风格。教学对象分析CSS样式表是网页制作中一项很有用的技术，现在专业的网站开发团队一般都是使用样式表来控制网页的外观风格的，如果掌握了样式表的使用方法可以使学生的网站外观立刻上一个台阶。但这部分内容是在高二选修模块中，属于网站设计提高部分的内容，对学生来说难度比较大的，它主要是靠HTML代码来实现效果的，而且属性代码又多，学生掌握起来很困难。不过依照新课
2、改的宗旨我们并不是要把学生培养成计算机专家，而是要让他们感受信息时代的特点，体验信息社会的生活方式，从而提升自身的信息素养，因此我觉得这节课重在“体验”，让学生了解最新的网站开发技术，感受这个技术的使用方法，体验开发过程。对学生的实际操作能力的要求较高，是动态网页制作的实践性活动。教学目 标知识与技能了解样式的概念；CSS样式表的优点；CSS样式表的的分类；掌握将CSS样式应用到各种网页元素上的方法。过程与方法通过多媒体教室向学生演示、任务驱动、分层教学的方法来让学生掌握CSS样式表的三种应用方法，提高学生动手实践的能力。情感态度价值观通过在网页中运用CSS样式表来培养学生的审美情趣，也提高了
3、学生网站制作能力和动手实践的能力。教学重点掌握将CSS样式应用到各种网页元素上的方法教学难点内联、外联样式的定义和使用；外部样式表链接到网站的多个网页上，以便直接应用已创建好的CSS样式，统一多个网页的外观教学方法贯彻新课标和素质教育的精神，通过案例学习、主动式任务驱动法、分层教学，采用学生容易接受的基本html代码入手讲解三种CSS样式表，让不同层次的学生都得到发展。学习方法模仿法、练习法、协作法教学课时2课时教具多媒体平台、网络教室教学结构情境感知揭示主题教师讲演接受任务自主协作学习提交、分享作品归纳总结教学过程教学环节教师活动学生活动设计意图情境感知揭示主题1 给学生观看用frontpa
4、ge打开的一个网页，（网页中的内容是段文本，第一段用工具栏上的按钮将其设置成隶书，24pt,blue）,请同学们思考有什么办法可以快速的将下面的段文本设置成一样的格式？并给学生看了一个代码，系统自动生成。2 教师按学生说的，使用“格式刷”3 教师将界面立即调到html，让学生观察，下面的代码有何变化4 教师总结代码重复使用，这会使网页容量变大。那有什么方法解决代码只写一次，并且可以多次使用呢？今天我们要学习的css样式表就可以解决这个问题。1、学生思考教师的提问；2、大多数同学异口同生地说是“格式刷”3、学生观察、对比发现系统自动产生第一段格式的代码，五段代码相同。创设情景、对比引入；激发学生
5、的学习兴趣，引出css样式表的课题。演示讲解1.什么叫做样式？通过给学生看一个样式名如下：h1font-family:隶书; font-size:24pt;color:blue;，到时候要用到这种格式就只要写成h1就可以了，只不过写的时侯有格式而已。并用例子展示2.向学生介绍样式表的优点3.样式表分三种学生观察，并积极思考。为下面定义内、外联样式作铺垫介绍优点让学生更加信任样式表，从而想学习样式表案例分析学生练习内联样式案例分析A用ppt向学生展示内联样式的格式，引用方法，及运用范围并结合案例B任务驱动，让学生体验内联样式的效果C.教师巡视学生在练习中出现的问题，并个别辅导D发现好多学生定义内
6、联时没有写，在head区中直接插入定义的样式，导致在body区引用后无效果。教师统一讲解，并指出没有写这两句，电脑不知道你应用的是什么样式，得让电脑知道你应用的是什么样式就必须得写入。E.发现好多同学输入代码，没有成对出现，代码录入没有处于英文半角状态下，给予提示。F.向学生说明带点的样式名可以任意取,不带点的只能用html中所存在的的标签，提醒学生在以后在实践的过程中应注意这一点。 s3font-family:隶书; font-size:24pt; color:blue;，可以将s3改成h1,h2,P等,s3标签 在html中不存在。理解掌握内联样式表的格式要求参考老师提供的“帮助”，自己动
7、手完成练习。演示内联样式表的使用方法学生认真观察,并体验给学生发了“帮助”文件，是为了解决初次运用样式表，对格式还不是很熟悉。上台演示给学生一个展示自我的机会。案例分析学生练习外联样式案例分析A用ppt向学生展示外联样式的格式，引用方法，及运用范围并结合案例B任务驱动，让学生体验外联样式的效果C.教师巡视学生在练习中出现的问题，并个别辅导 D.调用文件的时候同一级能调用，将调用文件置于另一个文件夹就有难度，所以设置了一个提高提，不要求所有学生都掌握。E.请同学们思考内联、外联的共同点和异同点。理解掌握外联样式表的格式要求参考老师提供的“帮助”，自己动手完成练习。生：共同点：都必须先定义（hea
8、d），用引用(body)，并且引用方法相同，异同点：作用范围不同。外联可以作用于多个页面，而内联只作用于本网页。调用文件的时候同一级能调用，将调用文件置于另一个文件夹就有难度，所以设置了一个提高提，不要求所有学生都掌握。案例分析学生练习嵌入式样式案例分析A用ppt向学生展示嵌入式样式的格式，引用方法，及运用范围并结合案例B任务驱动，让学生体验嵌入式样式的效果及作用范围。C.让学生了解其作用范围练习“内嵌入式样式表”文件夹中的半成品网页，让学生添加嵌入式样式表由于这部分内容比较好理解，我设计的半成品是一个“登陆”界面，让学生将某一个标签内的文本设置一下字格式。提交作品分享1要求学生提交到ftp:
9、192.168.1.2422文件命名成“姓名+学号.扩展名”3让学生欣赏他人的作品。1提交作业2师生共享作品并评价培养学生的自主性及审美能力、表达能力体验成功的喜悦教学评价在巡视中挑选优秀的作品，进行展示。小组发言、师生共同评价。以实现预期的教学目标为目的。最后选出“今日之星”，成员演示并讲解，大家参与共同评价，实现相互交流、学习的目的。对好的学生是鼓励，对差生是一个学习的过程。 给学生一个展示自我的机会。 总结归纳1总结整理本节知识要点，内联、外联、嵌入式样式表的区别加以广播演示；2以简单地提问方式与学生交互。3. Css技术应用中的注意点学生回顾前面所学后回答教师的提问。加深印象，进一步形成整体认识板书设计见CSS样式表.ppt教学反思:通过这节课的案例我深刻地感到，新课的导入、任务的设计都是非常关键的，要符合学生的认知规律，能激发学生的学习兴趣，教学任务才能顺利完成。信息技术的课程改革不是要给学生灌输最新的知识，不是要求学生掌握最新的技能，而是要给学生创造一个体验的平台，让学生在体验中感受信息社会的变化，在体验中提升自己适应信息时代的能力。
