HTML教案第四章_html教案第一章

HTML教案第四章由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“html教案第一章”。

课程名称：使用HTML语言开发商业站点

教案

《 HTML 》理论课教案

第4章 CSS样式表

一、整章授课思路 [100分钟].................................................................................................................2 1.2.2.1 2.2 2.3 3.回顾、预习检查、任务、目标部分 [10分钟].....................................................2 [表单页面的基本结枸[10分钟].............................................................................2 为什么需要表单？.......................................................................2 表单包含的控件：.....................................错误！未定义书签。表单页面的基本结构。.............................错误！未定义书签。

各种表单控件的逐一介绍[20分钟].......................................................................3 3.1 表单元素的统一格式。.............................错误！未定义书签。3.2 各种表单元素逐一介绍，先讲解语法，然后举例错误！未定义书签。4.5.5.1 5.2 5.3 5.4 5.5 6.7.课堂练习[15分钟]...................................................................................................3 框架[25分钟]..........................................................................错误！未定义书签。框架窗口的组成...........................................................................3 框架的使用场合。.....................................错误！未定义书签。框架的基本结构。.....................................错误！未定义书签。如何创建多个复杂的窗口。.....................错误！未定义书签。如何设置窗口链接的显示位置。.............错误！未定义书签。

课堂练习2[15分钟]................................................................................................5 总结[5分钟].............................................................................................................6

二、学员问题汇总...................................................................................................错误！未定义书签。

三、作业布置.............................................................................................................................................7

课程名称：使用HTML语言开发商业站点

教案

CSS主要用于改变网页中标签的样式，使网页变得更华丽。可以从外观上更能吸引读者。CSS相当于华丽的衣服

样式表能实现内容与样式的分离，方便团队开发。

4.样式表的基本语法[10分钟]

1)样式表的基本结构。2)样式规则并举例说明。3)引入类样式。

 课堂案例：样式表的基本语法

5.文本属性[5分钟] 引入：

首先从文本的大小，颜色，字体等来描述文本属性。强调用样式来实现文本的大小颜色字体的显示的好处

课堂案例：

6.课堂练习[10分钟]

做“申请表”的表单练习，参考“课堂联系案例课堂练习1”。

7.背景属性[5分钟]

 引入：

首先从文本的大小，颜色，字体等来描述文本属性。 讲解要点：

backcolor , background-image ,background-repeat 3个属性的基本用法。

 注意：

课程名称：使用HTML语言开发商业站点

教案

9.特殊样式[5分钟]

 讲解要点：

无下划线的超俩链接的制作方法。 课堂案例：

10.课堂练习2[10分钟]

编写如下图所示效果对应的HTML代码

11.制作图片按钮[10分钟]  讲解要点：

图片按钮的制作方法。 课堂案例：

课程名称：使用HTML语言开发商业站点

教案

二、作业布置

参考答案： 外部样式表练习

拍拍用户登陆 QQ号码 忘记QQ号码>>7 课程名称：使用HTML语言开发商业站点

教案

QQ密码 忘记密码>>