(静态网页制作复习纲要第二课时.docVIP

目 录 1 概述 1 2 超链接和 URL 1 2.1 HTML 简介 1 2.2 超链接的幕后内容 2 2.3 何为 URL？ 2 2.4 U 表示 Uniform（统一） 3 2.5 自测 3 3 绝对 URL 和相对 URL 4 3.1 关于绝对 URL 和相对 URL 4 3.2 绝对 URL 5 3.3 相对 URL 5 3.4 以一个文件夹名开头的相对 URL 6 3.5 以多个文件夹名开头的相对 URL 6 3.6 ../ 开头的相对 URL 6 3.7 练习 7 3.8 自测 9 4 超链接目标 9 4.1 链接到其他网站 10 4.2 链接到您的网站中的其他网页 10 4.3 链接到当前网页中的特定位置 10 4.4 链接到其他网页中的特定位置 11 4.5 链接到电子邮件地址 12 4.6 链接到任何类型的文件 12 4.7 练习 13 4.8 自测 14 5 创建图像映射 15 5.1 热点 15 5.2 如何在图片上绘制热点 16 5.3 练习 16 5.4 自测 18 静态网页制作复习纲要（第二课时） 概述 熟悉超链接：从了解 URL 及其语法，到向网页中插入超链接。 课程目标 在完成本课程之后，您将能够： 识别和使用绝对 URL 和相对 URL。 插入指向您的网站和其他网站中网页的超链接。 插入指向网页中特定位置的超链接。 插入指向电子邮件地址的超链接。 人们谈到超链接时，经常使用许多不同的词汇。一些人称它们为链接或热点链接。另一些人称它们为超文本，或者甚至称之为跳转。无论您使用哪个名称，超链接无疑是使网站独特的功能之一。 本课程将讲授超链接的基础知识：从标识和使用 URL 到向网页中插入链接。 超链接和 URL ?选择一些文字或一张图片。 ?单击“插入”菜单。 ?单击“超链接”。 使用 FrontPage 很容易向网页中添加超链接。实际上，大约只需三个步骤即可插入一个超链接。 首先，选择一些文字或一张图片，再单击“插入”菜单，然后单击“超链接”。 这是基本思路。在完成上述操作后，会有许多不同的选项可供选择。但是，在我们进一步学习之前，让我们先学习一些有关 HTML 和 URL 的知识。 HTML 简介 该网页 HTML 代码的外观。 课程文本 HTML 表示超文本标记语言。该语言用来为万维网创建文档。 通常，当您在 FrontPage 中创建和编辑网页时，不必对 HTML 了解太多。实际上，您可以像在其他 Microsoft Office 程序中那样创建文档，FrontPage 会自动为您创建 HTML 代码。 超链接的幕后内容 图中所示为该超链接的 HTML 代码。 课程文本 超链接不仅仅是可将您神奇地带到其他位置的、带下划线的蓝色单词。在 HTML 中，超链接背后是一个 URL，当您单击该链接时，该 URL 告诉浏览器要去的位置。 请看一看左边的示例。“Microsoft 网站”是超链接的一个示例。在它下面是该链接的 HTML 外观。 不必深究 HTML 的含义。只需注意用引号引起来的部分。这一部分是一个 URL，当您单击该链接时，该链接将把您带到该 URL 处。 何为 URL？ /default.htm URL 示例。 URL 是 Internet 上文件的唯一地址。URL 表示统一资源定位器，这意味着 URL 可以定位像网页、图片或声音文件这样的资源。 在浏览网站时，您肯定在 Web 浏览器的地址栏中见过 URL。此处所示为 URL 的一个典型示例。 在大多数时候，使用 URL 链接到万维网上的文件，就像本例所示。但是，还可以使用 URL 链接到组织的 Intranet 站点或网络服务器上的文件。 U 表示 Uniform（统一） ?协议 ?Web 服务器 ?路径 ?文件名 ?定位点 课程文本 同样，URL 表示统一资源定位器。到目前为止，您可能仍想知道“统一”一词的含义。因为 URL 遵循一致的语法或格式，所以称之为统一。左边所示为 URL 的语法。下面介绍该语法的各组成部分： 协议 协议通常是 http://，它表示超文本传输协议。该方法用来访问万维网上的网页或文件。还可以使用其他协议，如 ftp://（通过它可以在网络上的远程位置之间传输文件）或 file://（通过它可以链接到本地网络计算机上的文件）。 Web 服务器 这是包含要链接到的文件的服务器。在 Internet 上，Web 服务器通常采用“www”格式，如 中的那样。在 Intranet 上，Web 服务器仅由计算机名组成，如 http://计算机名。 路径 这