全国计算机类说课大赛一等奖：CSS样式表的使用教学设计.docx

1 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第1页。全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第1页。一 课 时 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第1页。 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第1页。 本次课设计课时为2课时。 二 教材分析 （一）知识内容分析 本课内容选自高等教育出版社的《网页设计与制作（HTML+CSS+JavaScript）》，第四章《CSS的应用》，设计课时为2个课时。本章在整个课程体系里起到承上启下的作用，它既是对前面的基础章节的综合深化，又开启了后续DIV+CSS知识对接。在本课之前，学生基本掌握网页制作的主要知识点，有一定的代码基础。而本课内容CSS样式表的使用是学生进行网页设计的基础和提高。学生通过理解CSS样式、选择器的概念，掌握应用外部CSS样式表、修改CSS选择器属性的方法来设计和美化网页，并能对所设计的作品进行评价，培养学生的设计、审美能力及职业素养和创新精神。本次教学活动对学生的网页制作与设计起着基础、提高作用。 （二）我对教材的处理方法 把教材所涉及的知识点进行分层，使学生由简入深理解和掌握CSS样式表的使用。 对教材内容进行二次处理，制作原创案例，使内容更加适合我班学生学习。 由CSS样式表的使用引导学生对网页界面设计的分析。 三 学生分析 教学对象为我校计算机应用专业中职二年级的学生。学生学习网页制作已有一个学期，对这节课之前的学生情况分析如下： （一）学生知识能力分析 学生能熟练使用Dreamweaver软件 对于静态页面的设计有一定的基础 学生有简单的代码基础 在以往的学习过程中有简单接触过嵌入式的CSS样式 学生缺乏动手能力 对作品的评价缺乏系统的认识和理解 学生技能水平出现分化现象 （二）学生自学能力分析 我在课堂教学过程中，注重在学生认知水平能够承受的前提下安排一些适合自学的内容让学生自己掌握，从中培养学生的自学能力。开始自学的内容简单，等学生认为自学不是一件很难的事情全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第2页。全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第2页。且乐于参与时，再适当加大自学的难度。在教学过程中，长期渗透自学理念，学生们已经有了较强的自学能力和良好的课前预习习惯。因此，尽管本课是一节综合项目设计课程，我还是在教学方法中渗透自主探究学习法，相信学生有能力获得成功。 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第2页。 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第2页。 （三）学生个性特点分析 可以通过4个词语来高度概括："乐于探索"、"喜欢挑战"、"个性鲜明"、但却"缺乏毅力"。 四 教学目标 （一）知识与技能 1、理解CSS样式表、CSS选择器的概念。 2、学会为HTML页面添加外部CSS样式表。 3、修改CSS样式表的属性值。 （二）过程与方法 依托班级学习网站、校园网资源库、蓝墨云班课移动教学平台为载体，使用交互式课件、三维动画、微课视频辅助教学，通过小组合作探究、自主学习等方式，让学生掌握添加CSS样式表的过程和修改属性值的方法。 （三）情感目标 在辅导学生完成任务的过程中，激发学生的审美情操，创设与实际岗位相结合的情境，培养学生的职业素养。 五 教学重点及难点 （一）教学重点 外部CSS样式表的添加应用。 （二）教学难点 修改CSS样式表的属性值。 六 教法与学法 （一）教学思想 当前职业中学计算机专业教学的主流取向是以建构主义的教学思想与学习理论为指导去组织和实施各项教学活动。在探索基于建构主义理论的教学模式的过程中，本次教学活动采用信息化教学设计理念，利用信息技术创设情景、开发教学资源学习网站，利用移动教学平台，以学生为中心，学生在老师精心创设的情境、自主探究空间、交流与协作活动、自我评价体系等学习环境中充分发挥自身的主动性和积极性，对所学的知识进行意义建构，并用其所学解决实际问题。 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第3页。全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第3页。（二）教学策略 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第3页。 全国计算机类说课大赛一等奖：CSS样式表的使用教学设计全文共19页，当前为第3页。 1、课堂融入信息化手段微课视频、三维动画、交互式课件，依托班级学习网、蓝墨云班课移动学习平 **全国计算机类说课大赛一等奖：CSS样式表的使用教学设计** 本次教学设计围绕CSS样式表的使用展开，旨在帮助中职二年级计算机应用专业的学生深入理解和应用CSS，提升他们的网页设计技能。教学内容选自《网页设计与制作（HTML+CSS+JavaScript）》的第四章，CSS的应用。这一章在课程体系中具有承上启下的作用，既巩固了前期HTML的基础，也为后续的DIV+CSS布局打下基础。 **教学内容分析：** 1. **知识内容** - 本课主要讲解CSS样式表和选择器的概念，以及如何添加外部CSS样式表和修改其属性值。通过理解这些概念，学生能够独立设计和美化网页，同时提升审美和创新能力。 2. **教材处理** - 教师将知识点分层，使学生逐步深入理解，并通过原创案例使内容更符合学生需求。通过CSS样式表的使用，引导学生分析网页界面设计，培养他们的设计思维。 **学生分析：** 1. **知识能力** - 学生具备Dreamweaver使用能力，有一定HTML基础和简单的代码基础，但对CSS的掌握有限，动手能力和作品评价能力有待提高。 2. **自学能力** - 教学注重培养学生的自学能力，通过逐步增加自学难度，让学生形成自主学习的习惯和能力。 3. **个性特点** - 学生好奇心强，喜欢挑战，但毅力不足，需要激发他们的探索精神和持之以恒的态度。 **教学目标：** 1. **知识与技能** - 学生需理解CSS样式表和选择器，学会添加和修改CSS样式表。 2. **过程与方法** - 通过信息化教学手段，如交互式课件、三维动画和微课，培养学生的合作探究和自主学习能力。 3. **情感目标** - 培养学生的审美情操，提升职业素养，激发创新精神。 **教学重点与难点：** 1. **教学重点** - 外部CSS样式表的添加和应用。 2. **教学难点** - 修改CSS样式表的属性值。 **教学策略：** 1. **教学思想** - 建构主义理论指导教学，利用信息技术创设情境，鼓励学生中心化学习，通过问题解决锻炼其自主探究能力。 2. **教学方法** - 包括任务驱动、小组合作和自主探究学习，借助班级学习网站和移动教学平台，结合微课视频等多媒体资源，激发学生兴趣，促进互动和反馈。 通过以上教学设计，教师旨在创造一个以学生为中心、寓教于乐的学习环境，使得学生能在实践中学习，在挑战中成长，最终实现从理论到实践的转化，提高他们的网页设计技能和职业素养。