跳到主要内容

在 Dreamweaver CS5 中创建链接

  • Dreamweaver CS5 & CS5.5

通过 Dreamweaver CS5 中的多种方法，从网页上的文本、图像和其他元素创建链接。学习如何设置链接文本、用于无障碍的链接标题、链接目标和链接目的地。

方法一：使用插入菜单​

此方法提供最多的自定义选项，方便您直接在页面上添加链接。

  1. 点击页面以标记链接的位置，或高亮要使用的文本。
  2. 转到插入菜单。
  3. 选择超链接。

超链接对话框将随即打开。

方法二：使用插入面板​

与上述方法类似，此方法允许直接在页面上添加链接。

  1. 点击页面以标记链接的位置，或高亮要使用的文本。
  2. 转到插入面板。
  3. 选择常用标签。
  4. 点击超链接图标（第一个图标，形似链条）。

超链接对话框将随即打开。

方法三：使用属性检查器​

此方法允许您在不打断或离开工作流程环境的情况下添加超链接。

  1. 点击页面以标记链接的位置，或高亮要使用的文本。
  2. 转到属性检查器。
  3. 点击HTML 标签图标。
  4. 定位到链接字段。
  5. 选择指向文件或浏览文件。
  • 如果选择指向文件，按住鼠标左键，将其拖动到文件面板中想要链接的文件上。这会打开文件夹，方便访问所有文件。
  • 如果选择浏览文件，则会弹出超链接对话框。

超链接对话框​

超链接对话框中提供以下选项：

  • 文本定义要链接的文本（如果尚未选中）。
  • 链接可以直接输入，也可以浏览文件链接。
  • 目标允许用户决定链接如何显示，可以选择在新窗口中打开（_blank）或其他各种选项。
  • 访问键和Tab 索引均为用户可选功能，可根据需要使用，能够辅助特定链接的可访问性和用户体验。

入门教程​

  • 什么是 Dreamweaver CS5？
    1. 定义新站点
    1. 创建新文档
    1. 为文本添加结构
    1. 管理资源
    1. 在页面上放置图像
  • 6. 创建链接
    1. 理解样式表（CSS）
    1. 从属性检查器控制 CSS
    1. 使用实时视图和 CSS 检查

Dreamweaver 是 Adobe 推出的一款流行的网站和应用程序创建软件。它支持 HTML5、CSS3、PHP、FTP、jQuery 等，并兼容 HostGator 网络托管。

您可以访问 Adobe 官网或 Dreamweaver 教程学习门户，了解更多关于 Dreamweaver 的信息。