Dreamweaver入门:如何查看html代码

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

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

 

 

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

 

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

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

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