上一页下一页

使用代码提示添加图像

在此课程中，您将向“位置”页添加一个徽标。

若要手动将代码添加到页面上，只需在“文档”窗口中单击并开始键入即可。您还可以使用在 Dreamweaver 中提供的新的代码提示功能以加快工作速度。

若要借助于代码提示编写代码，请执行以下操作：
  1. 如果 location_start.htm 尚未打开，则在“代码”视图中打开它。
  2. 查找用于包含文本“The International Car Rental Specialists”的表格行的代码；在代码中为位于该文本前面的单元格选择非换行的空格实体 ( )：
    3. <td rowspan="2" bgcolor="#424973">&nbsp;</td>
  3. 键入图像标签的左尖括号 (<)。

    4. 在插入点处出现标签列表。

    备注： 您可以通过选择“编辑”>“参数选择”或“Dreamweaver”>“参数选择”(Mac OS X)，然后从左侧的分类列表中选择“代码提示”，设置延迟的时间长度。您可以通过按空格键打开“代码提示”，并且您可以通过按 Esc 键随时关闭“代码提示”。

  4. 从列表中选择 img 标签，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh) 以插入该标签。

    5. 提示： 若要迅速滚动到一个标签，请键入该标签的第一个字母。

  5. 按空格键可以显示该标签的属性列表。
  6. 键入 src，然后按下 Enter 键 (Windows) 或 Return 键 (Macintosh)。

    7. “浏览”按钮随即出现在您刚键入的代码下。

  7. 选择“浏览”按钮以定位到该图像文件，或者输入图像文件路径 Assets/images/logo.jpg。
  8. 按下空格键，选择 alt 属性，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。
  9. 键入 Logo，然后将光标移到在单词 Logo 后出现的引号的右侧。
  10. 按空格键，选择 align 属性，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。

    11. 即会显示 align 属性的已知值列表。

  11. 从该列表中选择 top，然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。
  12. 键入右尖括号 (>) 以完成该标签。
  13. 在“文档”窗口中，选择“文件”>“保存”。

若要将属性添加到现有标签中，请将插入点置于恰好在该标签的结束尖括号 (>) 之前的地方并按空格键。即会显示属性列表。添加该属性并指定该属性的值（如果它具有值）。

  上一页下一页