诗情画意--CSS美化网页.docVIP

《网页化妆师—层叠样式表》教学案例 荆门职教集团 熊宗莉 一、设计背景 1．教材：教育科学出版社 《网络技术应用》（选修） 2．班级：计算机软件应用0801班 3．课时：2 二、设计思想 在教师的启发下让学生做可能做到的事情，使它们通过自己的努力,完成一项的技能任务学习。为以后的技能学习建立良好的自信心。 三、教学分析 教材分析 课程地位 dreamweaver是计算机软件应用专业的专业基础课程，本门课程的目的是让学生能够使用dreamweaver工具制作美观大方、布局合理、实用性强的静态网站,为以后学习运用dreamweaver开发网站项目奠定基础。 本节课内容是dreamweaver课程第六章内容,学生通过对《北海公园》网站的二级页面分析、美化。让学生与老师共同思考，共同探究，让学生在技能训练中找到学习的乐趣。为以后的综合项目制作打下坚实的基础。 2、教内容—CSS的应用， 主要介绍了一种格式化网页的标准方式—层叠样式表(CSS)的基础知识和实现方法，层叠样式表(CSS)是网页制作技巧中的一个重点和难点。通过使用任务驱动法，学生应使用CSS技术对网页进行美化。 本章内容计划二课时完成。第一课时通过对《北海公园》网站的首页分析，引导学生思考该网页需要美化的项目,了解如何该网页的制作对网页进行美化。第二课时学生亲自对《北海公园》网站二级页面进行美化。教师对学生的项目完成情况进行适当的评价。 通过本课学习，将生涩的概念付诸于实践，让学生思考及体验CSS对网页设计的美化作用，掌握网页制作的基本技能. 3、教学内容处理思路 遵循“用任务驱动”的思路，努力将理论与实践相结合,让学生自主探究，提高学习技能的兴趣.（1）根据学生的实际情况，创造性、实用性和新颖性的原则安排教学实例。将《禅意花园》与《北海公园》css的分析实例引入,引发学生对CSS的学习兴趣。(2）充分利用教学实例；例如：引导学生对《北海公园》网站进行美化,让学生在实践中体验学习的成就感。（3）将教学实例与教学内容紧密结合,让学生在完成教学项目后，认真思考、仔细探究，达到举一反三的目的。 （二）学情分析 1、基本情况 软件0801班的学生，文化基础较差,理论学习能力欠缺。有一定的计算机技能基础，具通过理论的学习，同学们已经了解了CSS的基本概念、基本语法和实现方式，熟知CSS中常见属性的对网页外观的影响,这为本节课学习打下了良好的理论基础,但欠缺实践操作能力. 2、可能遇到的困难 由于CSS概念较为抽象,学生心目中会有一堵高大的墙，堵塞了学生学习的情绪，让学生产生一种退缩的心理，达不到预期的教学效果。 3、可能的学习策略 学生积极主动探究、摸索,通过对《北海公园网站》进行美化，从视觉上感知CSS的应用。以实践带动理论. （三）教学目标分析 1、知识与技能： （1）创建CSS （2）会使用CSS创建统一外观的字体文本 （2）通过学习和实践，会利用CSS美化表格 2、过程与方法： （1）通过理论学习和实践，掌握CSS的使用。 3、情感态度与价值观： （1）点燃学生心灵中 “想成为一个技能型人才”的火花,让学生在学习中体会成就感 （2）在不断的尝试与摸索中找到一条适合于自己的学习之路. （四）教学重点和难点分析 1、教学重点： (1)创建字体文本样式 (2)创建细边框样式 2、教学难点： 根据设计需要,对网页进行美化 3、解决策略： 提供帮助文档，让学生查阅所用到的CSS属性 提供任务文档，让学生明确学习任务； （五）教学策略 1、通过观察法、设疑法引入学习。 2、提供学习资源（CSS用法指南.txt、上机操作指南.doc），指导学生自主学习。 3、通过问答法帮助学生归纳、梳理所学的知识，提升对知识的理解和认识。 4、利用启发法引导学生运用理论创新实践，提高理论联系实践的能力。 5、通过交流评价，加深学生对知识内容的理解，促进其对技能的认识。 四、教学资源 （一）硬件： 计算机网络教室。 （二）软件： 极域电子教室、dreamweaver、课件、学习资源（CSS用法指南.txt、上机操作指南）、《北海公园网站》。 （三）学生课前活动： 在互联网上查看《北海公园网站》观察网站。 五、教学过程记录: 课程导入（10分钟） 请学生观看电影《十月围城》中男主角的化妆过程短片，引起学生对 “化妆师”三个字的注意. 请学生观看两个内容相同，但外观不同的网站《禅意花园》 3. 请学生猜测: “网页的化妆师是谁？”引入课程主题. 设计意图： 通过与授课内容有内在联系的短片集中同学们的注意力,通过看似不相关内容的展示引起同学们的求知欲望,通过设疑法引导同学们进行探究.中等职业学校的学生学习目标是掌握技能,有一定的社会适应力.通过探究使学生们学会自己提出问题、分析问题、解决问题. 教学效果: