跳到主要内容

在页面上放置图片 - Dreamweaver CS5

  • Dreamweaver CS5 & CS5.5

探索在 Dreamweaver CS5 中向您的网站添加图片和艺术作品的不同技巧。使用插入菜单或插入面板的常用类别选择并插入图片，或者从文件或资产面板拖放图片。

方法一：使用插入菜单​

以下方法比其他方法提供更多选项，允许您浏览和筛选文件系统或数据库中的图片。它还展示了浏览器如何解析图片 URL。

  1. 点击页面，指定图片插入的位置。
  2. 点击 插入 菜单。
  3. 选择 图片。

随后会弹出 选择图片来源 对话框。
这些步骤可以使用以下快捷键简化：

Windows 用户： CTRL + ALT + i
Mac 用户： CMD + OPT + i

方法二：使用插入面板​

此方法类似于使用插入菜单，但更易访问，因为该面板可直接在工作流程中打开。

  1. 点击页面，指定图片放置的位置。
  2. 打开 插入面板。
  3. 选择 常用 选项卡。
  4. 找到 图片 图标。
  5. 点击图片图标旁边的下拉箭头。
  6. 选择 图片。随后将打开 图片来源 菜单。
  7. 选择图片文件是来自文件系统还是数据源（数据源从数据库提取）。
  8. 找到图片文件，单击图片以选择它。
  9. 点击 确定。

之后将打开 图片标签可访问性属性 菜单。

方法三：使用文件面板​

此方法允许图片直接应用到页面，且自定义选项最少。

  1. 点击页面，指定图片放置的位置。
  2. 打开 文件面板。
  3. 找到 图片文件。
  4. 单击图片以选择它。
  5. 从面板将图片拖放到页面上的目标位置。

之后将出现 图片标签可访问性属性 菜单。

方法四：使用资产面板​

此方法同样允许图片直接应用到页面，且自定义选项最少。

  1. 点击页面，指定图片放置的位置。
  2. 打开 资产面板。
  3. 找到并单击图片文件。
  4. 点击面板左下角的 插入 按钮。随后将打开 图片标签可访问性属性 菜单。
  5. 在弹出菜单中，您可以为新插入的图片应用以下内容：
  • 指定的替代文本
  • 长描述
  1. 点击 确定，将文本或描述应用到图片。

入门教程​

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

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

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