广东省创新杯说课大赛计算机类一等奖作品：《CSS样式表的使用》说课稿Word文档下载推荐.docx

1、教材出处与地位：本课程选用教材为高等教育出版社的网页设计与制作（HTML+CSS+JavaScript）,本 课内容为第4单元CSS的应用任务一 CSS的引用、任务二页面样式设置。本章对前面的基础章节的做 了综合深化，又开启了后续DIV+CSS知识对接，起到承上启下的作用。教学目标：根据专业培养目标，我将达到以下三方面的教学目标。教学重难点：经过分析，本课的教学重点为理解CSS样式表的概念、外部样式表的应用； 难点为CSS选择器属性值的修改。二、学情分析我所教授的对象为计算机应用中职二年级的学生，学生能熟练使用DW软件独立制作简单的网页，有 一定的代码基础。但是在美化页面这方而的知识较为欠缺，

2、学习代码缺乏耐心。三、教法学法经过以上教材与学情的分析，本课采用以下教法与学法。四、教学流程教学流程分为三大模块：课前准备课堂教学课后拓展课前准备：课前，我准备了微课视频，三维动画，交互课件，任务手册，利用蓝墨云班课移动学习平 台为载体，学生自主地在平台上预习、观看微课、讨论问题。一切准备就绪，开始进入我们的网页换装秀。课堂教学：我将信息化手段融入于导入、新授、提升、小结、交流五个环节，从而达到教学目标。导入：首先，我向学生展示了一个没有美化的网页界面，接着仅用了一个操作，便把刚才的界面摇身 一变，变成了同学们再熟悉不过的淘宝网首页。接着我提出问题，如果是你们，会用什么方法来修改这个 页面呢？

3、同学们纷纷提出自己的想法。带着疑问，我领着学生走进我们的新课讲授环节。新课讲授分为三个任务，层层递进任务一：观看美美的换装秀，认识css样式表的概念理论知识讲解在中职课堂上往往是学生较为排斥的，加上该知识点以代码为基础，学生的学习积极性 更是大打折扣。在这里，我制作了美美的换装秀三维动画帮助学生理解CSS样式表的概念。任务二：看完有趣的三维动画，我趁热打铁引入今天的任务二添加外部CSS样式表，利用交互式 课件分步骤讲解如何在DW中添加外部CSS样式表，该课件有良好的交互界面，能被学生反复地操作观看 知识点步骤，帮助学生扎实地掌握学习重点。学生开始实操。操作过程中，我发放了微课视频，帮助学生掌握

4、重点，任务二不用接触代码，学生通 过可视化的点击操作便能轻松地帮网页换装，效果明显，学生兴趣激发。任务三：进而我再提出问题，仔细观看你们添加CSS样式表后的网页，有什么需要改进的地方吗？学生们纷纷讨论提出自己的意见，例如页面字体过大，图片不符等等。此时，我抛出本节课的第三个 任务：修改CSS选择器属性值。任务三为本课学习难点，为了先让学生理解什么是CSS选择器，我又请美 美来帮忙讲解。学生们正确理解CSS选择器后，我利用交互式课件讲解修改选择器属性值的操作步骤，同时发放学生 任务手册，给学生清晰明了的操作任务，要求学生修改指定的属性值，再合理地美化页面，由浅到深帮助 学生突破学习难点。考虑到部

5、分学生掌握地较慢，我发放第二个微课视频，帮学生克服难点。学生完成任务，教师发放评价量规电子表格，学生小组互评，教师及时地给予点评、肯定及表扬。巩固提升：三个任务完成后，我创设了情景，模拟真实企业项目帮助学生巩固提升。A公司请了网站设计公司设 计一个宣传网站，设计师已经设计了初稿，现在A公司对该网站进行初步的验收。要求学生小组讨论，分 配两名同学为A公司的验收人员，指出网页中需要修改的地方，两名同学为设计师，对验收人员提出的问 题进行修改。学生模拟情境的过程中，可以在云班课学习平台上下载资源，对于现阶段还没学到的知识点，可以上 网浏览更多的学习资源。教师在巡堂过程中也给予指导，通过组间沟通，增强

6、学生交流能力。任务完成，学生将小组作品上传到云班课交流平台上，其他同学欣赏、点赞。获得“点赞”次数最多 的学生可获得“本日设计之星”头衔，教师在平时成绩中加分。课堂小结：完成全部任务实施，利用交互课件我设计了 “快问快答”环节帮助学生梳理本课主要知识 点。课后拓展：在课堂的最后，我引导兴趣高的同学继续访问蓝墨云班课的“拓展技能”页而，学习更多 美化网页的方法方式。提高技能。我整理学生在本课完成任务的过程中所遇到的难题，并以“头脑风暴” 的活动方式发布在云班课学习平台上，学生课下收集资料，并在交流平台上踊跃发言。五、教学反思教学过程顺利完成，纵观整个过程，信息化手段贯穿与课前知识预习、课堂一个案例导入、三个学习 任务、一个情境创设、快问快答小结，课后拓展提升，让学生真正掌握学习重点、突破学习难点。云班课移动学习平台推送微课视频、课件等教学资源到学生的移动设备上；课堂内外随时开展投票、 头脑风暴等教学活动，打破传统教学局限性。美美的换装秀三维动画化枯燥为生动有趣，学生掌握理论知识再也不是难题；微课视频在学生完成任务过程中帮助反复学习，提高学习效率；交互课件有别于传统的ppt等教学课件，交互性强、操作方便，学生喜欢。教学有法，教无定法，贵在得法。对于新进教师，我们无时无刻不在探索教学的规律与方法，而信息 化教学手段的融入，让我们的探索更加精彩。