Dreamweaver入门:如何查看html代码

来源:百度文库 编辑:神马文学网 时间:2024/04/27 18:30:56

查看代码
  Dreamweaver 允许您以下面两种方式中的任意一种查看页面:“设计”视图(在“设计”视图中文档看起来与它在浏览器中的外观非常相似)或“代码”视图(您可以在“代码”视图中看到基础 HTML 代码)。您还可以使用同时显示“代码”视图和“设计”视图的拆分视图。

若要查看页面的 HTML 代码,请执行以下操作:
如果“文档”工具栏不可见,则选择“视图”>“工具栏”>“文档”。
在“文档”工具栏中,单击“显示代码视图和设计视图”按钮(它标记为“拆分”)。   

该窗口会拆分,同时显示“设计”视图和基础 HTML 代码。

 


您可以在“代码”视图中编辑代码。对代码进行的更改在您刷新视图之前不会出现在“设计”视图中。

要使代码更改显示在“设计”视图中,请按以下进行操作:
将插入点放置在要查看代码更改的位置中,然后执行以下的一项操作:
单击“设计”视图中的任意位置。
单击“文档”工具栏中的“刷新”按钮。

当您处理自己的网页时,您可以使用任何一个最适合的视图。若要只显示“设计”视图,请执行以下操作:
如果“文档”工具栏不可见,则选择“视图”>“工具栏”>“文档”。
在“文档”工具栏中,单击“设计视图”按钮。