Hoy en Da

Si bien hoy en da contina la discusin acerca de la conveniencia o no de emplear editores WYSIWYG o no, sin entrar en hacer argumentaciones sobre ello, pasaremos a describir una de las herramientas indispensables para todo diseador web: los editores HTML. Algunos diseadores prefieren: Seguir escribiendo el cdigo directamente sobre un editor de texto plano, al estilo del Bloc de Notas de Microsoft. Otros prefieren los editores de texto especializados en lenguajes web y de programacin, Otros prefieren los editores de texto con ventana de vista previa. Otros emplean la opcin ms avanzada, que son los editores WYSIWYG.

Tipos
Editores de texto plano y navegador Los diseadores web que emplean esta opcin desechan la ayuda que constituye el software especializado. No tiene muchas ventajas sobre el resto de los mtodos, solo la certeza de que quienes lo hacen tienen un pleno dominio de los diferentes lenguajes. Como mtodo de aprendizaje, seguramente sea el mejor, ya que el conocimiento del lenguaje deja de ser una opcin para ser absolutamente obligatorio. Siempre, y no solo para quienes optan por este sistema de trabajo, es necesario contar con varios navegadores, siendo el mnimo recomendado de tres, ya que las diferencias en la interpretacin del cdigo por parte de los navegadores, obliga a visualizar las pginas en ms de un navegador.

Tipos
Editores de texto plano y navegador Se generan el archivo HTML, las hojas de estilo y los scripts sobre una o varias hojas de texto plano y valoran los resultados directamente sobre el o los navegadores. Este mtodo es el ms primitivo, aunque no ha perdido vigencia. Durante el aprendizaje de los lenguajes de diseo web y de programacin, todos los centros de enseanza inician el estudio de HTML, XHTML y CSS con este rudimentario mtodo. Y la razn es que es el mejor mtodo para conocer a fondo los lenguajes de diseo y programacin. La generacin de cdigo a partir de editores de texto plano implica necesariamente la comprensin plena del funcionamiento del sistema.

Tipos
Editores de texto especializados en HTML y CSS El desarrollo del diseo web y el creciente nmero de diseadores ha planteado la posibilidad de crear herramientas especializadas en la escritura de cdigos. La cantidad de editores de este tipo existentes es enorme, siendo en su mayora gratuitos, aunque algunos son de pago o forman parte de paquetes de software para diseadores web. Otra caracterstica que los diferencia a unos de otros, es la especializacin en los diferentes lenguajes. Algunos editores tienen soporte casi exclusivamente para HTML, aun cuando colorean varios lenguajes ms, mientras que otros editores tienen herramientas especiales para diferentes tipos de lenguajes, incluyendo los lenguajes de programacin.

Tipos
Editores de texto especializados en HTML y CSS El segundo grupo de diseadores emplean editores de texto, pero que tienen algunas funciones especializadas en los lenguajes de diseo web y programacin, como autocompletado de etiquetas de cierre, coloreado de acuerdo a la sintaxis del lenguaje, posibilidad de seleccionar las etiquetas de una barra de herramientas y otras muy variadas. Por ejemplo, cuando se escribe una lnea de cdigo, sta no adquiere los diferentes colores correspondientes a la sintaxis hasta que no est correctamente escrita. Para visualizar los resultados, emplean uno o ms navegadores, a los que, tras cada cambio, se le hace click en el botn refrescar para ver los mismos.

Tipos
Editores de texto especializados con ventana de vista previa Comparten muchas de las caractersticas descriptas para el grupo de editores anteriores, con el elemento distintivo de poseer entre sus herramientas un visor en tiempo real (generalmente en la misma ventana que se escribe el cdigo) que permite al diseador web observar el resultado de lo que se encuentra escribiendo sin tener que ir a la ventana del navegador y refrescar la pgina.

Tipos
Editores de texto especializados con ventana de vista previa grupo de diseadores que optan por la tercera opcin, cuenta con una herramienta en el editor que hace las veces de navegador, por lo que pueden ir viendo los cambios que van efectuando a medida que los van haciendo.

Tipos
Editores WYSIWYG Tambin cuenta entre sus herramientas la edicin de los cdigos sobre texto plano, aunque su mejor herramienta es la ventana donde el diseador realiza las modificaciones arrastrando y soltando con el ratn, en un sistema similar al que se emplea en procesadores de texto como Microsoft Word o Writer. Algunos de estos editores son de manejo tan sencillo, que para muchas de las tareas propias del diseo de pginas web no se requiere conocimiento de lenguaje HTML. Sin embargo, a la hora de darle atributos a los diferentes componentes de la pgina, el diseador deber contar con conocimientos bsicos de HTML y CSS.

Tipos
Los editores WYSIWYG son algo bastante ms complejo, y consiste en (tal como indica la sigla que les da nombre: What You See Is What You Get Lo que ves es lo que obtienes) la creacin de pginas web arrastrando y colocando, completado por elementos que permiten modificar los atributos de los elementos que se van colocando.

