第06章节链接.pptVIP

第6章 链 接 第6章 链 接 链接(又称超级链接或超链接)是Web应用系统的一个主要特征，每个网站都有很多网页组成，链接可以使站点内的网页成为有机的整体，还能够的在不同站点之间建立联系。本章主要介绍怎样在Dreamweaver中对文字、图像等对象创建链接，以及如何对链接进行管理和设置。 6.1.1 链接的基本概念 链接是在页面之间进行切换和指导用户进入一些未知页面的主要手段，它由两部分组成：链接载体(源端点)和链接目标(目标端点)。许多页面元素可以作为链接载体，如：文本、图像、图像热区、轮替图像、动画等。而链接目标可以是任意网络资源，如：页面、图像、声音、程序、其他网站、Email甚至是页面中的某个位置——锚点。当浏览者单击已经设置链接的链接载体后，链接目标将显示在浏览器上或根据目标的类型来打开或运行。 6.1.2 超文本链接标记 在HTML语言中，超文本链接标记通过锚标记a和/a来实现。此标记需成对出现，以a 属性定义开始，/a结束。常用的属性有： href：定义链接目标。 title：定义当鼠标移动到链接上时出现的提示文字。 target：设定链接目标显示的窗口，如target=_bank表示在新窗口中打开目标。 例如： a href= target=_bank搜狐主页/a 这段代码表示当单击“搜狐主页”这几个文字时，将在新的浏览器窗口中打开“”网站主页。 6.1.3 链接目标的位置和路径 1．绝对路径 绝对路径提供了所链接网页的完整URL，而且包括所使用的协议(对于Web页，通常使用http://)。 例如： n248250771.shtml 6.1.3 链接目标的位置和路径 1．相对路径 相对路径的基本思想是省略掉对于当前网页和所链接的网页都相同的绝对URL部分，而只提供不同的路径部分。对于大多数Web站点的本地链接来说，相对路径是最适合使用的路径。相对路径又可分为“文档相对路径”和“根目录相对路径”两种。 6.1.3 链接目标的位置和路径 1．相对路径 (1) 文档相对路径 在当前网页与所链接的网页处于同一文件夹内，而且可能一直保持这种状态的情况下，文档相对路径特别有用。文档相对路径也可用来链接到其它文件夹中的文档，方法是利用文件夹层次结构，指定从当前网页到所链接网页的路径。文档相对路径有以下三种形式： ① 链接目标与当前网页在同一文件夹中时，只需提供被链接网页的文件名即可。 ② 链接目标位于当前网页所在文件夹的子文件夹中时，需要提供子文件夹名和文件名，中间用正斜杠(/)分隔。如：“dreamweaver/main.html”。 ③ 链接目标位于当前网页所在文件夹的父文件夹中时，要在文件名前加上“../”(“..”表示上级文件夹)。 6.1.3 链接目标的位置和路径 1．相对路径 (2) 根目录相对路径 根目录相对路径提供从站点的根目录到文档的路径。站点根目录相对路径以一个正斜杠开始，该正斜杠表示站点根文件夹。 例如： /support/tips.html 6.2 创建链接 6.2.1 在文档窗口创建链接 _blank：在新的浏览器窗口打开链接文档。 _parent：在该链接所在框架(框架的概念参见第七章)的父框架或父窗口中打开链接文档。如果包含链接的框架不是嵌套框架，则在整个浏览器窗口中打开所链接的文档。 _self：在和链接所在的同一框架或窗口中打开链接文档，此选项为是默认选项。 _top：用整个浏览器窗口打开链接文档。 6.2.2 使用指向文件图标 6.2.3 命名锚记 有时候一个网页内容很多、很长，浏览者靠拖动滚动条寻找感兴趣内容很不方便，这时可以根据网页的内容，将其分为若干个主题，每个主题设置一个“命名锚记”，创建到这些命名锚记的链接，可以使用户快捷定位到自己感兴趣的主题上。 创建到命名锚记的链接首先需要创建命名锚记，然后再创建到该命名锚记的链接。 6.2.4 插入文本链接 6.2.5 链接到电子邮件 6.2.6 图像地图 图像地图指已被分为多个热点的图像，每个热点均可定义相应的链接，点击图像地图的不同热点可以链接到不同的文档或执行相应操作。 1．创建图像地图 2．修改图像地图 6.2.7 脚本链接 脚本链接通过执行JavaScript代码或调用JavaScript函数，能够在不离开当前网页的情况下为访问者提供有关某项的附加信息。脚本链接还可用于在访问者单击特定项时，执行计算、表单验证和其它处理任务。 例如，在【链接】文本框中键入“javascript:alert(‘该链接指向主文件’)”可生成这样一个链接：单击该链接时，会显示一个含有“该链接指向主文件”