第7章网页设计基础资料.ppt

第七章 网页基础;学习目标;Part 1;Internet ;Internet提供的主要服务;WWW;Web 服务器与浏览器;Web 服务器与浏览器;HTTP;HTML;网页与网站;主 页;　　HTML 由国际组织 W3C（万维网联盟）制定和维护，目前常用的HTML的版本是 4.0（几乎所有浏览器都支持），HTML 4.01对 HTML 4.0 作了一些小的修正。本课程的主要内容是以 4.0 为基础的。 　　如果需要了解 HTML 的更详细情况，请访问 W3C 的官方网站：，可以从该网站中获得必威体育精装版的 HTML 规范。;HTML和CSS;CSS 层叠样式表;XML和XHTML;统一资源定位器（URL）;URL举例;Web服务器及其工作原理;浏览网页的工作过程;网页技术概况;网页编辑和美化工具;超文本标识语言（HTML）;超文本标识语言（HTML）;Dreamweaver;FrontPage;Photoshop;Fireworks;Flash;学习HTML的重要性;Part 2; 如果在浏览器中任意打开一个网页，然后在窗口中空白位置单击鼠标右键，选择“查看源文件”命令（或者选择“查看”菜单中的“源文件”命令），则系统会启动“记事本”，其中包含一些文本信息。;中华人民共和国教育部网站;中华人民共和国教育部网站首页源程序;　　这些文本其实就是网页的本质—— HTML 源代码。HTML（HyperText Markup Language，超文本标记语言）是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容的显示。 　　例如，用 table 标记符可以在网页上定义一个表格。;中华人民共和国教育部教育管理信息中心网页;中华人民共和国教育部教育管理信息中心网页源程序;　　超文本是相对普通文本而言的，与普通文本按顺序定位不同，超文本最典型的特点就是文本中包含指向其他位置的链接，通过这些链接使文档组织成了网状结构，如下图所示（这实际上也是 WWW 信息组织的基本原理）。;图　超文本示意图; 在 HTML 文档中，通过使用标记符可以告诉浏览器如何显示网页，即确定内容的显示格式。浏览器按顺序读取 HTML 文件，然后根据内容周围的 HTML 标记符解释和显示各种内容。 　　例如，如果为某段内容添加 H1/H1 标记符，则浏览器会以比一般文字大的粗体字显示该段内容，如下图所示。;图 　浏览器解释 HTML 标记符示意;HTML标签概述;HTML标签概述;HTML标签概述;HTML标签的属性 ;HTML标签的属性 ;Web页的基本结构;HTML文档结构;在浏览器上的显示结果;从上述代码中我们可以看出HTML文档的基本结构如下图所示：;网页文件命名;HEAD标签;HEAD标签;TITLE标签;BODY标签;BODY标签;BODY标签的常用语法格式;小 结