Editores web que facilitan tu trabajo

31.01.2008

Editores web que facilitan tu trabajo

Por Damián Pérez Valdés | 9,881 Lecturas
Archivado en: Navegando, Servicios Web

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:

zen 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:

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:

text mate 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 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:

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 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:

Quantana 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.

Califica esta nota:

(9 votos, promedio: 3.67 de 5)

Loading ...

Sobre el autor

Damián Pérez Valdés
Webmaster, Administrador de Sistemas, con experiencia en desarrollo web y de aplicaciones.

Comentarios

34 comentarios en total.

Paul 31.01.2008 - 10:35 - #

Te falto mencionar el PHPDesigner 2008 el cual es un muy buen programa para desarrollar websites basados en PHP.
Norberto 31.01.2008 - 11:05 - #

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
Juan Manuel Lemus 31.01.2008 - 11:27 - #

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.
Glownet 31.01.2008 - 11:27 - #

microsoft web expresions , es de pago pero es igual de bueno que el dreamweaver y para desarrollar con .net muchisimo mejor .
Devjoker 31.01.2008 - 11:29 - #

Faltan los de MicroSoft -
Visual Studio.
Microsoft Expression.
Garoga 31.01.2008 - 11:36 - #

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.
Gio 31.01.2008 - 11:57 - #

yo ocupo dreamweaver en mi pcbsd y funciona bien.
CHucky 31.01.2008 - 14:46 - #

A mí lo que me vendría como anillo al dedo es un IDE para desarrollo y DEBUG de JavaScript… alguien sabe alguno?
Gracias
Damian Adriel Perez Valdes 31.01.2008 - 14:56 - #

Hola CHucky, te recomiendo Aptana. Pruebalo, me gusto mucho la forma que tiene para mostrar para que navegadores son compatibles sus funciones.
victor 31.01.2008 - 17:11 - #

Cual es la interfaz grafica de textmate?
inyaka 31.01.2008 - 18:36 - #

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
Jorge 01.02.2008 - 03:49 - #

En las ventajas de Aptana pones: “poco consumo de recursos”, y en las desventajas: “consumo de recursos”.
Será una errata, no?
Pere 01.02.2008 - 06:03 - #

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…)
bootexe 01.02.2008 - 07:59 - #

Open Komodo (openkomodo.com) que es de código abierto y de los mismo de ActiveState.
Abraham Estrada 01.02.2008 - 09:21 - #

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.
Alexis Sanchez 01.02.2008 - 09:59 - #

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…
Marco Gómez 01.02.2008 - 11:17 - #

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
acido69 01.02.2008 - 20:00 - #

@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
Marco Gonzalo Gómez Gómez 01.02.2008 - 22:17 - #

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???
Christopher 02.02.2008 - 16:05 - #

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….
Neo 03.02.2008 - 14:32 - #

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.
Marco Gonzalo Gómez Gómez 06.02.2008 - 17:41 - #

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
ambigus 08.02.2008 - 17:26 - #

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.
Fernando 11.02.2008 - 01:47 - #

Te dejaste una pequeña maravilla para Mac, y Open Source - Smultron
Mudanzas 18.02.2008 - 23:02 - #

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
agelvez 18.02.2008 - 23:51 - #

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/
KIRA 24.02.2008 - 01:15 - #

el enlace a aptana esta mal te llava a apatana
Lara 11.03.2008 - 13:31 - #

Soy una enamorada del dreamweaver cs3…
elavdeveloper 26.03.2008 - 10:39 - #

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.
Christian 04.05.2008 - 17:36 - #

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
José Luis Navarro 09.05.2008 - 11:26 - #

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.
Xavier 13.06.2008 - 07:25 - #

Adobe Dreamweaver CS3 es lo máximo, se le puede agregar componentes Flash y los adapta automáticamente.
Diseño Web - Websdirect 02.07.2008 - 04:22 - #

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
Diseño Web 03.07.2008 - 03:51 - #

HomeSite para mi gusto es uno de los más completos y sencillos de usar.