Dreamweaver超链接教程:掌握超链接的创建与应用

需积分: 3 1 下载量 102 浏览量 更新于2024-07-31 收藏 795KB PPT 举报
"Dreamweaver教程,讲解超链接的创建与管理" 在网页设计领域,Adobe Dreamweaver是一款不可或缺的工具,尤其对于初学者而言,它提供了直观易用的界面和强大的功能,帮助用户轻松创建和编辑网页。本教程的重点在于超链接的使用,这是网页设计中的核心元素之一,使得浏览者能够从一个页面跳转到另一个页面或访问网络上的其他资源。 9.1超链接概述 超链接是网页的灵魂,它们构成了互联网的脉络,使得信息的浏览和交互变得可能。超链接可以是文字、图像甚至是图像的一部分,用户点击后,即可跳转到指定的目标。超链接的基本概念包括: - 绝对路径:指明目标文件在服务器上的完整路径,包括协议、主机名、路径和文件名。 - 相对路径:仅提供相对于当前文件的目标路径,更灵活但需要正确理解其工作原理。 9.1.1超链接的基本概念 超链接的类型多种多样,包括: - 超文本链接:最常见的链接形式,通常由文字组成,可链接到同一站点或外部站点的网页。 - 命名锚链接:在同一网页内创建链接,使用户可以直接跳转到页面的特定部分。 - 图像链接:将图像作为链接的触发点,点击图像可跳转到新页面。 - 电子邮件链接:允许用户直接通过浏览器发送电子邮件。 - 热区链接:在图像上定义特定区域作为链接,点击不同区域跳转至不同目标。 - 空链接:链接无目标,通常用于JavaScript或其他脚本事件。 9.1.2超链接的路径 理解绝对路径和相对路径是掌握超链接的关键。绝对路径提供了完整路径,不受当前文件位置影响,而相对路径则根据当前文件的位置确定目标位置,更适用于网站内部链接。 9.2超文本链接 9.2.1创建与文档的链接 创建与本地文档的链接是构建网站的基础。例如,要将一个页面链接到同一站点的另一个页面,只需在"属性检查器"中设置链接文本和目标文档的相对路径。 9.2.2创建与外部网页的链接 与外部网页的链接则涉及到网络上的其他资源。在Dreamweaver中,可以选中文本或图像,然后在"属性检查器"中输入完整的URL地址,如"www.bnu.edu.cn",并选择打开链接的新窗口行为,如"_blank",这将使链接在新的浏览器窗口中打开。 此外,Dreamweaver还支持创建电子邮件链接,通过在"链接"文本框中输入"mailto:",后面加上电子邮件地址,用户点击链接即可启动默认的邮件客户端。 通过深入学习和实践这些超链接的创建和管理技巧,用户将能够利用Dreamweaver有效地构建和组织网站,提高用户体验,并实现更高效的网页导航。无论是新手还是经验丰富的开发者,掌握超链接的运用都将极大地提升其在网页设计领域的专业能力。