Cuaderno de aprendizaje

Editores de páginas web

Empesaremos definiendo que es un Editor de paginas Web.

Es una aplicación diseñada con el fin de facilitar la creación y edición de documentos HTML o XHTML.

Existen tres verciones los Editor de texto sin formato, Editor de texto con ventanas y los Editores WYSIWYG.

Editor de texto sin formato

Los primero editores de sin formato, son nada mas que un blog de notas en el caso de windows y Kate para entornos KDE (significa KDE Advanced Text Editor, es decir Editor de textos avanzado para KDE). En estos editores es muy facil dar su primeros pasos y redactar una pagina web un que se tiene el problema de que si cometen errores es muy dificil encontar los erroes comunes. uno de ellos es que se nos olvide cerrar una etiqueta o no se acomplete una funcion corectamente haciendo ques cuando guardemos los cambios dichos errores nos traigan problemas y tengamos que dedicar mas tiempo en buscar los errores que en redactar la estructura de la pagina web.

Editor de texto con ventana

Este tipo de editores permite, además de desarrollar el código en un área de trabajo determinada, visualizar el resultado en tiempo real. Esto es de gran ayuda que como ya se comento en el bloc de notas no se pueden ver error que se esta cometiendo y hay que revisar linea por linea de las etiquetas.

Editores WYSIWYG

Comprenderían los editores más complejos, en los que el usuario va colocando distintos elementos en una página y el propio software se encarga de generar el documento HTML.

En la actualidad, existen numerosos editores de páginas web. Sin embargo, en ocasiones, es difícil encontrar el editor que se adapte a las necesidades propias de cada desarrollador o diseñador. A continuación, se enumeran los mejores editores de páginas web que existen en este momento. Se podria interpretar como algunas paguinas qeu se dedican a dichas practicas que tu solo vas colocando el contenido y la pagia va creando el codigo.

Un ejemplo de esto son el Blogger en el vamos agregando el texto, las imagenes o la multimedia que queremos que vaya apracericendo en el bloc, o el formato que quieres que tenga la pagina. Hay un apartado para los mas avanzados que conta del formato del HTML, donde ya esta el codigo que nosotros ya agregamos, para los mas avanzados pues les es facil modificar este codigo y asi agregar nuevos aspectos. Es lo que se conoce como WYSIWYG esto en mi punto de vista.

Las herramientas que tenemos para el desarrollo de paginas web son:

Sublime Test es uno de los editores de HTML más conocidos. Disponible para Windows, Linux y OS X, destaca por su soporte para muchos lenguajes de programación, además de HTML o CSS. Este editor cuenta con numerosos plugins y un sistema de pantallas múltiples que permite crear proyectos y trabajar cómodamente con varios archivos al mismo tiempo.La interfaz de Sublime Test es muy sencilla, pero también muy completa. Aunque, a priori, no se trata del editor más intuitivo, Sublime Test ayuda a mejorar la productividad del programador, una vez se conocen los detalles de su funcionamiento. Tanto la descarga como la utilización de este editor son totalmente gratuitas.

Notepad ++ es un editor de código abierto disponible solo para Windows. Este editor aumenta las funcionalidades de cualquier bloc de notas. Entre sus funcionalidades, se encuentran el resaltado de sintaxis, la estructuración del código o la función de autocompletado. Además, es posible añadir diferentes plugins para su personalización. Al tratarse de un editor muy popular, hay muchos entre los que elegir.

Es dificil pensar en un editor de HTML y no tener en cuenta a Dreamweaver. Como uno de los productos estrella de Adobe, Dreamweaver permite trabajar no solo con código en HTML y CSS, sino también entre otros, en lenguajes, como PHP, XML o JavaScript. Como editor WYSIWYG, Dreamweaver permite trabajar en una vista preliminar y que el propio editor genere el código HTML, lo que resulta especialmente atractivo para aquellos que se inician en el diseño web.

Brackets es un editor de código abierto creado y mantenido por Adobe. Brackets está especialmente diseñado para trabajar en HTML, CSS y JavaScript. Una de las principales ventajas que tiene Brackets es la posibilidad de realizar cambios en el código y ver al instante el resultado en el navegador, sin necesidad de presionar ninguna tecla.

Pero esa no es la única ventaja de Brackets. Este editor gratuito, que recibe actualizaciones frecuentes, facilita trabajar en línea sin necesidad de tener que saltar entre pestañas, archivos, etc. Además de poder editar y trabajar con archivos HTML y CSS, con Brackets también es posible editar archivos PHP en vivo.

Netbeans es un editor que soporta múltiples lenguajes, entre los que se incluyen HTML, PHP o JavaScript. Entre sus características, se encuentran el soporte para base de datos o control de versiones. Netbeans es otro de los editores gratuitos que no tiene nada que envidiar a otros del mercado. Además, su código abierto y el hecho de que esté respaldado por una gran comunidad de usuarios hacen que sea muy fácil encontrar plugins y tutoriales para sacarle el máximo partido.

Microsoft Visual Studio proporciona un entorno en el que desarrollar HTML, CSS o JavaScript. Incluye depurador de código, validador de seguridad y accesibilidad, ayuda contextual para todos los lenguajes y visualización real del resultado final de las páginas web. Se trata de un editor muy completo y gratuito. Su única desventaja es que solo está disponible para Windows, por lo que, si se trabaja con Mac o Linux, se deberá optar por otro de los editores de esta lista.

Considerado uno de los mejores editores del mercado, JetBrains Webstorm permite no solo trabajar con HTML, CSS y JavaScript, sino también con otros lenguajes, como CoffeeScript, TypeScript y Node.js. JetBrains Webstorm está disponible para entornos Windows y Mac. Es un editor que destaca por la velocidad con la que posibilita ver los cambios en tiempo real en navegadores como Chrome. JetBrains presenta múltiples ventajas, como el control de versiones o testeo unitario. Sin embargo, en este caso se trata de un software de pago.

TextWrangler es un editor de texto, esta vez, exclusivo para Mac. Similar a NotePad ++ o Sublime Test, TextWrangler es totalmente gratuito. Se trata de una herramienta muy básica, pero que ofrece las funcionalidades necesarias para trabajar cómodamente con HTML y CSS. A pesar de sus limitaciones, TextWrangler es uno de los editores web más conocidos y más utilizados en el entorno de Mac.

Textmate: Este editor, al igual que el anterior, solo está disponible para Mac. Entre una larga lista de prestaciones, destacan su ayuda para organizar el código, el resaltado de la sintaxis a través del color, su función de autocompletar y la posibilidad de trabajar con varios archivos a la vez, así como su capacidad para trabajar con más de 50 lenguajes (además de con los propios de la web). Para utilizar Textmate, es necesario adquirir una licencia de pago cuyo precio depende del número de usuarios y uso que se le quiera dar: si se pretende utilizar con fines académicos, empresariales, etc.

BlueGriffon es un editor gratuito y multiplataforma, es decir, funciona tanto en Windows como en Mac o Linux y, además, es de código abierto. Disponible en varios idiomas (incluido el español), BlueGriffon presenta interesantes características que lo posicionan como uno de los editores más completos. Incluye distintas ayudas, que facilitan el diseño y desarrollo de páginas, como el acceso a la estructura jerárquica de la página. Además, BlueGriffon ofrece la posibilidad de visualizar transformaciones 3D de CSS3, en tiempo real y sin necesidad de salir del propio editor. Es altamente recomendable para aquellos que acostumbran a ver las páginas según se van editando.