（4）一些特殊元素 注释元素
meta（描述网页信息）元素
doctype （文档类型的定义）与 HTML文档的检验 特殊字符 3、巩固练习 完成实训 1
五、教具，课件及挂图
所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上 用PPT课件进行演示。
六、作业及辅导
根据实训 1 的完成情况，课上辅导项目
七、课后小结： 本节比较重要，学生掌握情况良好
2014 - 2015 学年第 1 学期第 2 周 星期 3 第 3、4 节 第 2 章 CSS 基础
教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；
四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标 1、掌握 css基本语法 二、内容 1.图解 CSS 2.CSS 定义 3.CSS 的特点 4.css基本语法
三、重点，难点及处理方法
重点： css 基本语法和 css基本特点 难点：样式表的应用
2、了解 css 特点
2014 年 9 月 24 日
5
五、教学过程
1、引入
通过实例导入 css应用的好处：
2、新课讲授 （1）CSS的定义
CSS是 Cascading Style Sheets （2）CSS的特点
CSS通过“样式”来表示网页的颜色、字体、背景色、边框线及网页内容的位置 及大小尺寸等属性。 （3）css 样式表的类型
内部、外部、元素中的样式表三种
在网页的标记中应用“样式” ，时采用的是“层叠式”原则。 样式是由成对的属性名和属性值
以冒号“：”相间组成。
的缩写，中文为“层叠样式表” 。
一系列的“样式”以分号“； ” 相间组成为“样式表” 。
6
（4）CSS中的颜色和长度定义
CSS中的颜色是由红、蓝、绿 3 种颜色组合而成的， 每一种颜色用数字 0 至255 表示 。
（5）常见的样式属性
（6）定义样式表 对象 1, 对象 2 ,,
{ 样式表 }
内部样式表 ：是将定义样式表的内容放在 style 元素中， 并且设置 type 属性为 text/css 。然后将 style 元素放在 HTML文档的 head 元素中。 外部样式表：放在一个文本文件中，一般都是以
.css 作为扩展名，然后在 HTML
文档的 head 元素中插入 link 元素，通过下属格式将外部样式表文件连接到 HTML 文档中。
7
3、巩固练习
练习示例 2-1、2-2、2-3
五、教具，课件及挂图
所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上 用PPT课件进行演示。
六、作业及辅导
根据本次练习，课上答疑和辅导
七、课后小结： 本节比较重要，学生掌握情况良好
2014 - 2015 学年第 1 学期第 2 周 星期 4 第 3、4 节 第 2 章 CSS 基础实训
2014 年 9 月 25 日
教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；
四，教学过程（也可另用备课纸） ；五，教具，课件及挂图；六，作业及辅导； 七，课后小结。 一、教学目标
1 、根据 css基本特点和语法规则，应用 2、通过实训项目 2，提升 css应用水平 二、内容
按照实训项目 2 的要求完成实训任务 三、重点，难点及处理方法 重点：认识 HTML语法结构 四、教学过程
难点：掌握 HTML 基本标记的使用方法
css练习
1、引入
展示实训项目 2 的作品，激趣导入。 2、讲授新课
（1）调整页面边距、间距、背景色、链接颜色 （2）加入图片，并调整图片的尺寸等
8
相关推荐：
loading