Eleccin del editor HTML

Cada diseador debe desarrollar su mtodo de trabajo, aquel con el que se sienta ms cmodo. No existen recetas preestablecidas y hay tantas formas de trabajar como diseadores. Lo mismo sucede con el software que se ha de seleccionar. En una primera instancia, el diseador debe elegir el mtodo que emplear y luego probar herramientas hasta encontrar una que lo satisfaga. A continuacin damos las descripciones de algunos de los programas ms conocidos, pero solo son algunos de una muy amplia gama.

Eleccin del editor HTML

Algunos editores de texto especializados Bluefish
Desarrollado inicialmente para Linux, en la actualidad hay versiones para otros sistemas operativos como Solaris, MacOS-X y otros, aunque no existe una versin para Microsoft Windows. La ltima versin estable es la 1.07 de marzo de 2008. Soporta varios archivos abiertos a la vez . Marcado de sintaxis personalizable para HTML, PHP, JSP, SQL, XML, CSS, Javascripts, Python, Perl, Pascal y otros. Asistentes para creacin de documentos. Asistentes para la creacin de tablas y marcos. Soporta diferentes juegos de caracteres. Dilogos para la insercin de imgenes. Traducido a 22 idiomas, entre los que se encuentra el espaol. Gratuito. Licencia GPL.

Eleccin del editor HTML

Algunos editores de texto especializados Weaverslave
Desarrollado para Windows, es compatible con todas las versiones de este sistema operativo desde Windows 95. Totalmente portable ltima versin estable: 3.9.18 de noviembre de 2005. Puede trabajar con varios archivos a la vez. Marcado con colores de sintaxis para DHTML, CSS, JS, PHP (4 y 5), MySQL, PERL, C, C++ y otros. Ventana de colores. Inspector de etiquetas. Navegador de archivos e imgenes. Traducido a varios idiomas (incluidos) entre los que est el espaol. Gratuito. Software propietario.

Eleccin del editor HTML

Editores de texto con ventanas de vista previa Aptana
Windows, MacOS-X y Linux. Cliente FTP. Posibilidad de instalar un plug-in que permite la escritura en el lado del servidor. Panel de vista previa Firefox e Internet Explorer. Soporte principal para HTML, XHTML y CSS, aunque tambin cuenta con herramientas para Php, Python, Ruby, CSS, Ajax, HTML y Adobe AIR. ltima versin: 2.0.2 de 2009. Marcado de sintaxis por colores. Una muy variada serie de herramientas y dilogos. Gratuito. GNU / GPL.

Eleccin del editor HTML

Editores de texto con ventanas de vista previa Arachnophilia
Unix, Linux, MacOS-X y Windows ltima versin: 5.4 (Octubre de 2009) Ventana de vista previa. HTML, CSS, JS, C++, CGI, PERL, Java y otros. Marcado de sintaxis en colores. Gratuito. Software propietario.

Eleccin del editor HTML

Editores de texto con ventanas de vista previa HTML-kit
Este software solo es compatible con Microsoft Windows 95 en adelante. Ventana de vista previa mltiple. Validacin de cdigo. Cliente FTP. HTML, XHTML, XML, CSS, XSL, PHP, ASP, VB, C/C++, SQL, Java, Javascripts, Delphi, Perl. Sugerencias y sistema de correccin de errores. Gratis. Software propietario.

Eleccin del editor HTML

Editores WYSIWYG Adobe Dreamweaver
Versiones para Windows y MacOS-X. ltima versin estable CS4 (10.0) de 2008. Se le considera el editor ms potente, pero tambin el ms pesado (354 MB antes de instalar) y el de mayores requerimientos de hardware. Requerimientos mnimos: procesador de ms de 1 GHz, Windows XP o superior o Mac OS X v10.4.1110.5.4, 512 MB de RAM, 1 GB de espacio libre en el disco, pantalla 1280 x 764 con tarjeta de 16 bits, DVD-ROM, banda ancha para servicios en lnea. Ventana de visualizacin. Sugerencias de cdigo. Utiliza CSS. Diseo sin escritura de cdigo (aunque el usuario puede modificar el cdigo manualmente). Alto costo (399 USD) Software propietario.

Eleccin del editor HTML

Editores WYSIWYG NVU
Multiplataforma ltima versin estable: 1.0 de junio de 2005. En la actualidad se ha abandonado su desarrollo. Cliente FTP. Edicin de cdigo fuente. Marcos, formularios, tablas, plantillas de diseo, hojas de estilo CSS, etc. Gratis. MPL / GPL / LGPL.

Eleccin del editor HTML

Editores WYSIWYG Amaya
Multiplataforma ltima versin: 11.1 de enero de 2009. Navegador. Genera pginas HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0, muchas caractersticas CSS 2. Renderizado de imgenes. Herramientas para imgenes vectoriales (SVG). Edicin WYSIWYG. Gratuito. Licencia W3C.