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

《动态网页制作CSS样式 教学设计.docx》由会员分享，可在线阅读，更多相关《动态网页制作CSS样式 教学设计.docx（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、附件：教学设计方案模版教学设计方案课程动态网页制作CSS样式课程标准理解CSS在网页美工设计的重要作用及与传统网页设计相比 具有的优势。熟练掌握CSS基本语法及书写规范及其应用。掌握 CSS技术控制网页的样式与布局。教学内容 分析（一）教材地位、教材特色与教材处理是中等职业学校计算机及应用专业网页设计与制作专门化 方向的一门专业核心课程的教材，。动态网页制作是培养软件蓝领 的技能模块之，决定了学生专业发展的一个方向。本课程选用的教材为动态网页制作-ASP，是高等教育 出版社教材。本书是中等职业学校网站建设与管理专业主干课程的 教材，按照做中学、做中教和“理实一体化”的职业教育理念 组织教学内容

2、，并采用项目一任务式的编排方式，强调实用性和操 作性，适合计算机机房教学当前计算机专业毕业生虽然了解的知识很多，但是许多毕业 生存在着动手能力差、缺乏团队精神和交流能力等问题。对工具和 方法的应用技术不足、经验不足；知识体系结构不合理，范围狭窄， 内容陈旧；沟通能力较弱。（二）本次课在教材知识体系中的地位和作用CSS是掌握网页美工的主流技术的发展动向，主要为网页美工 及网页前台设计提供基础知识和能力支撑。教学目标认知目标：了解CSS基本语法及书写规范及其应用，掌握CSS 技术控制网页的样式与布局。情感目标：通过任务驱动的教学方式，激发学生主动去探究知 识的兴趣，提高学生的操作、创新的能力，在任

3、务中体验成功的乐 趣。通过小组协作活动，培养学生协作学习的意识。职业素养目标：培养学生具有勤奋学习的态度和严谨、创新的 作风；培养学生具有高度责任心和良好的团队合作精神培养学生 具有自主学习能力和知识应用能力学习目标培养学生网站美工设计的能力培养学生网页布局的能力CSS层叠样式表在几乎所有网页制作教材中都有介绍，在本人 多年的网页教学中，发现学生对CSS层叠样式的理解及应用就象 每本教材对它的介绍一样，象蜻蜓点水，点到即止。而CSS层叠 样式的实际是：现在企业做互联网项目中开发中离不开CSS,这个 就像鱼离不开水一样。专业ASP网站其布局差不多均采用 DIV+CSS。而企业认为计算机专业的学生

4、虽然看起来了解的知识 很多知I识，但体系结构不合理，范围狭窄，内容陈旧；沟通能力较 弱；如何在网页制作过程的教学中，把CSS层叠样式表的教学更 学情分析好地融入网页制作中。让学生接受它、习惯它、掌握它、用好它？本人通过几轮教学，不断改进教学策略，对动态网页制作 CSS样式采用如下教学设计思想：在教师的组织下，通过任务驱 动的教学方式，分组协作学习，以任务驱动为主线，设置教学场景; 学生团队合作、分组讨论、分析归纳、小组代表作答；教师分析归 纳指导。激发学生主动去探究知识的兴趣，提高学生的操作、创新 的能力，在任务中体验成功的乐趣。调动课堂气氛，激发学习兴趣, 发挥学生的主观能动性，在学习知识的

5、过程中培养其主动探究实践 的习惯。在完成任务的过程中不知不觉实现知识的传递、迁移和融 合，从而达到教学目的。重点、难点重点：重在熟练CSS语法规则并能熟练应用CSS三种样式进 行网页设计。难点：CSS语法简洁如何灵活、简练的应用。教与学的媒体选择一体化多媒体教室课程实施 类型偏教师课堂讲授类偏自主、合作、探究学习类备注教学活动步骤序号1复习导入2传授新知3协作探究4分组展示与评分5课堂小结教学活动详情教学活动L复习导入活动目标回顾复习上一节课内容，引入新课。创设情境，激发兴趣解决问题为新课做铺垫，激发兴趣技术资源多媒体投影机、极域多媒体电子教室软件（控屏、演示）常规资源板书活动概述1、复习上一

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

7、教师：1、CSS容易学吗？2、PPT演示、直观图例讲述css基础语法？学生：观察、思考、分析教与学的策 略示范演示、启发诱导反馈评价学生有了问题与想法，有自己动手去尝试做一做的想法。教学活动3：协作探究活动目标通过PPT演示、任务驱动、小组讨论等讲述css三种样式表 具体应用。解决问题CSS三种样式表具体应用技术资源多媒体投影机、极域多媒体电子教室软件（控屏、演示）常规资源板书活动概述教师1、CSS三种样式表讲解2、一体化教学，交流学习效果。学生先思考三种样式的语法特点，应用场景；再分组自己动手操作，再 进行小组讨论，根据网页效果比较，分析。教与学的策略小组合作、启发法、分析比较、探究讨论反馈

8、评价讨论活跃，能在讨论中达成共识，形成知识点。教学活动4：分组展示与评分活动目标通过分组演示、师生现场评分等阐述三种样式优劣对比解决问题真正把CSS应用到网页制作中去技术资源多媒体投影机、极域多媒体电子教室软件（控屏、演示）常规资源板书活动概述教师要求每一小组派一代表上台用ppt展示自己小组的网页CSS小作品，并让其余各组按标准进行评分。学生代表上台展示作品，其它各组给出评分及理由。教与学的策略指导学法，协作探究反馈评价通过小组间相互评价，能非常清晰知道问题所在，能较轻松地 掌握关键知识点。教学活动5：课堂小结活动目标从课内向课外延伸，培养学生自主学习的习惯。也为下节课教 学作好铺垫！解决问题掌握CSS技术控制网页的样式与布局技术资源多媒体投影机常规资源板书活动概述教师：1、小结本次课内容；2、 布置作业：DIV+CSS网页布局？学生：归纳总结；思考教与学的策 略任务驱动，激发学生主动去探究知识，提高学生创新的能力反馈评价通过任务驱动的教学方式，激发学生主动去探究知识的兴趣，提高 学生的操作、创新的能力，在任务中体验成功的乐趣。评价量规在小组评分表中三种CSS三种样式表语法特点，及三种CSS三种样式应用网 页效果，并对每一技术点进行量化。评分为：优、良、合格、不合格四个等极其它参考书清华大学出版社，动态网页设计，熊锡义主编备注