Dreamweaver CS4：完美世界的强大工具

借助刚刚发布的Dreamweaver CS4，Adobe承认Web设计已经发展。 设计人员不再满足于将自己局限于使用所见即所得工具构建的东西； 相反，Dreamweaver CS4将重点转移到为像您和我这样精通代码的前端设计师提供强大的工具！ Dreamweaver CS4以WebKit渲染引擎为核心，在客户端设计的各个方面都采用了最佳实践。 如果只有它，它会在服务器端运行。

在Dreamweaver CS3之前（包括Dreamweaver CS3之前），该程序显然是为了保护Web设计人员免受构建网站所用的所有令人恐惧的代码的影响。 它使您可以使用工具栏按钮和属性检查器而不是标签和属性来生成HTML标记。 它使您可以使用向导和面板而不是CSS规则和属性来设置标记的样式。 如果需要，可以在这里查看代码视图，但是该程序会尽力确保您不需要。

近年来，由于越来越多的设计师需要控制他们的代码，这已经成为一场失败的战斗。 成品看起来像什么都不重要； 设计人员也开始关注代码的外观。 Dreamweaver试图将代码隐藏在简单工具后面的有益尝试不仅仅是帮助，更是一个障碍。

显然，Adobe一直在关注。 尽管“所见即所得”设计视图以及面板和向导仍然存在，但Dreamweaver CS4还是增加了对全新工作方式的支持-一种主要面向代码的方式。

在Dreamweaver CS4中打开HTML（或PHP，ColdFusion，JSP，ASP，ASP.NET）文件，新的“ 相关文件”栏立即显示网站中用于在浏览器中显示该页面（或汇编）的所有其他代码文件。它在服务器上）。 打开Live Preview ，而不是页面的愚蠢的所见即所得视图，您将看到具有所有服务器端和JavaScript支持的功能完整的完全渲染的页面。

实时预览不仅由Safari和Google Chrome等浏览器的核心提供动力，还由开源WebKit引擎提供支持，它不仅是预览，而且是代码导航工具：双击页面上的任何元素，代码面板将跳至负责生成它的HTML代码。 如果该代码包含在另一个文件中，则会在“相关文件”栏中自动选择该文件，这样您就可以编辑它而无需离开主文件（或其实时预览）！

会变得更好：在Live Preview中按住Alt键单击（在Mac上为⌘⌥键单击）任何元素，然后弹出Code Navigator，其中包含有助于元素外观的CSS规则细分！ 单击其中任何一个，直接跳到相关代码行，您可以在其中进行调整并立即观看Live Preview更新。

另一半如何生活

由于侧重于硬核前端编码，Dreamweaver CS4值得一整代认为自己已经不具备此功能的Web设计师的关注。 多年来，Dreamweaver再次首次为处于领先地位的开发人员（而不是落后的开发人员）提供工具。

这并不是说Dreamweaver CS4是完美的。 由于它包含并支持当前一代的前端编码器，因此领先的服务器端开发人员被遗忘了。 几乎可以说，这是基于应用程序中的一个基本假设：您网站的URL结构与其文件结构相对应。

在更简单的时间内，您网站上每个独特的页面设计都由HTML文件或生成HTML的服务器端脚本文件表示。 如果要在浏览器中查看该页面，请在URL中键入文件的名称。 如果要编辑页面，请在Dreamweaver中打开文件。

我不认识你，但是几年来我还没有建立这样的网站。 如今，网站是使用功能强大的服务器端框架构建的，该框架将URL动态转换为要执行的操作，要查询的数据，或在某些情况下要显示的HTML视图模板。 在这样的系统中，负责生成HTML页面的文件名通常与用于请求它们的URL几乎没有共同点。 例如，URL路径/article/12/page/3可能映射到名为/templates/article.tpl的模板文件。

开箱即用，Dreamweaver无法处理这种代码库。 如果您打开（说）一个实际上处理浏览器请求的PHP脚本，Dreamweaver的“相关文件”栏将无法找到组成您网站页面的任何HTML，CSS或JavaScript代码。 如果打开HTML模板，Dreamweaver的实时视图将无法找出正确的URL，以请求获取使用该模板的页面。

观看第一步...

Dreamweaver一直是不完美世界的工具。 在以前的版本中，它旨在支持陷入旧式工作方式的开发人员，他们回避了进入构建站点的代码。

借助CS4，Dreamweaver迈出了一步，走出了海洋，迈向了现代Web开发的干旱地区。 它认识到当今领先的开发人员关心代码，并希望使用能够帮助他们编写而不是向其隐藏代码的工具。 如果您有足够的精力在静态站点上工作，准备初始模型以便以后与服务器端代码集成，或者如果您也仅迈出了现代Web开发的第一步，Dreamweaver CS4可能是您的理想工具。 可悲的是，我现在必须等待Adobe坚定地站稳脚跟。

真可惜。 Dreamweaver CS4的前端编码工具非常强大，我希望每个Web开发人员都可以使用它们！ 老实说，自从我自己考虑使用Dreamweaver以来已经有将近十年了，但是我真的很想使用Dreamweaver CS4。

也许可以通过一个光滑的Dreamweaver扩展来弥补这一差距。 将其称为实时URL映射器。 有了它，开发人员可以配置Live Preview用于请求HTML模板文件的URL，以及他们引用的静态资源（图像，CSS和JavaScript文件）。 是否可行取决于Dreamweaver CS4的Live Preview机制的可扩展性。

如果不是这样，使用当今最先进的服务器端框架的开发人员将不得不等待Dreamweaver CS5。 拥有如此强大的客户端工具集，对于Adobe而言，将其关注点转向现代服务器端框架世界才是有意义的。 如果Adobe在支持现代前端开发方面所做的任何工作都差不多，那么它将引起很多人的轰动，包括我的。

From: https://www.sitepoint.com/dreamweaver-cs4-a-powerful-tool-for-an-imperfect-world/