掌握Dreamweaver CS5：轻松创建引人入胜的超链接技巧

在网页设计和开发中，超链接是一种不可或缺的元素，它允许用户通过点击链接从一个页面跳转到另一个页面，或者访问不同的网络资源。Adobe Dreamweaver CS5作为一款强大的网页编辑和设计工具，为用户提供了简便快捷的方法来创建和管理超链接。下面将从多个维度详细讲解如何在Dreamweaver CS5中创建超链接。

一、准备工作

在使用Dreamweaver CS5创建超链接之前，需要确保已经安装了该软件，并且有一个正在编辑或新建的HTML文档。打开Dreamweaver CS5，通过菜单栏的“文件”->“新建”来创建一个新的HTML文件，选择“空白页”-“HTML”，文档类型可以选择“XHTML 1.0 Transitional”，然后点击“创建”按钮。

二、创建文本超链接

1. 选择文本：在新建的HTML文档中，输入一些文本，比如“百度经验”。然后，用鼠标选中这段文本。

2. 插入超链接：有几种方法可以插入超链接。最常见的是通过菜单栏的“插入”->“链接”->“超链接”，或者直接右键单击选中的文本，选择“属性”->“链接”。

3. 设置链接地址：在弹出的“链接”对话框中，找到“链接到”字段，输入目标地址，即链接指向的URL。例如，输入“http://jingyan.baidu.com”，这样就可以使选中的文本“百度经验”链接到百度经验的首页。

4. 设置其他选项：在“链接”对话框中，还可以设置一些其他选项，如“目标”、“标题”和“样式”。目标选项可以设置为在新窗口或新标签页中打开链接；标题选项可以输入一个描述性的文本，当鼠标悬停在链接上时显示；样式选项可以选择适用的CSS样式来美化链接。

5. 完成创建：设置好所有选项后，点击“确定”按钮，超链接就创建完成了。在浏览器中预览网页时，点击“百度经验”这个链接，就会直接跳转到百度经验的首页。

三、创建图片超链接

创建图片超链接的步骤与创建文本超链接类似，只是需要先选中图片。

1. 插入图片：在HTML文档中，通过菜单栏的“插入”->“图像”来插入一张图片。在弹出的“选择图像源文件”对话框中，找到并选择要插入的图片，然后点击“确定”。

2. 选择图片：插入图片后，用鼠标选中图片。

3. 插入超链接：右键单击选中的图片，选择“属性”->“链接”，或者通过菜单栏的“插入”->“链接”->“超链接”来打开“链接”对话框。

4. 设置链接地址：在“链接到”字段中输入目标地址，比如一个网页的URL。

5. 完成创建：设置好其他选项后，点击“确定”按钮，图片超链接就创建完成了。在浏览器中预览网页时，点击图片就会跳转到目标地址。

四、创建锚点链接

锚点链接允许用户跳转到页面内的特定位置，这在创建长页面或需要内部导航的网页时非常有用。

1. 插入命名锚记：在HTML文档的特定位置，通过菜单栏的“插入”->“常用”->“命名锚记”来插入一个命名锚记。在弹出的“命名锚记”对话框中，输入锚记的名称，比如“section1”，然后点击“确定”。

2. 创建链接到锚记：选择要创建链接的文本或图片，打开“链接”对话框，在“链接到”字段中输入“section1”（注意前面的号），然后点击“确定”。

3. 完成创建：这样，当用户点击链接时，就会跳转到页面中名为“section1”的锚记位置。

五、创建下载文件链接

下载文件链接允许用户点击链接后下载指定的文件。

1. 选择文本或图片：选择要创建下载链接的文本或图片。

2. 插入超链接：打开“链接”对话框，在“链接到”字段中点击右侧的“浏览文件”按钮，选择站点中要下载的文件。

3. 设置链接：确认文件选择无误后，点击“确定”按钮。这样，当用户点击链接时，就会开始下载指定的文件。

六、创建电子邮件链接

电子邮件链接允许用户通过点击链接直接发送电子邮件。

1. 选择文本或图片：选择要创建电子邮件链接的文本或图片。

2. 插入超链接：打开“链接”对话框，在“链接到”字段中选择“电子邮件”，然后在弹出的“电子邮件链接”对话框中输入收件人的电子邮件地址。

3. 完成创建：点击“确定”按钮，电子邮件链接就创建完成了。在浏览器中预览网页时，点击链接会自动打开邮件