Editores web que facilitan tu trabajo
Optimiza tu tiempo y mejora tu experiencia en el diseño y desarrollo en internet utilizando editores web. En este artículo te mostramos una lista de alternativas en el medio, puedes agregar o recomendar tu favorito.
Adobe Dreamweaver CS3:
Dreamweaver aunque es de pago, es una de las herramientas más utilizadas para la creación de sitios web. Desarrollada para los grupos de usuarios principiantes y avanzados.
La importancia que nos brinda su herramienta de extensiones la cual nos permite añadir funciones a dreamweaver desarrolladas por Adobe, comunidad de usuarios u otros, las cuales le agregar funcionalidades a esta aplicación.
- Características: plataformas Windows y MAC, disponible en varios idiomas, completamiento muy bueno, coloreado en las sintaxis del código, lenguajes: HTML, Coldfusion, PHP, ASP VBScript, ASP.NET C#, Javascript, XML, XSLT, CSS, ActionScript, JSP, entre otros. Incluye Framework para AJAX, administrador CSS, compatibilidad con dispositivos móviles, integración con Adobe Photoshop y Adobe Fireworks.
- Ventajas: genera código bastante limpio, permite la creación de páginas en diferentes lenguajes, creación de plantillas, definición de sitio.
- Desventajas: requiere de conexión a Internet para registrar el producto, requiere como mínimo de 512 MB de RAM para poder instalarlo, costo de la licencia.
Zend Studio:
Es un IDE por sus siglas en inglés (Integrated Development Environment) destinado a desarrolladores profesionales. Es un IDE propietario, compatible con las plataformas Linux, MAC y Windows.
Incluye todos los componentes necesarios durante el ciclo de vida de una aplicación en PHP. Incluye editor, análisis, depuración, optimizadores de código y herramientas de base de datos. Zend Studio nos permite agiliza el desarrollo web y permite simplificar proyectos complejos.
- Características: excelente completamiento de código, coloreado en la sintaxis del código,
administración avanzada de proyectos, múltiples lenguajes, incorpora el Framework de Zend, PHP Documentor, manual de PHP. Integración con subversión, los navegadores, integración avanzada con FTP. Soporte para Web Services, PHP4, PHP5 y SQL. - Ventajas: agiliza nuestro trabajo, cuenta con un buen Depurador, infinitas opciones que permiten un desarrollo profesional de nuestras aplicaciones.
- Desventajas: requiere Licencia de pago, no incluye editor visual HTML, un poco complejo.
Coda:
Es un editor de texto creado por la gente de Panic para el sistema operativo mac, orientado al desarrollo web. Integra un gestor de sites, cliente SSH, editor visual de hojas de estilo. Su licencia tiene un costo de 79 dólares. Su versión 1,1 soporta JPS-HTML y ActionScript.
- Características: Interface cómodo e intuitivo, el editor de texto incorpora auto-completación para los lenguajes más comunes, organización de archivos abiertos en pestañas, trabaja de manera fluida, funciona para el sistema operativo mac.
- Ventajas: incorpora un potente editor de texto, maneja lenguajes HTML, XHTML, CSS, Javascript, Java, Perl, Python, Ruby y SQL. Dispone de conexión Terminal por SSH.
- Desventajas: costo de la licencia, no es compatible con otros sistemas operativos, solo mac.
Texmate:
Es un editor de texto desarrollado para la plataforma de mac. Su licencia tiene un costo de 60 dólares. La herramienta cuenta con una comunidad seguidora y su sitio web, permite que los usuarios puedan accesar a su blog, manual, wiki y la comunidad.
- Características: interfaz gráfica, el manejo sencillo de los archivos. Manejo de Scripts.
- Ventajas: manejo de bloques, menú de marcadores, buscado entre documentos.
- Desvantajas: no cuenta con smart-tags, costo de la licencia.
Aptana:
Aptana es un IDE para el desarrollo web. Incorpora características completas, sincronización, y administración de proyectos. Nos permite incorporarle funciones mediante plugins. Soporte para las plataformas Microsoft Windows, Mac y Linux.
Está enfocado principalmente a Javascript y AJAX. Cuenta con una Edición gratis para la comunidad y otra Profesional de pago. Luego de algunos años de la creación de este proyecto Aptana recibió muchas descargas que lo hacen popular.
- Características: desarrollo HTML, CSS, Javascript, soporte para AJAX, incluye librerías AJAX mas populares (JQuery, Prototype, YUI, Spry, entre otras), soporte para el desarrollo Adobe AIR y iPhone mediante plugins, desarrollo Ruby on Rails, PHP mediante plugins, protocolos de comunicación FTP.
- Características de Edición Profesional: editor JSON (Javascript Object Notation), protocolos de Comunicación FTPS, SFTP, soporte en Forum.
- Ventajas: permite comprobar la compatibilidad de las funciones con los diferentes navegadores, multiplataforma, sincronización con carpetas locales y remotas, incluye plugins para Eclipse.
- Desventajas: consumo de recursos.
NVU:
Es un editor compatible con las plataformas Windows, MAC y Linux. Es un proyecto opensource, con licencias MPL/GPL/LGPL. NVU está basado en la plataforma de Mozilla y en el diseño de Gecko. Desarrollado principalmente por Linspire.
- Características: administrador de sitios mediante FTP, Editor CSS, Incluye validador HTML y CSS.
- Ventajas: muy rápido, fácil de usar, permite mantenimiento según los estándares W3C, soporte para XML y CSS.
- Desventajas: solo permite el trabajo mediante tablas, muy pocas opciones, soporte para pocos lenguajes.
Kompozer:
Kompozer es un editor web WYSIWYG basado en Nvu, que cuenta con licencia GPL. Creado con el fin de ser una alternativa libre a Adobe Dreamweaver, surge luego de Nvu, quien dejo de ser desarrollado. Fue bautizado con el nombre de Kompozer debido a que el mismo estaba registrado por Linspire. Compatible con las plataformas Windows, MAC, Linux, Debian, RedHat.
- Características: incluido administrador de ficheros via FTP, editor CSS,
barras de herramientas administrables, validador HTML. - Ventajas: fácil de usar, software libre, multiplataforma, soporte para varios idiomas.
- Desventajas: pocas opciones para el desarrollo, puede dificultarnos el desarrollo de nuestra aplicación, al contar pocas herramientas que nos agilicen el trabajo.
Komodo:
Komodo pertenece a la familia de los IDE Integrated Development Environment. La misma es una aplicación de pago. Esta herramienta permita la programación en lenguajes dinámicos. Disponible para las plataformas Linux, MAC y Windows.
- Características: soporte para lenguajes: CSS, HTML, Javascript, XML, Perl, PHP, Python, Ruby, autocompletamiento de código, chequeo de sintaxis, colores en la sintaxis, vista previa del HTML, administrador de proyectos, permite añadir extensiones o plugin para añadir características.
- Ventajas: rápido y cómodo, ayuda a agilizar el desarrollo de nuestra aplicación.
- Desventajas: costo de la licencia, no incluye un depurador.
Quanta Plus:
Quanta es un Editor HTML basado en el código de Bluefish. Es un proyecto opensource, bajo la licencia GPL. Disponible para plataformas Linux, bajo el entorno KDE.
- Características: administrador de proyectos, soporte HTML, XML, PHP, CSS, plantillas, soporte de plugins, integrado vista previa de los archivos.
- Ventajas: gratuito, fácil de utilizar, brinda color al código, rápido, completamiento de código.
- Desventajas: dificulta la rapidez de desarrollo.
Los invitamos a participar en este artículo, exponiendo sus experiencias, y los editores web más utilizados o preferidos.
[…] Encuentre mas información en : Maestros del Web >> Editores web que facilitan tu trabajo […]
Te falto mencionar el PHPDesigner 2008 el cual es un muy buen programa para desarrollar websites basados en PHP.
El mejor de los que he probado: PSPad, editor de texto con resalte de sintaxis, gestión de proyectos y archivos, plantillas y macros variadas para convertir código a HTML (listas, tablas)…
También gratuito
Bonita reseña. Solo quisiera dar mis puntos de vista:
1. Adobe Dreameaver es muy bueno. Pero, mencionaste que entre las ventajas estaba el que generaba codigo limpio; cosa que no comparto en especial cuanto utilizas el modo gráfico. De hecho recuerdo que en la conferencia de Exponet del año pasado mencionaron a Adobe Dreamweaver y esta debilidad. La verdad la mayor virtud de Dreamweaver es su vista previa.
2. Coda, es excelente. TextMate no lo recomiendo, lo he probado y la verdad me ha decepcionado. Ahora, si hablamos de editores para Mac OS se te olvido mencionar Smultron que es libre y tiene más soporte para idiomas de Coda y TextMate. Ahora, de todos prefiero Coda por su smart-tags.
3. Tienes razón en que Komodo es de pago, pero existe una versión de la misma compañía que es gratuita y muy buena llamada Komodo Edit.
Por lo demás la reseña está buena.
microsoft web expresions , es de pago pero es igual de bueno que el dreamweaver y para desarrollar con .net muchisimo mejor .
Faltan los de MicroSoft –
Visual Studio.
Microsoft Expression.
Te faltó Netbeans… netbeans.org que en su última versión 6.0 soporta Ruby y de muy buena manera.
Además de ser gratuito.
La única desventaja q le encuentro es que es algo “pesado” a la hora de cargar.
yo ocupo dreamweaver en mi pcbsd y funciona bien.
A mí lo que me vendría como anillo al dedo es un IDE para desarrollo y DEBUG de JavaScript… alguien sabe alguno?
Gracias
Hola CHucky, te recomiendo Aptana. Pruebalo, me gusto mucho la forma que tiene para mostrar para que navegadores son compatibles sus funciones.
Cual es la interfaz grafica de textmate?
falto mencionar en la lista a editplus.
muy fácil crear sintaxis propias.
muy liviano al abrir (pesa menos de 1mb)
fácil de usar
tiene una lista enorme de etiquetas para agregar a la pagina que estamos creando
(la cual es tambien muy facil de perzonalizar)
tiene un sistema de ftp bastante sencillo de uusar
buen soporte para UTF8
se descarga desde su web http://www.editplus.com
En las ventajas de Aptana pones: “poco consumo de recursos”, y en las desventajas: “consumo de recursos”.
Será una errata, no?
Personalmente me quedo con Notepad++ para windows i Smultron para Mac.
Notepad++ tiene muchos y buenos plugins ( FTP, Selector de colores, funciones, sincronización, etc…)
Open Komodo (openkomodo.com) que es de código abierto y de los mismo de ActiveState.
Pues yo empeze con Notepad asi tal y como viene en Windows, luego de mucha busqueda de un buen reemplazo encontre Notepad2 el cual ilumina la sintaxis de muchos lenguajes, aunque yo trabajo en puro web. Despues de llegar a la oficina (antes trabajaba en casa) como soy el unico que usa Windows me recomendaron que usara e – Text Editor que es lo mas parecido a Textmate y la verdad que he dado un salto muy grande. Lo recomiendo mucho.
Pues les cuento que para mi como dreamweaber no hay 2, aunque soy amante del software libre desde hace años simplemente no puedo dejar de usar los software de macromedia, es verdad lo que dicen la debilidad de dreamwaber esta en su modo vista pero realmente para mi poco afecta ya que siempre estoy revisando el codigo y el maquetear con css elimina ese detalle, algo que tiene dreamweaber y no he conseguido en ninguno es la posibilidad de crear sitios web, quien hace algo similar es eclipse en su modo easyeclipse que estoy usando pero como dije, no dejo de usar dreamweaber, tiene algo similar pero no tan potente, (a mi gusto), y algo que para los usuarios novatos tiene el dreamweaber es la opcion de sistema de plantillas, que es muy potente, claro luego que metes con smarty y eso, te olvidas de este sistema, pero no se puede negar que en mis comienzos fue una fasinacion y una gran, gran ayuda para mis trabajos…
Si existiera otro ide, que permitiera crear sitios, un sistema de plantillas y fuera tan pero tan amplio de lenguajes como dreamweaber, yo me cambiara sin pensarlo, pero al menos hasta el dia de hoy no lo he conseguido…
SL es lo mejor, pero macromedia aunque sea pago sus productos son simplemente geniales… Si ellos algun dia sacaran sus productos para linux… uff… serian sin duda alguna los lideres del mercado…
Un programa que permita una programación php junto a diseño basado en estándares xthml/css de calidad y que sea opensurce?
Según la lista ninguno que junte todo y sea de calidad :S
@Marco Gómez, eclipse con plugin de aptana más el de pdt o el de nuevo de Zend para eclipse.
todo lo demás me sobra, eclipse power( no os olvideis de eclipseMonkey)
De Dw me reservo los comentarios 😀
Disculpa si soy un poco lento pero no entendí nada jajaja
Capté que necesito plugins pero mi comentario es en general si consigo calidad tanto por el lado PHP como por el lado visual… es decir consigo calidad WYSIWYG???
Yo uso Eclipse, para programar en php y java, css, javascript, xml, claro colocando sus plugint, en la parte de diseño utilizo dreamweaver, y para ajax utiliz varios framework….
[…] Editores web que facilitan tu trabajo. vía: Maestros del web […]
Yo creo que el mejor IDE de todos sin duda es el ECLILPSE, puesto que es gratuito y además soporta multitud de lenguajes.
La contra es que tiene que usarse con Java y puede ser algo lento y relentizar un poco el sistema ya que necesita bastante RAM.
Yo intentaba era buscar un programa que acoplara tanto la parte gráfica (HTML o XHTML /CSS) WYSIWYG junto con la programación web, como es el caso de dreamweaver, ambas cosas en una pero que fuese libre
Holas me preguntaba si me recomiendan utilizar el Dreamweaver CSS es la versión 8 por que mi PC solo tiene 256 de RAM y no creo que me corra el CS3. Entonces que si este me sirve para diseñar mi página web y como lo puedo integrar por que quiero que sea con PHP 5 y MySQL. Gracias por una pronta respuesta.
[…] Maestros del Web escribieron un buen artículo, recomendando algunos editores muy detalladamente, el detalle en varios de ellos está en que son de pago, aunque yo creo que si en realidad se […]
Te dejaste una pequeña maravilla para Mac, y Open Source – Smultron 😉
Me parece que me he quedado un poco obsoleto en temas de programación, el único que conozco es Dreamweaver, los demás me suenan a chino 😛
Después de leer este artículo creo que va siendo hora de ponerse un poco al día.
Buena info, Salu2
Yo tengo algun tiempo utlizando el PSPad de Jan Fiala y hasta el momento estoy mas que contento con su desempeño … quiza a muchos les parezca demasiado pequeño y limitado en sus aplicaiones pero para mis gustos y forma de trabajar … es mas que sufuciente.
http://www.pspad.com/
el enlace a aptana esta mal te llava a apatana
Soy una enamorada del dreamweaver cs3…
Concuerdo con algunos en que Dreamweaver es el mejor, pero como me he retirado para el software libre y uso Linux, lo tengo que descartar por obligación. Uso Debian y es una pena que Aptana no esté en el repositorio oficial, ya que hace rato que quiero probarlo. Lo que más valoro en un editor WYSIWYG es la facilidad que este te brinde para trabajar, así como el autocompletado de sintaxis, algo que hasta ahora ni Quanta+, ni NVU que son los que he probado me han brindado.
[…] Maestros del Web escribieron un buen artículo, recomendando algunos editores muy detalladamente, el detalle (valga la repetición) en varios de ellos está en que son de pago, aunque yo creo que […]
bueno, he probado el phpDesigner 2007 y ahora el 2008 y es muy bueno, simple concreto y directo lo malo es licenciado, pero su licencia no es tan cara, es sobre todo una gran ayuda par quienes programan con php porque ayuda con smarty, en la version 2007 puedes desde la interfaz misma de phpDesigner editar las configuraciones del php.ini, el css se hace mas claro, bueno yo doy mi voto a phpDesigner 2008
Miren se olvidan de Quanta.
No me parece lo de relentizar el proyecto.
Tiene opciones potente y espersonalizable.
Es tal vez la opción más cercana al remplazo de Dreamweaver en Linux.
Obviamente se va desarrollando pero creo que en poco sobrepasará al gigante de Adobe.
Por el momento es muy dinámico y aconsejable para programar web y aplicaciones PhP.
Adobe Dreamweaver CS3 es lo máximo, se le puede agregar componentes Flash y los adapta automáticamente.
el zend es muy bueno y esta super bien documentado, pero creo que no existe nada en la actulidad tan bueno y util como el dreamweaver
HomeSite para mi gusto es uno de los más completos y sencillos de usar.
[…] NotaOriginal Maestrosdeweb […]
Comentar que me ha parecido estupendo esta información y agradecer a Damian como a todas las personas como él que emplean parte de su tiempo en enseñarnos a los demás . http://www.mudanzafacil.es
Me ha gustado mucho este blog por su sencillez y claridad además de todas las personas que participan, se nota que saben de esto . http://www.mudanzafacil.es
chinga tu madre
gran articulo y creo que es de lo mejor sobre el tema en cuestion solo una cosa, gestiono un par de web donde se publica noticias y algunas novedades relacionadas con la web y me gustaria descargarme de esta tarea y dejarsela en manos de los que les he echo la web, se de herramientas relacionadas con esto que son bastante sencillas segun he visto en la red pero no se cual seria la mas sencilla y facil de manejar, necesito ayuda y espero que esto complemente de paso el articulo en cuestion, gracias por adelantado y un saludo
[…] Opciones de editores web: en este artículo encontrarás una serie de editores web con sus características, ventajas y desventajas. […]
[…] Opciones de editores web: en este artículo encontrarás una serie de editores web con sus características, ventajas y desventajas. […]
Yo voto por el Dreamweaver hace años que lo uso (2004) y con sus actualizaciones y la verdad para mí es muy bueno. Inés (www.orisis.com.ar)
A mi me han hablado muy bien del Aptana aunque no lo he probado. Yo utilizo Notepad++, de todo el listado, de lo que conozco el que menos me gusta es el Dreamweaver.
Para mi gedit o vim, no comparto preferencias por wysiwyg por el excesivo uso que se puede llegar a dar al modo gráfico en lugar de los lenguajes. Muchas veces o se aprende mal o no se aprende.
Hay que aclarar que Dreamweaver no genera código limpio como bien menciono Juan Manuel Lemus, la única forma de tener tu código como quieres es escribiéndolo, no generándolo.
Interesante listado, saludos.
[…] “Editores web que facilitan tu trabajo” de Maestros del Web. […]
[…] NotaOriginal Maestrosdeweb […]
Eu e creado mi primer site web con Editor web plus de 1&1. No tengo muche experencia en esto pero para empezar con tu primera web, es bastante bueno y facil de usar.
Un saludo Sorin.
Lo único que conozco es Dreamweaver
[…] Opciones de editores web: en este artículo encontrarás una serie de editores web con sus características, ventajas y desventajas. […]
Están muy bien el CS3 y el Dreamweaver, aunque una opción sencilla y válida es el Frontpage.
Bueno, el dreamweaver lo gastaba cuando era un newbie. Después me fuí pasando a editores en el que tuvieras el control de lo que hacías… editplus,pspad,gedit,scite,bluefish,…
Yo trabajo con el Dreamweaver, aunque ya hago mis pintos con Aptana y Zend Studio que ahora es el que más me gusta.
Comencé con Photoshop y Dreamweaver. ahora con Trabajo con Photoshop, The Gimp, Editplus, Bluefish, Scite, Pspad, gedit,etc
muy buenos comentarios. Queda claro que lo importante es hacer las cosas bien. conoer bien a fondo el html y utilizar progrmas que no te añadan elementos al código.
bueno sigo pensando que dreamweaver es el mejor quiza un poco antiguo pero es un clasico bueno hice una web de mudanzas en valencia y quedo asi http://www.mudanzasideal.com/ no se si sera lo mejor pero no me quejo
Gracias, esto es muy útil para los que estamos empezando.
disculpa que te moleste nose si nisiquiera podras ver esto pero me llamo mucho la atencion tu cara y tu nombre porque mi familia y yo dice que nos parecemos demaciado el parecido es increible y ademas me llamo DAMIAN!!!
SI PODES PONETE EN CONTACTO ASI TE MUESTRO FOTOS MIAS Y VOS OPINAS. saludos. Damian
bueno un saludo para todos los amigos desde http://www.mudanzasprecios.com mudanzas en valencia
un saludo http://www.contmar.com/ os dejo esta web por si os interesa, mirar el diseño a ver que tal os parece.
un saludo para todos y aqui os dejo una web de mudanzas en toda españa desde madrid a valencia http://www.mudanzasnacionalesmadrid.com.es/ hasta pronto
Pues que me pueden decir del dreamweaver CSS5