“css层叠样式表”教学设计

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

1、《CSS层叠样式表》教学设计——认识CSS高淳县湖滨高级中学芮菊芳一、教学分析(一)教材分析CSS层叠样式表内容属于网络选修模块中的难点。学生没有实际应用过，甚至从来没有接触过相关知识点。由于这部分内容较难，我们主要以引入介绍为主，应用操作为辅，拓宽学生对程序代码的认识，激发学生的开发意识和开发兴趣。(二)教学对象分析学习者的认知特点：在教师引导下有一定的创新探究能力。学生已有知识经验及能力水平：学生熟悉所见及所得的网页制作软件（Frontpage2000），了解HTML的概念。绝大多数同学能熟练操作鼠标和键盘。对教学内容的了解程度：几乎是没有接触过样式表相关知识，对于学生来说是新鲜有吸引

2、力的。(三)教学重点、难点教学重点：内联式CSS样式表的含义教学难点：内联式CSS样式的应用本课以文字应用为例，重点讲解内联式CSS样式表的应用，以内联式显示CSS样式表在网页布局中的作用，对于理解外联式样式表以及样式表在网页排版布局上的更广泛应用具有基础意义。二、教学目标1、教学目标知识与技能：（1）了解CSS层叠样式表的基本概念及分类。（2）掌握CSS在文字格式方面的简单应用。过程与方法：（1）尝试使用网页代码优化自己的网页，能够合作或独立完成特效应用。（2）在探究问题的过程中发散思维，拓展想象空间，培养创新意识。情感态度与价值观：（1）学会科学分析信息材料，并利用合理的信息表达方式来

3、表达、传递信息。（2）学会客观地评价自己与他人的作品，养成辩证的信息评价与认识观。三、教学策略设计（1）教学方法设计5本课是一节理论与实践相结合的课程，理论方面对于学生比较陌生，教师的讲解必不可少。整节课采取教师引导，学生合作探究的教学模式，在解决任务过程中理解知识。由于学生在CSS的实际应用方面接触过少，且理论相对枯燥，所以教师要进行有效引导，由浅入深，从文字格式入手，与以前学过的HTML代码作比较，先培养感性认识，再层层深入，介绍css的其它应用。教学方法：演示讲解法、任务驱动法、小组合作法，分层指导法（2）学生上机操作安排和教师应用信息技术的情况本课在多媒体教学机房中进行，教师机配有

4、广播监控软件。学生安排三个活动，完成教师布置的相关任务。活动一：分析两组网页，形成对网页风格的认识；活动二：模仿教师讲解，按要求修改代码；活动三：根据所学知识，小组合作，自主探究，完成对poem.htm的代码设置。说明：教师巡视指导的时候要注意学生层次，有的学生理解了教师的讲解，但是输入过程中出现了失误；有的学生片面模仿教师的操作，没有真正理解，在拓展任务中遇到了困难。教师的指导和小组成员的协作相结合，帮助后进生完成任务，反过来促进知识点的融会贯通。5、教学评价：本节课评价采用教师点评和学生互评，以能完成教师布置任务为主，突出代码设置的准确性。三、教与学的实际过程描述教学阶段及所用时间教师

5、活动学生活动对学生学习过程的观察和考查创设情境问题引入5分钟1、两组网页演示，以访问者的姿态作出比较第一组风格统一和谐第二组色彩布局混乱2、引入到样式的概念范畴1、学生观察作出比较2、在教师引导下认识到网站风格和谐的重要性学生很快就能进入状态，分析两组网页在感观上的不同新授课15分钟简述CSS在网页制作中的作用类比WORD中“格式”菜单中的“样式项”。初步了解CSS的概念和作用对CSS的认识仍不清晰，停留在对字面意思的理解。详解CSS的分类应用（以定义文字为主）嵌入式样式表举例说明：如：规定一个