第七章 超级链接.ppt

超级链接 超链接的概念与路径知识 文本超链接 图像超链接 空链接 命名锚记超链接 链接管理 一、超级链接的基本概念 超级链接在互联网中起到了联系网络信息的作用，通过超级链接可以从一个站点跳转到另一个站点，也可以从一个页面跳转到另一个页面，从而实现网络的浏览功能。通过超级链接可以在不同的网站或网页中自由地畅游，所以超级链接在网页制作方面非常重要。 超链接的主要作用是将物理上无序的内容组成一个有机的统一体。超链接对象上存放某个网页文件的地址，以便用户打开相应的网页文件。在浏览网页时，当用户将鼠标指针移到文字或图像上时，鼠标指针会改变形状或颜色，这就是在提示浏览者：此对象为链接对象。用户只需单击这些链接对象，就可完成打开链接的网页、下载文件、打开邮件工具收发邮件等操作。 绝对路径与相对路径 在超级链接中，绝对路径提供了链接网页文档的完整URL地址，如：/index/htm。 相对路径可以表述为源端点同目标点之间的相互位置，它同源端点的位置密切相关，如果链接中源端点和目标端点在同一个目录下，则在链接路径中只需要指明目标端点的文件名称即可。 1、 abc.htm 表示文件与链接文件在同一目录 2、web/abc.htm表示web文件夹与链接文件在同一目录 3、../web/abc.htm “../”表示上一层文件夹 二、文本超链接 课堂案例——04.htm 创建文本链接 下载文件链接 电子邮件链接 空链接 脚本链接 课堂案例——04.htm 创建文本链接 使用“属性”面板创建链接的具体操作步骤如下。 （1）在网页中选中创建链接的文字。 （2）在“属性”面板中单击“链接”文本框右边的 按钮，在弹出的“选择文件”对话框中选择一个文件作为超链接目标。 （3）单击“确定”按钮，即可创建链接。 在“属性”面板的“目标”下拉列表中选择文档的打开方式，如下所示。 _blank 将链接的文件加载到一个未命名的新浏览器窗口中。 _parent 将链接的文件加载到含有该链接的框架的父框架集或父窗口中。如果包含链接的框架不是嵌套的，则链接文件加载到整个浏览器窗口中。 _self 将链接的文件加载到该链接所在的同一框架或窗口中。此目标是默认的，所以通常不需要指定它。 _top 将链接的文件加载到整个浏览器窗口中，因而会删除所有框架。 使用指向文件图标创建链接 在“属性”面板中拖动“链接”文本框右边的“指向文件”按钮 以创建链接，拖动鼠标时会出现一条带箭头的细线，指示要拖动的位置，指向链接的文件后，释放鼠标，即会链接到该文件。 使用菜单命令创建链接 选择要创建链接的文本或图像，执行“插入记录”|“创建链接”命令，弹出“创建链接”对话框。 下载文件链接 浏览网站的目的往往是查找并下载资料，下载文件可利用下载文件链接来实现。建立下载文件链接的步骤如同创建文字链接，区别在于所链接的文件不是网页文件而是其他文件，如.exe、.zip等文件。 建立下载文件链接的具体操作步骤如下。 （1）在文档窗口中选择需添加下载文件链接的网页对象。 （2）在“链接”选项的文本框中指定链接文件。 （3）按F12快捷键预览网页。 电子邮件链接 网页只能作为单向传播的工具，将网站的信息传给浏览者，但网站建立者需要接收使用者的反馈信息，一种有效的方式是让浏览者给网站发送E-mail。在网页制作中使用电子邮件超链接就可以实现。 每当浏览者单击包含电子邮件超链接的网页对象时，就会打开邮件处理工具，并且自动将收信人地址设为网站建设者的邮箱地址，方便浏览者给网站发送反馈信息。 利用“属性”面板建立电子邮件超链接 利用“电子邮件链接”对话框建立电子邮件超链接 空链接 空链接用于向网页中的对象或文本附加行为。具体步骤如下： （1）打开要创建空链接的网页文档，选中文字。 （2）执行“窗口”|“属性”命令，打开属性面板，在面板中的“链接”文本框中输入javascript:;,在“目标”文本框中输入“_black”，即可新建一个空链接。 脚本链接 脚本链接是一个执行JavaScript代码或调用JavaScript函数的链接，可以实现在不离开当前Web页面的情况下为访问者提供有关某项的附加信息。 选中文字“关闭窗口”，在属性面板中的“链接”文本框中输入javascript:window.close(),保存文档，按F12在浏览器中预览，单击“关闭窗口”按钮会自动弹出一个提示对话框，提示是否关闭窗口，单击“是”按钮即可关闭窗口，效果如下图所示。 三、命名锚记超链接 课堂案例——04-1.htm 命名锚记链接 课堂案例——04-1.htm 命名锚记链接 若网页的内容很长，为了寻找一个主题，浏览者往往需要拖曳滚动条进行查看，非常不方便。Dreamweaver CS4提供了锚点链接功能可快