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教案

《HTML基础》教案

教材：《dreamweaver cs3网页制作与实训》

执教：罗执清

一、教学目标：

1、了解HTML的概念、作用及特点

2、理解HTML文档结构

3、掌握标签的使用规范

4、了解常用标签的用法

二、教学重点：

1、HTML文件结构

2、标签使用规范

3、常用标签的使用

三、教学难点： HTML概念的理解

四、教学方法：

直观演示和任务驱动相结合

五、教学过程：

1、回顾站点管理相关操作

2、HTML概念及作用

3、HTML文件结构

：HTML文档开始。

：文档头部开始。

：文档标题结束。

：文档头部结束。

：文档主体开始。

一个简单的网页：文档主体内容，它是网页的最主要部分。

第三篇：HTML 教案

HTML语言

一、基本元素

1.html元素：… 2.head元素：… 3.title元素：在浏览器标题栏和windows任务栏上显示