在代码视图、拆分代码视图、设计视图、代码视图和设计视图（拆分视图）或文档窗口中的实时视图中查看文档。
文档窗口显示当前文档。 您可以选择以下任意视图：
设计视图 用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。 在此视图中，Dreamweaver 显示文档的完全可编辑的视觉表示形式，类似于您在浏览器中查看页面时听到的内容。
代码视图 用于创作和编辑 HTML、JavaScript、服务器语言代码（例如 PHP 或 ColdFusion 标记语言 (CFML)）以及任何其他类型的代码的手动编码环境。
拆分代码视图 代码视图的拆分版本，可让您滚动以同时处理文档的不同部分。
代码和设计视图使您可以在一个窗口中查看同一文档的代码视图和设计视图。
与设计视图一样，实时视图更真实地显示文档在浏览器中的呈现方式，并让您可以像在浏览器中一样与文档进行交互。 实时视图不可编辑。 但是，您可以在代码视图中进行编辑，然后刷新实时视图以查看您的编辑。
仅当在实时视图中查看文档时，实时代码视图才可用。 “实时代码”视图显示浏览器用于执行页面的实际代码，当您与“实时”视图中的页面交互时，该代码可以动态更改。 实时代码视图不可编辑。
当“文档”窗口最大化（默认）时，“文档”窗口底部会出现选项卡，显示所有打开文档的文件名。 如果您尚未保存所做的更改，Dreamweaver 将在文件名后显示一个星号。
要切换到文档，请单击其选项卡。
Dreamweaver 将在文档选项卡下显示“相关文件”工具栏（如果在单独的窗口中查看文档，则在文档的标题栏下）。 相关文档是指与当前文件关联的文档，例如 CSS 文件或 JavaScript 文件。 要在“文档”窗口中打开这些相关文件之一网站首页模板代码网站首页模板代码，请在“相关文件”工具栏上单击其文件名。
【如何用DW编辑网站模板】相关文章：
1、DW网页编辑中常用表达式的实现方法
2、如何使用DW8实现网页区域的选择显示
3.如何使用Dreamweaver实现网站的批量更新
4、Dw网页设计制作小方法
5.DW使用常见问题及解答
6.使用DWMX制作导航下拉菜单
7、DW8中应用CSS怎么没有效果？
8.如何用Photoshop处理人像
9.如何用PS处理照片
