Dreamweaver，如何将窗口分成 3 种方式以同时显示 HTML、CSS 和设计视图？

Question

我刚买了一台 27 英寸的 Cinema Display，似乎我可以更有效地使用 Dreamweaver 中的工作区。如果能够在不切换窗口的情况下编辑给定页面的 HTML 文件和 CSS 文件，并且能够使用实时视图实时查看网站上的效果，那就太好了。我知道有一个 CSS 面板，但我更喜欢在代码视图中手动编辑。我在 Google 上搜索了一下，但到目前为止还没有找到任何解决方案。我希望这是可能的……

谢谢！

Answer 1

使用代码检查器可能没有帮助，因为它会回显代码视图的相同代码内容。您可以在文件窗口/面板中双击另一个代码文件（可以是 css、js 或 php）。该文件将在单独的代码窗口中加载。现在转到窗口并选择水平或垂直平铺/

Answer 2

我认为，最好的办法是打开窗口 > 代码检查器，然后手动排列，让三个视图并排显示。这也是让我很烦恼的缺点之一。

Answer 3

在 Dreamweaver CC 中，您可以通过 3 个步骤轻松实现此目的：

1. 关闭除您想查看的标签之外的其他标签
2. 去窗口 > 垂直平铺（或者水平放置，但我更喜欢垂直放置）
3. 当文本光标位于要显示设计视图的文件中时，单击分裂在窗口顶部的工具栏中

Answer 4

我也遇到了同样的问题，我有一台 55 英寸的索尼 Bravia 大电视，分辨率为 4K。打开 6 个窗口时效率极高。

我从“Tan Gek Hua”那里找到了解决方案。打开代码检查器，然后双击代码文件（例如“.css”或“.js”），Dreamweaver 会神奇地将其从自己的代码窗口中弹出。