动态网页制作CSS样式 教学设计

附件教学设计方案模版情感目标通过任务驱动的教学方式，激发学生主动去探究知识的兴趣，提高学生的操作、创新的能力，在任务中体验成功的乐趣通过小组协作活动，培养学生协作学习的意识职业素养目标培养学生具有勤奋学习的态度和严谨、创新的作风；培养学生具有高度责任心和良好的团队合作精神培养学生具有自主学习能力和知识应用能力学习目标培养学生网站美工设计的能力培养学生网页布局的能力CSS层叠样式表在几乎所有网页制作教材中都有介绍，在本人多年的网页教学中，发现学生对CSS层叠样式的理解及应用就象每本教材对它的介绍一样，象蜻蜓点水，点到即止而CSS层叠样式的实际是现在企业做互联网项目中开发中离不开CSS这个就像鱼离不开水一样专业ASP网站其布局差不多均采用DIV+CSS而企业认为计算机专业的学生虽然看起来了解的知识很多知I识，但体系结构不合理，范围狭窄，内容陈旧；沟通能力较弱；如何在网页制作过程的教学中，把CSS层叠样式表的教学更学情分析好地融入网页制作中让学生接受它、习惯它、掌握它、用好它？本人通过几轮教学，不断改进教学策略，对《动态网页制作CSS样式》采用如下教学设计思想在教师的组织下，通过任务驱动的教学方式，分组协作学习，以任务驱动为主线，设置教学场景;学生团队合作、分组讨论、分析归纳、小组代表作答；教师分析归纳指导激发学生主动去探究知识的兴趣，提高学生的操作、创新的能力，在任务中体验成功的乐趣调动课堂气氛，激发学习兴趣发挥学生的主观能动性，在学习知识的过程中培养其主动探究实践的习惯在完成任务的过程中不知不觉实现知识的传递、迁移和融合，从而达到教学目的教学设计方案课程动态网页制作CSS样式课程标准理解CSS在网页美工设计的重要作用及与传统网页设计相比具有的优势熟练掌握CSS基本语法及书写规范及其应用掌握CSS技术控制网页的样式与布局教学内容分析

（一）教材地位、教材特色与教材处理

①是中等职业学校计算机及应用专业网页设计与制作专门化方向的一门专业核心课程的教材，动态网页制作是培养软件蓝领的技能模块之，决定了学生专业发展的一个方向

②本课程选用的教材为《动态网页制作-ASP》，是高等教育出版社教材本书是中等职业学校网站建设与管理专业主干课程的教材，按照〃做中学、做中教〃和“理实一体化”的职业教育理念组织教学内容，并采用项目一任务式的编排方式，强调实用性和操作性，适合计算机机房教学

③当前计算机专业毕业生虽然了解的知识很多，但是许多毕业生存在着动手能力差、缺乏团队精神和交流能力等问题对工具和方法的应用技术不足、经验不足；知识体系结构不合理，范围狭窄，内容陈旧；沟通能力较弱

（二）本次课在教材知识体系中的地位和作用CSS是掌握网页美工的主流技术的发展动向，主要为网页美工及网页前台设计提供基础知识和能力支撑教学目标认知目标了解CSS基本语法及书写规范及其应用，掌握CSS技术控制网页的样式与布局重点、难点重点重在熟练CSS语法规则并能熟练应用CSS三种样式进行网页设计难点CSS语法简洁如何灵活、简练的应用教与学的媒体选择一体化多媒体教室课程实施类型偏教师课堂讲授类偏自主、合作、探究学习类备注教学活动步骤序号1复习导入2传授新知3协作探究4分组展示与评分5课堂小结教学活动详情教学活动L复习导入活动目标回顾复习上一节课内容，引入新课［创设情境，激发兴趣］解决问题为新课做铺垫，激发兴趣技术资源多媒体投影机、极域多媒体电子教室软件（控屏、演示）常规资源板书活动概述

1、复习上一课内容（Html标记）

2、导入新课，为什么要学习CSS

3、创设情境，CSS一个经典而简单的应用教与学的策略情境教学法反馈评价学生提高了学习兴趣教学活动2传授新知活动目标教师通过PPT演示、板书设计等讲述css基础语法兴趣是最好的老师，PPT演示、直观图例通过老师的讲解，使学生理解css基础语法，从实践来检验理论解决问题CSS的语法简洁但应用十分灵活，熟练掌握还是有一定难度，激发学生的学习兴趣，让学生主动去求知、去探索、去实践，并在求知、探索、实践中产生愉快的情绪和体验，使学生执着而愿意付出努力技术资源多媒体投影机、极域多媒体电子教室软件（控屏、演示）常规资源板书活动概述教师

1、CSS容易学吗？

2、PPT演示、直观图例讲述css基础语法？学生观察、思考、分析教与学的策略示范演示、启发诱导反馈评价学生有了问题与想法，有自己动手去尝试做一做的想法教学活动3协作探究活动目标通过PPT演示、任务驱动、小组讨论等讲述css三种样式表具体应用解决问题CSS三种样式表具体应用技术资源多媒体投影机、极域多媒体电子教室软件（控屏、演示）常规资源板书活动概述教师

1、CSS三种样式表讲解

2、一体化教学，交流学习效果学生先思考三种样式的语法特点，应用场景；再分组自己动手操作，再进行小组讨论，根据网页效果比较，分析教与学的策略小组合作、启发法、分析比较、探究讨论反馈评价讨论活跃，能在讨论中达成共识，形成知识点教学活动4分组展示与评分活动目标通过分组演示、师生现场评分等阐述三种样式优劣对比解决问题真正把CSS应用到网页制作中去技术资源多媒体投影机、极域多媒体电子教室软件（控屏、演示）常规资源板书活动概述教师要求每一小组派一代表上台用ppt展示自己小组的网页CSS小作品，并让其余各组按标准进行评分学生代表上台展示作品，其它各组给出评分及理由教与学的策略指导学法，协作探究反馈评价通过小组间相互评价，能非常清晰知道问题所在，能较轻松地掌握关键知识点教学活动5课堂小结活动目标从课内向课外延伸，培养学生自主学习的习惯也为下节课教学作好铺垫！解决问题掌握CSS技术控制网页的样式与布局技术资源多媒体投影机常规资源板书活动概述教师

1、小结本次课内容；

2、布置作业DIV+CSS网页布局？学生归纳总结；思考教与学的策略任务驱动，激发学生主动去探究知识，提高学生创新的能力反馈评价通过任务驱动的教学方式，激发学生主动去探究知识的兴趣，提高学生的操作、创新的能力，在任务中体验成功的乐趣评价量规在小组评分表中三种CSS三种样式表语法特点，及三种CSS三种样式应用网页效果，并对每一技术点进行量化评分为优、良、合格、不合格四个等极其它参考书清华大学出版社，《动态网页设计》，熊锡义主编备注。