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

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

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

谢谢!

答案1

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

答案2

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

答案3

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

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

答案4

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

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

相关内容