web编程基础 html css,01Web编程基础(3HTML与CSS).pdf

01Web编程基础(3HTML与CSS).pdf

Web编程基础

Web编程基础

(3)

(3)

张英锋

张英锋

J2EE、Oracle讲师

J2EE、Oracle讲师

Mail:zyf@

Mail:zyf@

MSN:sinoastro@

MSN:sinoastro@

zyf@ 齐鲁软件园华信培训中心 第1页

主要内容

主要内容

1. 概述

1. 概述

2. HTTP协议

2. HTTP协议

3. HTML与CSS (选讲)

3. HTML与CSS (选讲)

4. JavaScript与DOM (选讲)

4. JavaScript与DOM (选讲)

zyf@ 齐鲁软件园华信培训中心 第2页

3 HTML与CSS

3 HTML与CSS

3.1 DHTML概述

3.1 DHTML概述

3.2 HTML

3.2 HTML

3.3 CSS

3.3 CSS

zyf@ 齐鲁软件园华信培训中心 第3页

3.1 DHTML概述

3.1 DHTML概述

DHTML是Dynamic HTML的缩写，即

DHTML是Dynamic HTML的缩写，即

动态HTML。

动态HTML。

DHTML只是一组技术的泛称，与原有的

DHTML只是一组技术的泛称，与原有的

静态的HTML相对应。

静态的HTML相对应。

这些技术主要包括：HTML、CSS、

这些技术主要包括：HTML、CSS、

JavaScript和DOM。

JavaScript和DOM。

他们之间是相互协作的关系，即通过组合这

他们之间是相互协作的关系，即通过组合这

些技术，可以提高静态HTML页面的表现和

些技术，可以提高静态HTML页面的表现和

交互能力。

交互能力。

zyf@ 齐鲁软件园华信培训中心 第4页

HTML用来定义页面元素，即数据。

HTML用来定义页面元素，即数据。

CSS用来描述元素属性，如大小、颜

CSS用来描述元素属性，如大小、颜

色、位置等，即数据的表现。

色、位置等，即数据的表现。

DOM提供一套对象模型和一组API，用

DOM提供一套对象模型和一组API，用

来访问操作页面元素，即数据的接口。

来访问操作页面元素，即数据的接口。

JavaScript则提供一种基于对象的编程

JavaScript则提供一种基于对象的编程

语言，用来控制以上对象。

语言，用来控制以上对象。

zyf@ 齐鲁软件园华信培训中心 第5页

示例：一个静态HTML页面

示例：一个静态HTML页