Descarga tu Editor de Paginas Web!
Muy buenas a todos, este es el post que llevaba tanto tiempo preparando; como dije antes, pueden usar hasta el bloc de notas de Windows para crear paginas web, o en el caso de Mac TextEdit. Pero existen aplicaciones que nos pueden ayudar en el proceso de desarrollo de páginas web, estas son conocidas como editores de páginas web. Hay muchos editores web, sin embargo queda de parte de uno escoger con cual trabajamos más cómodos. Para este post busqué y probé varios editores web como una tarea en el " Curso Online de Desarrollo Web 1" del movimiento Actívate de Google, a continuación les mostrare la lista de editores que probé, mis impresiones, y los links de descarga de cada uno. Cabe destacar que todos los editores que publicare son de software libre o de uso gratuito, algunos son multiplataforma. Bien, empecemos :)

Lista de Editores de Paginas Web:
La tarea que nos dejaron consiste en investigar, buscar, y probar varios editores web, publicar esa lista con las ventajas y desventajas de cada uno de ellos, a demás debo elegir uno para trabajar y decir cuales fueron las razones que me llevaron a elegir ese editor. Me pareció una buena idea hacer un post sobre esta tarea. Sin más retrasos a continuación la lista:
- Notepad ++.
Notepad ++ es un editor de texto y código fuente gratuito, es nativo de Windows, pero puede instalarse en otros sistemas operativos. Anteriormente lo había mencionado, este editor se parece mucho al bloc de notas, pero cuenta con opciones avanzadas que pueden hacerte la vida más fácil. Permite abrir múltiples pestañas para trabajar con varios documentos, colorea a demás las expresiones de sintaxis, y puedes descargarle extensiones desde el mismo Notepad++ para mejorar sus funcionalidades.
Es un programa de bajo peso, es algo simple pero muy útil, bastante fácil de manejar, con ciertos plugins puedes activar el auto-completado y auto-cierre de etiquetas, lo cual hace todo más rápido. Notepad ++ permite escribir a demás en una variedad de lenguages (C#, C++, Java), pero lo que nos interesa ahora es que permite escribir en HTML, Javascript, Css, y otros lenguajes. Ahora entre sus desventajas: no es que tenga tantas funcionalidades, y no sirve para hacer textos muy grandes, a demás de que aunque se pueda instalar en Linux o Mac hay que buscar un poco, si lo desean instalar en Mac pueden entrar a este link, o si quieres instalarlo en Linux este link.
Los links para descargarlo son los siguientes:
Descargar de Mega- 32 bits. "Version 7.3.3".
Descargar de Mega- 64 bits. "Version 7.3.3".
- Brackets.
Brackets es un editor de código abierto que se centra en el desarrollo Web, Brackets fue programado usando Brackets... si, utilizando Html, Css, y Javascript principalmente. Puedes descargarlo para Mac, Windows, y Linux. Entre sus principales funcionalidades y ventajas resalta el hecho de que puedes usar vista previa para ver como va quedando tu página web; a demás de Javascript, HTML, y Css, soporta varios lenguajes; por defecto ya tiene el auto-completado y el auto-cierre de etiquetas; permite también descargarle extensiones o plugins para mejorar sus funcionalidades. Lo mejor de este editor es que puedes realizar "Desarrollo en vivo", lo cual sincroniza el editor con el navegador, de forma que los cambios que vayas haciendo se verán automáticamente en el navegador. Tiene muchas funcionalidades que nos permitirá acelerar las cosas cuando desarrollemos Webs.
El único detalle es que la vista previa solo puede utilizarse con el navegador Google Chrome, pero promete que para próximas versiones esto se solucionará. No es tan pesado para descargar, aun así, me llevó un rato en descargarlo por mi velocidad de Internet.
Los links para descargarlo son los siguientes:
Descargar de Mega. "Version 1.9".
- NetBeans.
¿Quien dijo que NetBeans solo era para programar en Java? NetBeans es un IDE "entorno de desarrollo integrado" libre, sin restricciones de uso. Si es cierto que esta principalmente pensado para programar en Java, pero también permite crear aplicaciones web con PHP, HTML5, y cumplir función como editor Web. Tiene una muy amplia variedad de extensiones. Tiene el auto-completado de etiquetas a su estilo, lo que llama la atención es que haciendo clic en alguna de las etiquetas que te va mostrando como opciones para auto-completar te muestra una breve descripción de para que se usa esa etiqueta. Otra característica notable es que subraya en rojo las etiquetas con errores, por ejemplo si escribiste mal alguna o si olvidaste cerrar alguna te dirá que hay un error. También permite usar la vista previa para ver como va quedando nuestra Web, reconoce a demás que navegador usamos.
Este IDE es multiplataforma, tiene versiones para Mac, Linux y Windows; la desventaja que le encuentro es que es algo pesado para descargar, pero con un buen Internet no hay que temer, y quizá otro detalle sea que no tiene el auto-cierre de etiquetas, aun así es muy completo.
El link para descargarlo es el siguiente:
/* No veo necesario subirlo a Mega, por que desde la pagina oficial puedes elegir cual versión te conviene más y para que sistema operativo deseas instalarlo */
- Microsoft Visual Studio.
Si alguna vez programaste en C#, de seguro habrás escuchado de Visual Studio. Microsoft sorprendió a todos cuando dejo gratis 1 versión del Visual Studio. Visual Studio Comunity puede ser utilizado tanto en Windows como en Mac y Linux, solo hay que buscar un poco. Si planeas desarrollar webs de forma individual, ¡es para ti! si planeas usarlo en una empresa, tendrías que utilizar una de las versiones pagas. Soporta varios lenguajes de programación, y también cumple función como editor Web. Tiene también el auto-completado y el auto-cierre de etiquetas, y la opción de mostrarte una breve descripción de la etiqueta que vas escribiendo. Permite utilizar la vista previa. En definitiva es muy útil.
El principal detalle es el de la licencia, pero hay que respetarlo. A veces puede ir algo lento, el instalador es super liviano, pero una vez lo descargues dependiendo de las extensiones que elijas la descarga puede ser algo larga. La extensión para trabajar con desarrollo Web se me hizo pesada realmente, pero valió la pena la descarga.
El link para descargarlo es el siguiente:
/*No subí el link a mega por que no creo que la distribución del producto sea legal, igual el instalador de la pagina oficial no pesa mucho*/
- Aptana.
Según su página oficial y algunos desarrolladores, es el más poderoso IDE para desarrollo Web, Aptana tambien funciona con Mac, Linux y Windows; es un software libre que puede trabajar con HTML, PHP, Css, Javascript, entre otros. A demás puede añadir extensiones para nuevos lenguajes y funcionalidades. Aptana en realidad funciona bajo 2 licencias, GPL y GNU. Tiene una interfaz muy parecida a Eclipse o Dreamweaver, a demás brinda muchas ventajas, al iniciar un nuevo proyecto automáticamente te creará las carpetas por defecto y la estructura básica de tu página HTML. Posee el auto-cierre y el auto-completado de etiquetas con la opción de darte una rápida explicación de la función que cumple la etiqueta que vas escribiendo. Aptana es también un debugeador en vivo, te avisa si has cometido algún error escribiendo una etiqueta. Permite usar una vista previa que se ejecuta dentro del mismo programa, mostrándote en vivo los cambios que realizas en el código fuente de tu página. Pero no se queda solo con la vista previa, tiene una opción que te permite correr tu página en el navegador que elijas de los que tienes ya instalados. Sin duda Aptana es una muy útil herramienta.
El link para descargarlo es el siguiente:
/*Tampoco creo que sea legal distribuir Aptana*/- Amaya.
¡Ahora un homenaje al W3C!, Amaya es un software libre que sirve tanto de editor web como navegador, esta disponible para varios sistemas operativos, entre ellos Mac, Windows, y Linux. Te deja ver en tiempo los cambios que vas realizando en el código fuente de tu página. Es de un uso sencillo, permite también editar de una forma sencilla la pagina mientras genera el código fuente automáticamente. No es que sea una de las mejores herramientas, aun así es bastante interesante.
Amaya no tiene tantas funcionalidades como otros editores Web, y no ha recibido una actualización desde el 2012, por lo que hasta el momento solo soporta HTML4, XHTML, MatcHTML, y varias características de Css2. Pero como fue publicada por el W3C pensé que era una buena idea hacerle un pequeño homenaje a esta herramienta.
Los links para descargarlo son los siguientes:
Descargar de Mega. Windows xp/vista "Version 11.4.4".
- BlueGriffon.
Para principiantes, y experimentados, BlueGriffon es una potente herramienta para la creación de páginas Web. Es un editor WYSIWYG, escribes un documento e inmediatamente ves el resultado final. Pero si lo deseas puedes editar directamente el código fuente. Es de código abierto, pero posee componentes opcionales que si son pagos. Se encuentra disponible para Ubuntu, Mac OS X, y Windows. Puedes aumentar sus funcionalidades añadiendo extensiones.Es una excelente herramienta, el mayor inconveniente seria que no te permite usar Css con la licencia gratuita, necesitas una de las licencias pagas para eso.
El link para descargarlo es el siguiente:
- KompoZer.
KompoZer es un editor WYSIWYG de código abierto, disponible para Windows, MacOSX-OS/2, y GNU/Linux. Puedes editar tu página mientras el programa va generando el código fuente, o, editar el código y ver como va quedando la página. Es muy liviano y aunque se centra más en el desarrollo visual que en la edición de código, te permite trabajar muy bien. Con este editor puedes trabajar con HTML4, XHTML, o Css. Este editor tiene una opción que te permite validar el HTML de tu página en el W3C Markup Validation Service. Algo curioso, KompoZer es uno de los ancestros de BlueGriffon.
Lo que llama la atención de KompoZer es que para ser tan liviano, cubre varias funcionalidades. Aún así desde el 2007 no ha recibido nuevas actualizaciones estables, por lo que aún no trabaja con HTML5. Desde la página oficial puedes escoger que versión descargar para tu Sistema Operativo, aún así coloco el link en Mega de la versión que descargué.
Los links para descargarlo son los siguientes:
Descargar de Mega. Windows 32bits "Version 0.7.10".
Eso es todo por ahora, el objetivo de este post (más que terminar la tarea) es ayudarte a elegir con cual editor de texto te sientes más a gusto trabajando, para facilitar las descargas subí varios de los instaladores a Mega. Hay muchos más editores Web de los que publiqué, pero es recomendable no especializarse solo en uno, por que puede que en algún momento trabajes con otro sistema operativo y por ende, con otro editor Web. Estos editores son muy buenos, cada uno te será más útil que otro dependiendo de que tipo de editor necesites. Pero aún así debo elegir con cual me sentí más cómodo trabajando, me gusto trabajar con Brackets y con NetBeans (ese ya lo conocía muy bien), pero como he de eligir solo uno elijo Brackets. La razón que me lleva a elegir Brackets es que se me hizo bastante rápido, fácil de usar, y soporta muchos otros lenguajes. Actualmente en el curso me están por mandar un proyecto, en donde debo crear un sitio web (conjunto de páginas Web) con el editor que elegí, tratare de subirlo cuando lo termine totalmente :) hasta otro post.














Comentarios
Publicar un comentario