Dreamweaver8ppt教程第06章.ppt

第1页 Dreamweaver 8 入门与实例教程 第06章 编织网站超级链接 □ 本章知识点及学习目标 本章全部以实例的形式介绍了网页中各种超级链接的使用方法，如文本超级链接、E_mail链接、图像热点链接、下载文件链接、锚记链接等。读者在学习本章内容的过程中，可以结合自己所浏览的网页分析这些网页中都运用到了那些类型的超级链接，可以加深对本章内容的理解。 本书内容概览 6.1超级链接基础 6.1.1URL概述 6.1.2相对路径和绝对路径 6.1.3在Web上使用链接 6.2创建超级链接 6.2.1创建文本链接导航 6.2.2创建E-mail链接 6.2.3创建图像热点链接 6.2.4创建下载文件的链接网页 6.3创建锚点链接网页 6.3.1插入命名锚记 6.3.2创建命名锚记链接 6.4实战演练 6.4.1 范例1 创建图像映射网页 6.4.2 范例2 创建空链接 6.5 思考与练习 6.1超级链接基础 网络中的一个个页面都是通过超级链接的形式关联在一起的。可以说超级链接是网页中最重要、最根本的原始之一，如果没有超级链接的存在，网络中的互连便失去了方向，因为网页间相互失去了联系。正是因为有了网页间的超级链接才形成了现在互联网中繁荣复杂的网络世界。 在学习这些超级链接前，先学习一下超级链接基础知识。 6.1.1URL概述 URL（Uniform Resource Locator，简称URL），称为统一资源定位符。URL主要用于指定欲取得Internet上资源的位置与方式。一个URL包括了以上所有的信息。它的构成为： [资源取得方式]：//[URL地址][port]/[目录]/…/[文件名称] 其中[资源取得方式]是访问该资源所采用的协议，它可以是： http:// 超文本传输协议。 ftp:// 文件传输协议。 Gopher:// gopher协议。 Mailto： 电子邮件地址（不需要两条斜杠）。 News： 新闻组（不需要两条斜杠）。 Telnet： 使用Telnet协议的互动会话（不需要两条斜杠）。 File: //本地文件。 [URL地址]是存放该资源主机的IP地址，通常以字符形式出现。例如。 [Port]是服务器在该主机所使用的端口号。一般情况下端口号不需要指定。只有当服务器所使用的端口号不是缺省的端口号时才指定。 [目录]和[文件名称]是该资源的路径和文件名。 6.1.2相对路径和绝对路径 要正确创建链接，必须了解链接与被链接文档之间的路径。每个网页都有一个唯一的地址，称为统一资源定位符（URL）。然而，当用户创建内部链接（同一站点内一个文档向另一个文档之间的链接）时，一般不会指定被链接文档的完整URL，而是指定一个相对于当前文档或站点根文件夹的相对路径。 下面介绍常用的三种文档路径类型： 绝对路径：绝对路径就是被链接文档的完整URL，包括所使用的传输协议（对于网页通常是http://）。（从一个网站的网页链接到另一个网站的网页）时，必须使用绝对路径，能保证当一个网站的网址发生变化，被引用令一个页面的链接还是有效的。例如（/support/dreamw eaver /contents.html）。 文档相对路径：以以前文档所在位置为起点到被连接文档经由的路径。这是用于本地链接最适宜的路径。例如，dreamweaver/contents.htm就是一个文档相对路径。当用户要把当前文档与处在相同文件夹中的另一文档链接，或把同一网站下不同文件夹中的文档相互链接时，就可以使用相对路径。 根相对路径：根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。例如，/support/tips.html就是站点根文件夹下的support子文件夹中的一个文件（tips.html）的根相对路径。根相对路径是指定网站内文档链接的最好方法，因为在移动一个包含相对链接的文档时，无需对原有的链接进行修改。 6.1.3在Web上使用链接 链接在建设网站时非常重要，它把众多网页构成了一个有机的整体，用户可以通过单击链接访问相关的资料、新闻等。所以很有必要了解链接的概念，并能熟练掌握链接的应用。 6.2创建超级链接 网页中的链接可以分为文本超级链接、电子邮件超级链接、图像超级链接、图像热点超级链接、下载文件超级链接等等。 6.2.1创建文本链接导航 在浏览网页时，鼠标经过某些文本，其形状会发生变化，通常鼠标会变成一个小手。同时文本也发生了一些变化（出现下划线、文本颜色发生变化、字体发生改变等）。此时单击鼠标，会打开文本所链接的网页，这就是文本超