查看代码

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

1. 请确保 index.html 文件在文档窗口中打开。

   注意

   如果您未通过完成前面的教程来完成 index.html 文件，请参见本教程中的介绍以了解如何继续操作。

2. 在"文档"工具栏中，单击"显示代码视图和设计视图"按钮（它标记为"拆分"）。

   
   
   

   注意

   如果未显示"文档"工具栏，请选择"视图">"工具栏">"文档"。

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

   
   
   

   您可以在"代码"视图中编辑代码。除非单击"文档"工具栏中的"刷新"，或在"设计"视图中的任意位置单击，否则对代码所做的更改不会在"设计"视图中显示。

3. （可选）若要仅显示"设计"视图，请单击"设计"视图。
4. （可选）若要仅显示"代码"视图，请单击"代码"视图。

当您处理自己的页面时，可以使用任何一个最适合的视图。本指南中的大部分教程都假定您使用的是"设计"视图。