《CSS样式表》教学设计-css样式表.pdfVIP

《CSS样式表》教学设计 《CSS样式表》教学设计 盐城市第一中学 刘永亚 盐城市第一中学 刘永亚 教材分析 教材分析 《CSS 样式表》是普通高中课程标准实验教科书（选修）第五章第二节的内容，本 《CSS 样式表》是普通高中课程标准实验教科书（选修）第五章第二节的内容，本 节主要是学习 CSS 样式表的三种基本类型，教材没有给学生提供一些实例，只是简单介 节主要是学习 CSS 样式表的三种基本类型，教材没有给学生提供一些实例，只是简单介 绍了什么是 CSS 样式表以及实现方法，这就需要教师能创设学习的情境上要多花一些功 绍了什么是 CSS 样式表以及实现方法，这就需要教师能创设学习的情境上要多花一些功 夫，这样才能激发学生的学习兴趣，同时避免教师的过度讲解，应充分发挥学生的自主 夫，这样才能激发学生的学习兴趣，同时避免教师的过度讲解，应充分发挥学生的自主 探究和自主学习的能力。 探究和自主学习的能力。 学生分析 学生分析 授课对象是高一年级学生，有一定的自主学习的能力，学生在第四章已经学习了网 授课对象是高一年级学生，有一定的自主学习的能力，学生在第四章已经学习了网 站的规划、设计及实现，初步掌握了网站的制作，同时在学习本节之前已经对动态 HTML 站的规划、设计及实现，初步掌握了网站的制作，同时在学习本节之前已经对动态 HTML 的知识有所了解，会编写一些 HTML 代码。CSS 样式表如果直接传授相关知识，对学生没 的知识有所了解，会编写一些 HTML 代码。CSS 样式表如果直接传授相关知识，对学生没 有吸引力，因此要想让学生掌握本节的内容，必须让学生在教师的引导下通过自主学习， 有吸引力，因此要想让学生掌握本节的内容，必须让学生在教师的引导下通过自主学习， 完成学习任务。 完成学习任务。 教学目标 教学目标 知识与技能： 知识与技能： 1、让学生理解什么是 CSS 样式表； 1、让学生理解什么是 CSS 样式表； 2、让学生掌握在 HTML 中加入CSS 样式表的方法； 2、让学生掌握在 HTML 中加入CSS 样式表的方法； 3、使学生掌握简单的 CSS 样式表代码。 3、使学生掌握简单的 CSS 样式表代码。 过程与方法： 过程与方法： 1、通过学习使学生会运用 CSS 样式表优化网页制作； 1、通过学习使学生会运用 CSS 样式表优化网页制作； 2、通过学习使学生学习正确、合理运用技术。 2、通过学习使学生学习正确、合理运用技术。 情感态度价值观： 情感态度价值观： 1、培养学生独立思考、自主探究、动手实践的能力； 1、培养学生独立思考、自主探究、动手实践的能力； 2、激发学生学习信息技术的兴趣。 2、激发学生学习信息技术的兴趣。 教学重点 教学重点 CSS 样式表设置的方法。 CSS 样式表设置的方法。 教学难点 教学难点 三种 CSS 样式表的选择应用。 三种 CSS 样式表的选择应用。 1  1  教学过程 教学过程 一、创设情境，感受CSS 样式表 一、创设情境，感受CSS 样式表 网站风格的三要素是网站标志、标准色彩和标准字体，我们说不同的网页色彩体现 网站风格的三要素是网站标志、标准色彩和标准字体，我们说不同的网页色彩体现 不同的风格，高一 （21）班站点采用什么风格呢？教师快速切换网页的背景，我们用哪 不同的风格，高一 （21）班站点采用什么风格呢？教师快速切换网页的背景，我们用哪 种风格的网页背景呢？ 种风格的网页背景呢？