高中二年级信息技术《CSS样式表》教学设计.docxVIP

高中二年级信息技术《CSS样式表》教学设计

教材依据：教育科学出版社高中信息技术选修3《网络技术应用》第五章第二节第二课时。

一、教学内容分析

本课是“动态HTML”章节中承上启下的关键一课。学生在此前已经掌握了HTML基本标签的使用方法，能够制作包含文字、图片、超链接的静态网页，但普遍面临一个真实困境：用font标签逐个修饰文字，页面稍一改动就要逐页重写，代码臃肿、风格混乱。CSS（层叠样式表）正是解决“结构与表现分离”这一工程问题的标准方案。本课的核心内容包括CSS的基本语法结构、三种引入方式（行内样式、内部样式表、外部样式表）、层叠与优先级规则，以及常用选择器的初步运用。学好本课，学生才能完成从“会写网页”到“会设计网页”的跃迁，也为后续学习网页交互与网站规划奠定方法论基础。

二、学情分析

授课对象为高二年级学生，已具备以下基础：能熟练操作Dreamweaver或记事本编写HTML代码；理解标签、属性的概念；具有一定审美判断力，对网页“好看与否”有直观感受。同时存在三个明显短板：其一，习惯用font、b等表现性标签堆砌样式，缺乏“内容与样式分离”的工程意识；其二，对“选择器—属性—值”这一声明式语法陌生，容易与HTML标签语法混淆；其三，对“层叠”概念易产生误解，认为后面的代码一定覆盖前面的，忽视选择器优先级的差异。教学中须以真实冲突切入，通过对比、试错、归纳帮助学生建立概念