广东省创新杯说课大赛计算机类一等奖作品：《CSS样式表的使用》说课稿

《广东省创新杯说课大赛计算机类一等奖作品：《CSS样式表的使用》说课稿》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《网页换装秀》一一css样式表的使用讲解稿尊敬各位专家、各位评委：大家好！今天我给大家带来的信息化教学设计是《网页换装秀》一一CSS样式表的使用。下面我将从五个方面阐述我的教学设计。一、教材分析教材出处与地位：本课程选用教材为高等教育出版社的《网页设计与制作(HTML+CSS+JavaScript),本课内容为第4单元《CSS的应用》任务一CSS的引用、任务二页面样式设置。本章对前面的基础章节的做了综合深化，又开启了后续DIV+CSS知识对接，起到承上启下的作用。教学目标：根据专业培养目标，我将达到以下三方面的教学目标。教学重难点：经过分析，本课的教学重点为理

2、解CSS样式表的概念、外部样式表的应用；难点为CSS选择器屈性值的修改。二、学情分析我所教授的对象为计算机应用中职二年级的学生，学生能熟练使用DW软件独立制作简单的网页，有一定的代码基础。但是在美化页面这方面的知识较为欠缺，学习代码缺乏耐心。三、教法学法经过以上教材与学情的分析，本课采用以下教法与学法。四、教学流程教学流程分为三大模块：课前准备课堂教学课后拓展课前准备：课前，我進备了微课视频，三维动画，交互课件，任务手册，利用蓝墨云班课移动学习平台为载体，学生自主地在平台上预习、观看微课、讨论问题。一切准备就绪，开始进入我们的《网页换装秀》。课堂教学：我将信息

3、化手段融入于导入、新授、提升、小结、交流五个环节，从而达到教学FI标。导入：首先，我向学生展示了一个没有美化的网页界面，接着仅用了一个操作，便把刚才的界面摇身一变，变成了同学们再熟悉不过的淘宝网首页。接着我提出问题，如果是你们，会用什么方法来修改这个页面呢？同学们纷纷提出自己的想法。带着疑问，我领着学生走进我们的新课讲授环节。新课讲授分为三个任务，层层递进任务观看《美美的换装秀》，认识css样式表的概念理论知识讲解在中职课堂上往往是学生较为排斥的，加上该知识点以代码为基础，学生的学习积极性更是人打折扣。在这里，我制作了《美美的换装秀》三维动画帮助学生理解css

4、样式表的概念。任务二：看完有趣的三维动画，我趁热打铁引入今天的任务二一一添加外部CSS样式表，利用交互式课件分步骤讲解如何在DW中添加外部CSS样式表，该课件有良好的交互界面，能被学生反复地操作观看知识点步骤，帮助学生扎实地掌握学习重点。学生开始实操。操作过程中，我发放了微课视频，帮助学生掌握重点，任务二不用接触代码，学生通过可视化的点击操作便能轻松地帮网页换装，效果明显，学生兴趣激发。任务三：进而我再提出问题，仔细观看你们添加CSS样式表后的网页，有什么需要改进的地方吗？学生们纷纷讨论提岀自己的意见，例如页面字体过大，图片不符等等。此时，我抛出本节课的第三个

5、任务：修改CSS选择器属性值。任务三为本课学习难点，为了先让学生理解什么是CSS选择器，我又请美美来帮忙讲解。学生们正确理解CSS选择器后，我利用交互式课件讲解修改选择器属性值的操作步骤，同时发放学生任务手册，给学生清晰明了的操作任务，要求学生修改指定的属性值，再合理地美化页面，由浅到深帮助学生突破学习难点。考虑到部分学生掌握地较慢，我发放第二个微课视频，帮学生克服难点。学生完成任务，教师发放评价量规电子表格，学生小组互评，教师及时地给予点评、肯定及表扬。巩固提升：三个任务完成后，我创设了情景，模拟真实企业项目帮助学生巩固提升。A公司请了网站设计公司设计一个宣

6、传网站，设计师已经设计了初稿，现在A公司对该网站进行初步的验收。要求学生小组讨论，分配两名同学为A公司的验收人员，指出网页中需要修改的地方，两名同学为设计师，对验收人员提出的问题进行修改。学生模拟情境的过程屮，可以在云班课学习平台上下载资源，对于现阶段还没学到的知识点，可以上网浏览更多的学习资源。教师在巡堂过程中也给予指导，通过组间沟通，增强学生交流能力。任务完成，学生将小组作品上传到云班课交流平台上，其他同学欣赏、点赞。获得“点赞”次数最多的学生可获得“本日设计之星”头衔，教师在平时成绩中加分。课堂小结：完成全部任务实施，利用交互课件我设计了“快问快答”坏节

7、帮助学生梳理本课主要知识点。课后拓展：在课堂的最后，我引导兴趣高的同学继续访问蓝墨云班课的“拓展技能”页面，学习更多美化网页的方法方式。提高技能。我整理学生在本课完成任务的过程中所遇到的难题，并以“头脑风暴”的活动方式发布在云班课学习平台上，学生课下收集资料，并在交流平台上踊跃发言。五、教学反思教学过程顺利完成，纵观整个过程，信息化手段贯穿与课前知识预习、课堂一个案例导入、三个学习任务、一个情境创设、快问快答小结，课后拓展提升，让学生真正掌握学习重点、突破学习难点。云班课移动学习平台推送微课视频、课件等教学资源到学生的移动设备上；课堂内外随时开展投票、头脑风暴

8、等教学活动，打破传统教学局限性。《美美