网页设计与制作教程_第2版 北京市精品教材 赵丰年 吕宜宏 第4章 使用超链接新课件.pptVIP

第4章 使用超链接 本章要点 4.1 超链接基础 4.2 创建超链接 4.3 管理链接 4.1.1 什么是 URL 超链接是用 URL（Universal Resource Locator，统一资源定位器）定位目标信息。URL 是表示 Web 上资源的一种方法，通常可以理解为资源的地址。 一个 URL 通常包括 3 个部分：一个协议代码、一个装有所需文件的计算机地址（或一个电子邮件地址等），以及具体的文件地址和文件名。 4.1.1 什么是 URL（续） 协议表明应使用何种方法获得所需的信息，最常用的协议包括：HTTP、FTP、mailto、news、telnet 等。 当用户在 Internet 上浏览或定位资源时，常常可以省略所要访问信息的详细地址和文件名，因为服务器会按照默认设置为访问者定位资源。 例如，如果在浏览器的地址栏输入“” ，实际上是访问“/index.htm”或其他一个服务器设置为主页的文件。 4.1.2 绝对 URL 与相对 URL 绝对 URL 是指 Internet 上资源的完整地址，包括完整的协议种类、计算机域名（所谓域名是指一个能够反映出 Web 服务器实际位置的化名）和包含路径的文档名。其形式为：协议：//计算机域名/文档名。 例如，/pubic/HTML/example.htm 就表示一个绝对 URL，其中“http”表示用来访问文档的协议的名称，“”表示文档所在计算机的域名，“/pubic/HTML/example.htm”表示文档名。 如果在网页中需要指定外部 Internet 资源，应该使用绝对 URL。 4.1.2 绝对 URL 与相对 URL（续） 相对 URL 是指 Internet 上相对于当前页面（即正在访问的页面）的地址，它包含从当前页面指向目的页面位置的路径。例如：public/example.htm 就是一个相对 URL，它表示当前页面所在目录下 public 子目录中的 example.htm 文档。 当使用相对 URL 时，可以使用与 DOS 文件目录类似的两个特殊符号：句点（.）和双重句点（..），分别表示当前目录和上一级目录（父目录）。 4.1.3 超链接的分类 根据链接目标文件的不同，分为： 页面链接 锚记超链接 电子邮件超链接 下载超链接 根据链接源（即鼠标单击对象）的不同，分为： 文字超链接 图像超链接 图像映射 对象（例如Flash）超链接 4.2 创建超链接 使用 Dreamweaver 可以创建形式多样的超链接，包括：页面链接、文件下载链接、E-Mail链接、锚记链接等。 4.2.1 超链接操作 在 Dreamweaver 中，创建超链接的常用步骤： （1）在文档中选择作为超链接的网页对象（这个对象通常是文本、图像、按钮或者其他网页对象）。 （2）单击属性检查器中的“指向文件”按钮 ，然后在“文件”面板中拖拽鼠标，将箭头指向超链接要跳转到的网页文档或文件上，随后属性检查器“链接”框内出现超链接地址，即表示为链接源创建了超链接。 如果要取消超链接，应选取作为超链接的网页对象，然后将属性检查器上“链接”框内的超链接文件地址删除。 4.2.2 页面链接 页面链接是指在同一站点中指向其他网页或文件的超链接，浏览者单击这样的超链接时将跳转到相应的网页或显示相应文件，页面链接采用的是相对 URL。 创建页面链接需要创建 2 个网页文件，一个是超链接所在的网页，另一个是超链接要跳转的网页。 4.2.2 页面链接（续） 演示——创建页面链接（p57~p59） 4.2.3 文件下载链接 如果设置超链接的目标文件是浏览器不能直接显示的文件格式（例如压缩文件 .zip 格式或 .rar 格式等），那么单击该超链接时将弹出文件下载对话框，提示浏览者进行下载。 创建文件下载链接方法：首先选择作为链接的文本或图像，然后在属性检查器中的“链接”框旁单击“浏览”按钮 ，打开“选择文件”对话框，定位“查找范围”到作为下载链接的目标文件夹后选择该文件，最后单击“确定”。 4.2.4 E-Mail 链接 E-Mail链接就是指当浏览者单击该超链接时，系统会启动客户端电子邮件程序（例如 Outlook Express 或 Foxmail）并打开新邮件窗口，使访问者能方便地撰写电子邮件。 演示—— 创建E-Mail链接（p61） 4.2.5 锚记链接 如果网页中包含了大量的文字，设计者可以考虑在网页中使用锚记链接。锚记链接就是在页面的特定区域指定一个锚记，然后创建一个指向锚记的链接，单击链接时浏览器自动跳转到“锚记”所在区域。 演示—— 创建锚记链接（p62~p63） 4.3 管理链接 本节介绍 Dreamweaver提供的两种实用的链接管理功能：