《css在网页中的应用》教案.doc

《《css在网页中的应用》教案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、南宁市第一职业技术学校《网页制作》课程教案课程名称《网页制作》使用教材《DreamweaverCS3中文版实例教程》授课教师秦福生职称助理讲师授课对象电子商务二年级班级人数50人授课类型新知课授课时间1学时授课课题《CSS在网页中的的应用》教学设想本课结合21世纪中等职业学校教育信息技术类规划教材《DreamweaverCS3中文版实例教程》第8章第进行教学设计。本课主要是让学生掌握CSS在网页中的应用。根据本课的特点，主要以合作探究学习的方式贯穿整节课。通过提供相关的学习指导、学习资源，以任务驱动的方式引导学生进行自主学习，以此培养学生的

2、协作学习能力和团体合作能力。自主探究式的学习过程中，增强自己的美术修养，促使学生去发现美、创造美、鉴赏美。教学对象分析学习本课之前，学生们已经掌握了在网页中基本的知识（如，创建站点，输入文本，插入图片和多媒体，超链接等等）。高二的学生有合作意识，但又开始形成自己的思考方式，有时喜欢表现自我，有时喜欢独自思考，在课堂上若老师能吸引其注意力，并引导其思考，定能形成活跃的课堂气氛和培养学生的合作精神。教学目的与要求1、知识目标：理解CSS样式的功能，掌握CSS三种类型样式：①重定义HTML标记样式改变网页元素的边框效果②样式选择器的操作制作导航栏

3、的超级链接③自定义样式制作多样的文字效果2、技能目标：培养学生的思维能力和观察感受能力；培养学生CSS样式的实践应用能力。3、情感态度与价值观目标：：培养学生的探究和实践精神，以及善于思考总结，综合应用技能的能力；通过实例的操作，提高学生的审美情趣，培养学生创造美的能力和应用能力。教学重点运用三种类型的样式设计网页。①重定义HTML标记样式改变网页元素的边框效果②样式选择器的操作制作导航栏的超级链接③自定义样式制作多样的文字效果教学难点掌握CSS样式选择器的制作超级链接的四种状态（a:link，a:active，a:visited，a:ho

4、ver）教学方法演示法、讲授法、任务驱动法、创设情景法教具计算机教室、投影仪、教学控制软件等教学内容及过程设计（含教学时间分配）教学环节教师活动学生活动设计意图（一）创境激趣设疑引思（5分钟）1、激发兴趣：向学生分别展示网页，有CSS样式的和没有应用CSS样式并请学生回答两者在感观上的区别；结合界面效果，归纳CSS功能2、引入语：CSS是层叠样式表（CascadingStyleSheet）的简称。利用CSS样式不仅可以对网页中的文本进行精确的格式化控制，设置字体、字号、颜色、背景、字符间距、行距、段落缩进等，还可以为网页设置背景色或背景图片

5、，设置各种链接动态效果（改变颜色、出下划线等）。活动一：融入教学情景，转换实践角色。活动二：观察两组页面，初步了解CSS作用。活动二：根据教师引导，接受任务挑战。通过欣赏作品，让学生了解本课的趣味性，激发学习欲望（二）搭桥铺路引入任务（5分钟）1、.布置任务一：启动CSS控制面板2、教师巡堂指导，并点评学生操作。1、学生利用学习网站自主学习2、学生归纳启动CSS样式的方法通过教师演示部分操作，抛砖引玉，为学生完成任务奠定基础，使其易于上手（三）分层实战,探究规律（5分钟）1、布置任务二：利用重定义样式改变网页元素表格边框的效果2、教师讲解样

6、式建立的方式，分析“新建样式表”及“仅对文档”的不同（简述），以仅对文档为例，为学生完成任务进行铺垫。3、教师巡堂指导，并点评学生操作。1、通过学习网站及课本进行自主学习，分解任务并完改变网页元素表格边框的效果设计2、点评作业1、通过练习，培养学生实践动手能力及创新能力。培养学生团队合作，互帮互助的精神。2、通过展开分层教学，使不通层次的学生都有所提高。（四）知识提升要点提示（10分钟）1、布置任务三：知识提升，给页面中的链接文本定义统一的风格。2、进行师生互动，分析链接文本的四种状态（link、visited、active、hovor），

7、引出样式的“高级”类型的使用。3、教师巡视，发现问题，解决问题。4布置任务四：自定义样式制作多样的文字效果以页面主体文本为例，分析标签类型的功能：直接作用于页面。5、教师巡堂指导。并点评学生操作。1、根据个人喜好，设置链接文本常用状态样式。2、进行设置运行，体会教师提示。3、共享同学操作，提高实践能力。提升任务要求，掌握新的技能。友情链接，取长补短。（五）自主小结体验成功（3分钟）1、利用大屏幕，展示网页作品，全班共同赏析；2、引导其他同学评析。其间老师适时参与讨论；3、讲解操作遇到的难点1、学生交流操作结果，自评并互评。2、加深对CSS样

8、式的理解，掌握常规步骤及要点。1、对学生进行总结性评价2、培养学生口头表述能力；3、培养学生正确的审美观。（六）课堂小结（2分钟）1、了解层CSS样式表的基本知识。2、掌握在Dr