在“文档”窗口中操作

学习如何在 Dreamweaver 的“文档”窗口中切换视图以及层叠、平铺和调整该窗口。

注意:

用户界面已经在 Dreamweaver CC 和更高版本中做了简化。因此,您可能在 Dreamweaver CC 和更高版本中找不到本文中描述的一些选项。有关详细信息,请参阅此文章

在“文档”窗口中的视图间切换

您可以在“文档”窗口中通过“代码”视图、“拆分代码”视图、“设计”视图、“代码”视图和“设计”视图(“拆分”视图)或“实时”视图查看文档。您还可以选择水平或垂直查看拆分“代码”视图或“代码”和“设计”视图。(默认是水平显示。)

注意:

流体网格文档无“设计”视图选项可用。

切换到“代码”视图

  1. 执行下列操作之一:
    • 选择“查看”>“代码”。

    • 在文档工具栏中,单击“代码”按钮。

       

       

切换到拆分“代码”视图

拆分“代码”视图将文档拆分为两部分,以便您可以同时对代码的这两部分进行操作。

  1. 选择“查看”>“拆分代码”。

切换到“设计”视图

在文档工具栏中,依次单击“实时”选项旁的下拉列表、“设计”。要切换至完整的“设计”视图,请单击“设计”按钮。

显示“代码”视图和“设计”视图

 

在文档工具栏中,单击“拆分”按钮。然后,依次单击“实时”选项旁的下拉列表、“设计”。

 

垂直或水平“拆分”视图

  1. 确保处于“拆分”视图(“拆分代码”或拆分“设计”/“实时”视图)中。

  2. 要垂直“拆分”视图,请选择“视图”>“垂直拆分”。要水平“拆分”视图,请取消选择“视图”>“垂直拆分”。

以层叠方式或平铺方式放置“文档”窗口

如果一次打开了多个文档,您可以采用层叠方式或平铺方式放置这些文档。

层叠“文档”窗口

  1. 选择“窗口”>“层叠”。

以平铺方式放置“文档”窗口

  • (Windows) 选择“窗口”>“水平平铺”,或选择“窗口”>“垂直平铺”。
  • (Macintosh) 选择“窗口”>“平铺”。

调整“文档”窗口的大小

状态栏显示“文档”窗口的当前尺寸(以像素为单位)。若要将页面设计为在使用某一特定尺寸大小时具有最好的显示效果,可以将“文档”窗口调整到任一预定义大小、编辑这些预定义大小或者创建新的大小。

更改“设计”视图或“实时”视图中页面的视图大小时,仅更改视图大小的尺寸。而不更改文档大小。

除了预定义和自定义大小外,Dreamweaver 还会列出在媒体查询中指定的大小。选择与媒体查询对应的大小后,Dreamweaver 将使用该媒体查询显示页面。还可更改页面方向以预览用于移动设备的页面,在这些页面中根据设备的持握方式更改页面布局。

要调整文档窗口的大小,请从“文档”窗口底部的“窗口大小”弹出菜单中选择一种大小。

将“文档”窗口的大小调整为预定义的大小

  1. 从“文档”窗口底部的“窗口大小”弹出菜单中选择一种大小。Dreamweaver CS5.5 及更高版本提供多种选择,包括选择常用的移动设备(如下图所示)。

    显示的窗口大小反映浏览器窗口的内部尺寸(不包括边框);右侧列出显示器大小或移动设备。

    注意:

    如果对调整大小的精确程度要求不高,可使用操作系统标准的调整窗口大小的方法,如拖动窗口的右下角。

    注意:

    (仅限 Windows)“文档”窗口中的文档在默认情况下是最大化的,文档最大化后,您无法调整其大小。若要取消最大化文档,请单击文档右上角的取消最大化按钮 

更改窗口大小弹出菜单中列出的值

  1. 从“窗口大小”弹出菜单中选择“编辑大小”。
  2. 在“窗口大小”列表中单击宽度值或高度值,然后键入一个新值。

    若要使“文档”窗口仅调整为某个特定的宽度(高度保持不变),请选择一个高度值然后删除它。

  3. 单击“描述”框,输入关于某个特定大小的说明性文本。

向窗口大小弹出菜单中添加新的大小

  1. 从“窗口大小”弹出菜单中选择“编辑大小”。
  2. 单击“宽度”列中最后一个值下面的空白。
  3. 输入“宽度”和“高度”的值。

    若要仅设置“宽度”或“高度”,只需将一个字段保留为空。

  4. 单击“描述”字段以输入关于所添加大小的说明性文本。

    例如,您可能在 800 x 600 像素显示器项的旁边键入 SVGA一般 PC,而在 832 x 624 像素显示器项的旁边键入 17 英寸Mac。大多数显示器可以调整为不同的像素尺寸。

  5. 单击“应用”并关闭对话框。

    现在,可从“窗口大小”弹出菜单中使用您的新窗口大小。

设置窗口大小和连接速度

  1. 选择“编辑”>“首选参数”(Windows) 或“Dreamweaver”>“首选参数”(Macintosh)。
  2. 从左侧的“类别”列表中选择“窗口大小”。

  3. 按需自定义“窗口大小”。

Dreamweaver 中的报告

可在 Dreamweaver 中运行报告以查找内容、排除故障或测试内容。可生成以下几种类型的报告:

搜索

用于搜索标签、属性和标签中的特定文本。

参考

用于搜索有帮助的参考信息。

验证

用于检查代码或语法错误。

浏览器兼容性

用于对文档中的 HTML 进行测试,检查是否有目标浏览器所不支持的任何标签或属性。

链接检查器

用于查找和修复断开的链接、外部链接和孤立的链接。

站点报告

使您能改进工作流程,并对站点中的 HTML 属性进行测试。工作流程报告包含取出者、最近修改日期和设计备注;HTML 报告包含可合并的嵌套字体标签、辅助功能、遗漏的替换文本、冗余的嵌套标签、可删除的空标签和无标题文档。

FTP 日志

使您可以查看所有 FTP 文件传输活动。

服务器调试

用于查看信息以调试 Adobe® ColdFusion® 应用程序。

注意:

在 Dreamweaver CC 和更高版本中不再支持 ColdFusion。

更快、更轻松地获得帮助

新用户?