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页