使用代码提示添加图像

要手动将代码添加到页面中,请在"代码"视图中单击,然后开始键入。您可以使用代码提示功能来提高编写代码的速度。

本节中,您将使用代码提示将路标图像添加到 Cafe Townsend 索引页面中。

  1. 如果 index.html 页面尚未打开,则打开它。
  2. 在"设计"视图中,选择 street_sign.jpg 图像(它位于 Flash 视频占位符的下方)并按 Delete 键。

    现在,您将使用代码提示重新插入该图像,而不是像在教程:向页面添加内容中那样从"资源"面板中拖动它。

  3. 通过单击"文档"工具栏中的"代码"视图或通过选择"查看">"代码视图"切换到"代码"视图。

    在"代码"视图中,插入点应位于开始段落标签和结束段落标签之间,如下所示:



    如果在封闭表单元格 </td> 标签之前未看到开始段落标签和结束段落标签,则按如下所示键入它们:



    将插入点放置在开始 <p> 标签和结束 <p> 标签之间。

  4. 删除可能位于开始 <p> 标签和结束 <p> 标签之间的所有内容,例如,不中断空格 (&nbsp;)。
  5. 将插入点放置在开始<p> 标签和结束 <p> 标签之间后,键入一个左尖括号 (<)。

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



  6. 从列表中选择 img 标签,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh) 插入该标签的第一个部分。
  7. 按空格键可以显示该标签的属性列表。
  8. 开始键入 src,在提示菜单中选定 src 属性,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。



    在您刚键入的代码下随即出现浏览 一词,并且处于选定状态。

  9. 按 Enter 键 (Windows) 或 Return 键 (Macintosh) 浏览至一个文件。
  10. 在"选择文件"对话框中,定位到 street_sign.jpg 文件(它位于 cafe_townsend 根文件夹的 images 文件夹中),然后单击"确定"(Windows) 或"选择"(Macintosh)。



    该图像的 URL 会作为 src 属性的值插入,插入点出现在右引号之后。

  11. 按空格键,从提示菜单中选择 alt 属性,然后按 Enter 键 (Windows) 或 Return 键 (Macintosh)。
  12. 不要在引号中填写内容,因为此图像只是一个插图。

    使用右箭头键将插入点移动到引号的右侧。

  13. 键入一个右尖括号 (>) 完成该标签。



  14. 保存页面。



未找到评论

 

评论添加到页面后给我发送电子邮件 | 评论报告

当前页: http://www.ecnnl.com/doc/dreamweaver/8_cn/using/gs_08_c7.htm

 

E中荷|荷兰华人电子商务