HTML教案第四章由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“html教案第一章”。
第9次课 CSS基础 课时：4课时
一、教学目标
1.2.3.4.会创建无下划线的超链接样式 会创建统一外观的字体文本 会创建个性化的表单 会创建个性化的表格
二、教学重点
1.样式的基本语法
2.会创建常见的样式：统一的文字、颜色等外观、无下划线的超链接、细边框输入框
三、教学难点
内嵌样式、行内样式、样式表文件的使用场合
四、教学过程
【回顾】[10分钟] 回顾之前所学基本标签，引导学生在网页美化以及格式修改中遇到的问难。从而引入样式表。
前几次课所学的标签，在网页中呈现出的效果，比较简单，样式比较单一。CSS主要用于改变网页中标签的样式，使网页变得更华丽。可以从外观上更能吸引读者。CSS相当于华丽的衣服样式表能实现内容与样式的分离，方便团队开发。
1.样式表的基本语法[10分钟]
1)样式表的基本结构。2)样式规则并举例说明。3)引入类样式。
课堂案例：样式表的基本语法
2.文本属性[10分钟] 引入：
首先从文本的大小，颜色，字体等来描述文本属性。强调用样式来实现文本的大小颜色字体的显示的好处
5.方框属性[15分钟]
引入：
首先从文本的大小，颜色，字体等来描述文本属性。 讲解要点：
1)盒子模式：以网页中放入的一副图片，说明盒子模式设计的各种边界、填充、边框的含义。
2)应用边框属性、填充属性，制作常见的表格多列中分界线样式。3)应用边框属性，制作细边框输入框样式。
课堂案例：
6.特殊样式[5分钟]
讲解要点：
无下划线的超俩链接的制作方法。 课堂案例：
7.课堂练习2[10分钟]
编写如下图所示效果对应的HTML代码
一、作业布置
参考答案： 外部样式表练习
拍拍用户登陆 5
QQ号码 忘记QQ号码>> QQ密码 忘记密码>>
HTML语言一、基本元素1.html元素：… 2.head元素：… 3.title元素：在浏览器标题栏和windows任务栏上显示… 4.body元素：…......
《HTML基础》教案教材：《dreamweaver cs3网页制作与实训》执教：罗执清一、教学目标：1、了解HTML的概念、作用及特点2、理解HTML文档结构3、掌握标签的使用规范4、了解常用标签......
课程名称：使用HTML语言开发商业站点教案《HTML》理论课教案第5章 使用Dreamweaver制作网页一、整章授课思路 [100分钟] ........................................................
课程名称：使用HTML语言开发商业站点教案《 HTML 》理论课教案第4章 CSS样式表一、整章授课思路 [100分钟] ....................................................................
课程名称：使用HTML语言开发商业站点教案《HTML》理论课教案第3章 表单和框架一、整章授课思路 [100分钟] .....................................................................
