CSS初体验说课稿创新说课大赛教学设计.docxVIP

《让你的网页有自己的Style——CSS层叠样式表初体验》说课稿 尊敬的各位老师，大家好，今天我想与大家分享一堂关于CSS层叠样式表的体验课，了解如何让网页设计拥有属于自己的Style。 网页是大家非常熟悉的互联网应用，对于创意有趣的页面，学生其实很感兴趣，可一旦接触代码，学习激情便消磨殆尽。 分析来看，计算机网络技术专业的学生，多为男生，他们思维活跃，喜欢实践，但对理论学习存在畏难情绪，同时缺乏设计审美。 本课程选用教材为高等教育出版社的《网页设计与制作（第2版）》，全书贯彻 “整体到局部”的理念，以完整网站建设的必备技能为主线，通过具体项目的实施完成知识学习。 其中项目六为，网页的修饰与美化——使用CSS控制页面元素。 教材中，本项目采用了文本、表格、超链接、滤镜、布局等5个模块任务讲述CSS的应用，知识划分细致，但关系离散。 为避免学生陷入“见木不见林”的学习困境，我对教材作出处理，先让学生整体体验CSS的网页美化效果，激发学习兴趣，于章节中再次贯彻“整体到局部”的理念。 根据对学情与教材的分析，我制定以下三维教学目标，使得学生能够理解CSS的概念及功能； 学会使用外部CSS样式文件美化网页，能够修改已有的样式文件来改变网页外观； 通过项目分工、小组合作的方式增强交流和协作能力，培养分享精神，在学习过程中通过作品比较、评价树立艺术审美情趣。 依据课程标准要求和教学实际，结合学生特点，我将重点确定为CSS外部链接、导入、内部嵌入等基本添加操作，以及CSS选择器属性值的修改设置，在完成具体项目的过程中突出重点。 而其中选择器是CSS规则中的重要组成，将通过比较评估和情境应用进行难点突破。 以1课时的时间构筑体验课程。 根据分析制定教学策略，我设定依托项目教学配以问题引领，组织学生小组合作、实践探究和讨论归纳的学习活动。创设企业情境，引入专业项目协作平台Teambition辅助教学。 课前，我准备了微课视频、任务导案及项目素材，学生在在多种客户端下使用协作平台，组长在平台中导入教学项目，添加项目成员并上传微课视频用于自主学习。 一切准备就绪，那么，接下来不妨跟随我的思路走进这节体验课吧。 课上， 我设计引入、领悟、解析、应用、延伸5个环节、3个任务，层层递进完成教学目标。 首先，我以近期发生的时事灾难为切入点，当地新闻媒体通常以黑白界面表达哀思，引发学生思考，作为网页从业人员，面对突发事件如何快速应对？ 通过讨论，学生意识到以原有技能完成任务并不轻松。 此时我实际操作，仅以一条代码添加一个CSS滤镜，使得学生对于CSS的强大力量赞叹不已，由此在轻松的状态下引入新课，进入任务实践环节。 结合本次教学内容，我向学生宣传介绍业内著名的CSS禅意花园网站，该网站基于一个分布式的开放项目，提供唯一一个HTML页面，和全球多名设计师的CSS样式作品，只需单击鼠标便可以改变网页外观。 我将该理念引入课堂，设计任务一导案html文件，要求学生实践操作将禅意花园网站中的css文件添加其中。 在微课中，关于CSS概念我以服装配饰的穿戴类比网页样式的更改，进行动画形式的讲解。HTML展现结构和内容，相当于身体。CSS则是一套服饰，在外部即可控制样式美化。 任务一突出教学重点1，不接触代码，操作简单，体验直观。 学生的任务成果很快便可展示出来。 教师在协作平台加入各组，监督任务完成时间，分析技能掌握程度。以学生自评结束任务一环节。 而此时我再次发问，添加样式后的网页能否继续改进？学生很快总结不足。 我下发任务二，要求以小组为单位，修改网页中指定元素内容，使之和谐、美观。 在此过程中仍以类比引入选择器概念，修改某一属性类比单独更换鞋、帽等服饰单品。 学生通过实践了解CSS选择器属性值修改的方法，突出教学重点2。 作品成果可在协作平台中分享交流、点赞投票，进行组间评价，有效检验学习效果，完成任务二环节。 为了最终突破教学难点，我设计任务三为情境应用，以提出需求、设计制作、验收评价的环节模拟真实项目情境，小组之间两两结对，不同环节担任不同职责，互为设计师与客户，体验职场角色扮演。 制作和验收两个环节递进巩固技能操作，加强沟通协作。 而通过组间与客户交流、组内与原网页样式比较、讨论、思考，能够从整体上做到风格化设计，提高了审美能力。 协作平台贯穿整个任务实施过程，不同于其他教学类监控或评价软件，其应用对象为互联网工作者等专业人群，使用时体验真实，跳出课堂框架，最大限度的激发创造思维和提高工作效率。顺利推进全部任务的实施。 最后，课堂临近结束时，我针对学生自主发现、无法解决的问题进行总结，引出后续新的知识链接，要求学生课下利用微课预习，作为拓展延伸。 纵观整个教学过程，教学重点在任务一和二中分别突出，而教学难点则在任务二和任务三中解构和巩固，最终得到突破。