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

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

《广东省创新杯说课大赛计算机类一等奖作品：《CSS样式表的使用》说课稿Word文档下载推荐.docx》由会员分享，可在线阅读，更多相关《广东省创新杯说课大赛计算机类一等奖作品：《CSS样式表的使用》说课稿Word文档下载推荐.docx（3页珍藏版）》请在冰豆网上搜索。

教材出处与地位：

本课程选用教材为高等教育出版社的《网页设计与制作（HTML+CSS+JavaScript）,本课内容为第4单元《CSS的应用》任务一CSS的引用、任务二页面样式设置。

本章对前面的基础章节的做了综合深化，又开启了后续DIV+CSS知识对接，起到承上启下的作用。

教学目标：

根据专业培养目标，我将达到以下三方面的教学目标。

教学重难点：

经过分析，本课的教学重点为理解CSS样式表的概念、外部样式表的应用；

难点为CSS选择器属性值的修改。

二、 学情分析

我所教授的对象为计算机应用中职二年级的学生，学生能熟练使用DW软件独立制作简单的网页，有一定的代码基础。

但是在美化页面这方而的知识较为欠缺，学习代码缺乏耐心。

三、 教法学法

经过以上教材与学情的分析，本课采用以下教法与学法。

四、 教学流程

教学流程分为三大模块：

课前准备课堂教学课后拓展

课前准备：

课前，我准备了微课视频，三维动画，交互课件，任务手册，利用蓝墨云班课移动学习平台为载体，学生自主地在平台上预习、观看微课、讨论问题。

一切准备就绪，开始进入我们的《网页换装秀》。

课堂教学：

我将信息化手段融入于导入、新授、提升、小结、交流五个环节，从而达到教学目标。

导入：

首先，我向学生展示了一个没有美化的网页界面，接着仅用了一个操作，便把刚才的界面摇身一变，变成了同学们再熟悉不过的淘宝网首页。

接着我提出问题，如果是你们，会用什么方法来修改这个页面呢？

同学们纷纷提出自己的想法。

带着疑问，我领着学生走进我们的新课讲授环节。

新课讲授分为三个任务，层层递进

任务一：

观看《美美的换装秀》，认识css样式表的概念

理论知识讲解在中职课堂上往往是学生较为排斥的，加上该知识点以代码为基础，学生的学习积极性更是大打折扣。

在这里，我制作了《美美的换装秀》三维动画帮助学生理解CSS样式表的概念。

任务二：

看完有趣的三维动画，我趁热打铁引入今天的任务二——添加外部CSS样式表，利用交互式课件分步骤讲解如何在DW中添加外部CSS样式表，该课件有良好的交互界面，能被学生反复地操作观看知识点步骤，帮助学生扎实地掌握学习重点。

学生开始实操。

操作过程中，我发放了微课视频，帮助学生掌握重点，任务二不用接触代码，学生通过可视化的点击操作便能轻松地帮网页换装，效果明显，学生兴趣激发。

任务三：

进而我再提出问题，仔细观看你们添加CSS样式表后的网页，有什么需要改进的地方吗？

学生们纷纷讨论提出自己的意见，例如页面字体过大，图片不符等等。

此时，我抛出本节课的第三个任务：

修改CSS选择器属性值。

任务三为本课学习难点，为了先让学生理解什么是CSS选择器，我又请美美来帮忙讲解。

学生们正确理解CSS选择器后，我利用交互式课件讲解修改选择器属性值的操作步骤，同时发放学生任务手册，给学生清晰明了的操作任务，要求学生修改指定的属性值，再合理地美化页面，由浅到深帮助学生突破学习难点。

考虑到部分学生掌握地较慢，我发放第二个微课视频，帮学生克服难点。

学生完成任务，教师发放评价量规电子表格，学生小组互评，教师及时地给予点评、肯定及表扬。

巩固提升：

三个任务完成后，我创设了情景，模拟真实企业项目帮助学生巩固提升。

A公司请了网站设计公司设计一个宣传网站，设计师已经设计了初稿，现在A公司对该网站进行初步的验收。

要求学生小组讨论，分配两名同学为A公司的验收人员，指出网页中需要修改的地方，两名同学为设计师，对验收人员提出的问题进行修改。

学生模拟情境的过程中，可以在云班课学习平台上下载资源，对于现阶段还没学到的知识点，可以上网浏览更多的学习资源。

教师在巡堂过程中也给予指导，通过组间沟通，增强学生交流能力。

任务完成，学生将小组作品上传到云班课交流平台上，其他同学欣赏、点赞。

获得“点赞”次数最多的学生可获得“本日设计之星”头衔，教师在平时成绩中加分。

课堂小结：

完成全部任务实施，利用交互课件我设计了“快问快答”环节帮助学生梳理本课主要知识点。

课后拓展：

在课堂的最后，我引导兴趣高的同学继续访问蓝墨云班课的“拓展技能”页而，学习更多美化网页的方法方式。

提高技能。

我整理学生在本课完成任务的过程中所遇到的难题，并以“头脑风暴”的活动方式发布在云班课学习平台上，学生课下收集资料，并在交流平台上踊跃发言。

五、教学反思

教学过程顺利完成，纵观整个过程，信息化手段贯穿与课前知识预习、课堂一个案例导入、三个学习任务、一个情境创设、快问快答小结，课后拓展提升，让学生真正掌握学习重点、突破学习难点。

云班课移动学习平台推送微课视频、课件等教学资源到学生的移动设备上；

课堂内外随时开展投票、头脑风暴等教学活动，打破传统教学局限性。

《美美的换装秀》三维动画化枯燥为生动有趣，学生掌握理论知识再也不是难题；

微课视频在学生完成任务过程中帮助反复学习，提高学习效率；

交互课件有别于传统的ppt等教学课件，交互性强、操作方便，学生喜欢。

教学有法，教无定法，贵在得法。

对于新进教师，我们无时无刻不在探索教学的规律与方法，而信息化教学手段的融入，让我们的探索更加精彩。