dreamweaver开源

编者注：本文最初于2016年3月发布，并进行了更新以反映一些最初推荐的工具中的更改。

并不是很多年前，互联网上几乎每个网页都是经过精心设计的。 这很艰难，在CSS真正扎根并得到大多数常见浏览器的良好支持之前，它常常涉及使用HTML表格以从未真正想过支持的方式一起破解布局。

CoffeeCup，HotDog，FrontPage，GoLive等产品充斥市场，许多基于Web的WYSIWYG编辑器也应运而生。 Macromedia（后来的Adobe）Dreamweaver是比较成功的工具，这是我多年来最喜欢的个人工具之一。

这些Web创作工具不仅是所见即所得的编辑工具，更是WYSIWYG编辑工具。 即使对于那些对直接编写标记语言感到满意的人，这些工具也提供了模板控制，文件管理以及仅减少创建功能代码所需时间的优点。

但是，正如这些有用的编辑人员正在扩大对网页创建的访问权限一样，其他事情也在发生。 像Drupal和WordPress这样的内容管理系统（以及之前的许多其他许多应用程序）使普通内容生产者根本不需要编辑原始HTML。 您可以轻松创建功能正常的网站，而不必担心基础标记。

那么，内容管理系统的兴起是否改变了网络？ 绝对。 是否消除了手工编写HTML的需要？ 好吧，对某些人来说，是的。 但是，随着Web从内容集合转移到应用程序平台的同时，出现了许多进行标记的新机会。 每个软件即服务应用程序，每个社交媒体网络，甚至许多移动应用程序都依赖HTML和CSS来呈现其显示。 还有那些内容管理系统？ 他们仍然需要模板才能运行。

尽管存在许多有用的库来标准化和简化Web开发过程，但Web编码不会很快被替换。 专有工具仍然很常见，但是那里有大量的开源替代品。 这是您应该考虑的一些。

1. BlueGriffon

是由Gecko支持的开源WYSIWYG编辑器，Gecko是为Mozilla Firefox开发的渲染引擎。 BlueGriffon是现已停止使用HTML编辑器NVU的少数衍生产品之一，是唯一积极开发的支持HTML5以及CSS的现代组件的NVU衍生产品。 如果您的目标是编写尽可能少的实际HTML，那么BlueGriffon是您想要的工具。 这是真正的拖放式所见即所得网站设计器，甚至包括双重视图选项，因此您可以查看设计背后的代码，以防您想要对其进行编辑或从中学习。

它还支持EPUB电子书格式，因此您不必只是发布到网络上：您可以为读者提供他们可以随身携带的内容下载。 BlueGriffon的版本获得了MPL，GPL和LGPL的许可，可用于Linux，Windows和Mac。

2. Aptana Studio

是“用于开放式Web的开源开发工具”，实际上，这意味着它更像是专门用于Web开发的高级IDE。 Aptana Studio基于开源Eclipse项目，其功能包括辅助HTML和CSS创作的工具，包括代码着色和完成，调试和文档概述。 它的主要卖点是对JavaScript的支持，使其成为开发更复杂的Web应用程序的强大工具。

3. NetBeans

是一个广泛使用的软件开发平台，用于使用Java，JavaScript，HTML5等构建Web，移动和桌面应用程序。 自1999年以来，它一直受到Oracle（及其前身Sun）的支持，并于2016年10月移至Apache基金会进行开放式治理，并简化和简化了社区贡献。 Netbeans并非完全是一个拖放式Web设计应用程序，而是一个强大的Web感知IDE。 如果您正在开发Web应用程序，或者只是喜欢为Web编码，那么这是一个不错的选择。

4. SeaMonkey

是Mozilla生产的互联网应用程序套件的社区延续。 当Mozilla决定将重点放在单个项目上时，SeaMonkey继续定期发布其完整套件，其中包括 （一个简单的WYSIWYG HTML编辑器）。 您将很难使用Composer进行高级布局（例如，您无法调整CSS的显示或属性来创建两列的文本和图像对，而必须使用无响应表），但是对于基本写有零代码的页面，这是一个现实的选择。

5. Aloha编辑器

是基于JavaScript的WYSIWYG HTML5编辑器，它允许用户以与读者查看内容相同的布局来编辑内容。 这是一个非常独特的模型，因为它本身并不完全是应用程序，而是将编辑器嵌入到HTML页面中。 它需要一个堆栈，因此，如果您不是熟悉Javascript的开发人员，则可能很难进行配置。 但是，如果您是站点管理员，正在为用户寻找易于编辑的界面以快速更新其页面，那么您应该对Aloha说“ aloha”。

6. WordPress

开源内容管理服务（CMS）和博客平台Wordpress具有结构化但灵活的页面布局界面。 它使您可以创建具有足够灵活性的博客文章和页面，以使您的创造力蓬勃发展，并且具有足够的限制以确保您的创作在所有浏览器中都能正确呈现。 使用Wordpress，您可以在每个步骤中选择所需的复杂度。 您可以使用其方法对其进行自我托管，也可以从购买托管。 您可以使用拖放设计器来创建页面，也可以自己使用HTML和PHP。 您可以选择一个主题，也可以设计和创建自己的主题。 对于任何想要运行网站的人来说，这都是一个很好的资源。

7.尝试使用高级文本编辑器

尽管不一定适合初学者，但许多文本编辑器提供了其他功能，这些功能对于编辑HTML / CSS文档的人非常有用。 当与具有内置调试工具的现代浏览器并排使用时，使用其中一种功能与使用专用解决方案一样可能会提高工作效率。 我们的最爱包括：

• 称自己为“ 21世纪可入侵的文本编辑器”。 它由GitHub开发，具有开箱即用HTML和CSS支持，并提供许多其他插件。
• 是Adobe开发的基于JavaScript的文本编辑器，用于Web设计和前端开发。 它吹捧其内联编辑器，实时预览和预处理器支持功能，以使其更易于在浏览器中进行网页设计。
• 或 。 在不参加这两个传统文本编辑器之间的激烈斗争的情况下，我可以放心地说，对于这两者，Web编辑有许多增强功能。 因此，如果您已经是终端迷，请选择。 或者，如果不满意，请尝试使用这些 。

这些解决方案中的任何一个是否是Dreamweaver的逐项功能复制或其他专有工具？ 当然不是。 他们不是被设计成。 他们每个人都有自己的路线图和目标，以及自己的优点和缺点。 Web设计是一个拥有许多应用程序和方法的广阔世界。 花点时间找到满足您需求的工作流程。 试用新工具，看看您喜欢什么，不喜欢它，并在评论中与更广泛的社区分享您的反馈。

您是否有兴趣阅读更多此类文章？ 订阅我们的 。

翻译自:

dreamweaver开源