dreamweaver开源_Dreamweaver的7种开源替代品

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

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

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

3. NetBeans

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

4. SeaMonkey

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

5. Aloha编辑器

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

6. WordPress

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

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

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

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

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

您是否有兴趣阅读更多此类文章? 订阅我们的每周电子邮件通讯

翻译自: https://opensource.com/alternatives/dreamweaver

dreamweaver开源

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Dreamweaver 外部插件 名称 简介 Alwaysontop 可以使弹出的窗口始终位于顶端 Browse4redirct 页面自动重定向到某个地址 Moustrail 鼠标移动带有"轨迹" windowresizer 指定窗口的分辨率 Pageborder 设定页边距 ColourDethRedirect 根据访问者的的屏幕颜色数选定相应页面 Framewizard 制作各样式的帧结构 FrameBuster 监测是否现在在一个帧中,如果在跳出帧结构 Makemaillink 建立邮件连接 Makenewslink 建立新闻组连接 Fullscreen Opener 在新窗口中以全屏幕方式打开页面 close onblur 光标移出窗口时自动关闭该窗口 CSS on resolution 根据不同的分辨率调入相应的外部css文件 Css on platform 根据不同的操作系统调入相应的外部css文件 Css on Browser 根据不同的浏览器调入相应的外部css文件 FontTagKiller 将页面中所有的标记清除 jsonbrowser 根据不同的浏览器选择不同的js代码 Remove lines from maps IE4会在可点图激活时候显示虚线框,该命令移走这个框 Tag killer 将指定的标签从页面中清除 InsertCustom Tag 插入自定义标签 set global Var 在head标签中设置javascript的全局变量 windwo mover 将窗口移到屏幕的指定地方 dreamshow 使图片像播放幻灯一样顺序播放 Show-HideallLayers 隐藏或者显示所有的层 OpenerLocation 在新窗口中打开指定的url Flash3_detector 监测是否支持flash3 redirect 可以根据浏览器操作系统等多条件调入相应页面 Centrewindow 自动将窗口置中 One by one(behavior+command) 在显示当前层的时候,自动隐藏前一个层 maxmizewindow 最大化窗口 Open full screen window 打开一个新的全屏幕的窗口 printcrossbrowser 弹出打印对话框 Audioembed 可以嵌入midi文件并设置为循环播放 Background_that_fit 不论怎样缩放窗口背景图片总是和窗口一样大 Basetarget 设定页面的的base URL Timestamp 为页面加上时间戳,这下最新更动时间不用每次再自己写了 guestbook-o-matic 不用cgi制作自己的留言本 quicktimeobj 插入quicktime文件 Flash3embedder 插入Flash3文件 realvideo 插入real文件 js depending on browser 根据不同的浏览器选择不同的javascript代码 Externel CSS file 插入外部的CSS文件 Externel Javascript file 插入外部的js文件 Video embed 插入activemovie windowsMaxmizer 最大化窗口   名称 简介 Reverse Timeline Reverse Timeline可以从TIMELINE的帧15倒放到帧1,但必须将其放到TIMELINE的文件夹下,否则它不会工作 Layer f(x) Behavior 这个Behavior 可以让一个层(layer)按照一个圆形、螺旋形或一些 特殊的轨迹运动。 Align Layers 这个Action的功能是让用户可以将一个layer象table一样的在屏幕上 进行竖直或水平排列对齐,同时这个插件还可以设置整个html页面的边距。 Layer Transitions 包含了12网页中常见的层变化效果的插件,在IE和NN内都能够正常 显示。 Back to my frame 在网页中加入这个action后浏览器将会判断当前的页面是否包含在一 个帧中,如果结果为否则会自动跳转到指定的url地址。 History Go 2.0 这个Behavior的作用是在网页中增加一个“History Go”的javascri pt,从而可以实现类似于浏览器中的“前进”和“后退”按钮的功能。 Print 3.0

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值