第8章(XP与2003).ppt

第8章 网页设计基础 本章主要内容 8.1 概述 8.1.1 网页的基本概念 1. 网站与网页 Web（WWW）网由形形式式的Web站点组成 Web站点由一系列精心策划和组织的网页组成 什么是超链接？ 2. Web的特点 超文本、图形界面、与平台无关，分布式、交互、动态 超媒体进一步扩展了超文本的信息类型 3. HTML语言 超文本标记语言。用来编制网页文档(也称HTML文档) 。并不需要经过编译，只需要通过浏览器来打开就可以看到结果 采用了标记方式，描述了每个在网页上的组件，例如文本段落、文本格式、图像、超链接等 通过超文本链接能方便地进行各种信息之间切换 HTML版本 欧洲粒子物理实验室(CERN)首次提出来的 HTML2.0 →HTML3.0 →HTML3.2 →HTML4.0 DHTML（动态HTML） 动态HTML能够使网页下载到浏览器以后仍然能够随时变换 包含多种技术，如JavaScript, VBScript, Document Object Model(DOM, 文档对象模型), Layers和CSS等 4. XML语言 扩展标记语言XML(eXtensible Markup Language)是一种新兴的面向Web应用的标记语言 HTML无法描述数据内容，而XML能够定义数据元素和属性。其最大优点是适合网上发布和在网页上组织信息。 不少电子商务采用以XML为基础的文件来交换网络数据 8.1.2 两个简单的HTML文档 例8-1 显示“欢迎您来到HTML世界” HTML HEAD TITLE 例8-1 /TITLE /HEAD BODY 欢迎您来到HTML世界 /BODY /HTML 假设把该文档存放在当前站点中，文件名为“Welcome.htm” 例8-2 建立含有两个网页链接的HTML文档 HTMLHEAD TITLE 例8-2 /TITLE /HEAD BODY PA HREF=“Welcome.htm” 欢迎您 /A/P HR PA HREF=“/” 浏览北大 /A/P /BODY/HTML 其中: P/P表示分段 HR表示一条水平线 A HREF……/A表示插入超级链接 8.1.3 HTML文档的基本结构 (1) 每个HTML文档(网页)以标记HTML开始，以/HTML结束 四种基本标记如下： HTML/HTML 标明文档的开始和结束，定义文档 HEAD/HEAD 标明文档的头部 TITLE/TITLE 标明标题，显示在浏览器的标题栏中 BODY/BODY 标明文档的主体 (2) HTML文档一般由两部分组成：头部和主体 (3) 标记以“”、“”及标记名组成 双边标记： 标记……/标记 示例： BODY …….. /BODY 单边标记： 标记 示例： HR 一个不包含任何内容的基本HTML文档可以如下所示： HTML HEAD TITLE/TITLE /HEAD BODY /BODY /HTML 该文档可作为一个Web页标准模板，以后每次创建新