Mucho se ha hablado de Mozilla desde su surgimiento, pero conviene saber que la Fundación Mozilla no solo ha producido un excelente navegador de Internet. También ha descompuesto ese navegador para generar librerías y un lenguaje de interfaces llamado XUL, con el que ha logrado desarrollar Thunderbird, el cliente de correo, y Mozilla Composer o NVU, el editor HTML del que nos vamos a encargar ahora.
Este editor está disponible en versiones para Windows (del 98 en adelante), Linux y Mac OS X.
Los modos de trabajo
Cuando iniciamos NVU (que, dicho sea de paso, inicia de manera casi instantánea), el editor nos permite trabajar en modo WYSIWYG (lo que ves es lo que tienes), que es además el modo "normal" de trabajo. Este modo nos permite crear y editar nuestras páginas y ver los cambios en tiempo real y en formato WYSIWYG. Lo único que oculta, y lo hace para facilitarnos la tarea, son los bordes de las tablas, de modo que podamos ver bien la ubicación de una celda interna de una tabla.
Fuera de este modo "normal" de trabajo, hay un modo "preview", similar excepto que la apariencia general de nuestra página es tal como la veríamos en la ventana de Mozilla. Pero atención: a pesar de lo que su nombre podría indicar, en este modo también podemos editar.
Un tercer modo de trabajo es el modo "HTML", en el cual podemos ver y editar el código generado por el editor, para poder agregar nuestro propio código JavaScript, por ejemplo.
Finalmente tenemos el modo "HTML tags", en el cual podemos ver la página en un formato prácticamente WYSIWYG, con el agregado de que los tags HTML principales están especialmente destacados. En lo personal, y por lo que pude probar del editor, este modo es especialmente útil para buscar esos tags HTML extraños que casi todos los programas generan cuando trabajamos en modo WYSIWYG.
¿Cómo cambiamos de modo? Simplemente haciendo clic en un pequeño tab que tenemos debajo, apenas por encima de la barra de estado. Es una lástima que no funcione ningún atajo de teclado; al menos para aquellos a los que les guste utilizar esos atajos, este será un inconveniente.
Presionando F9 nos aparece la ventana del Site Manager, y allí podemos empezar a trabajar y luego guardar nuestro sitio.
Arrastrar imágenes y posicionarlas
El editor web nos permite arrastrar una imagen desde una ventana del navegador de internet hasta la página que estemos usando. Esta interesante característica funciona desde Firefox hacia NVU, y también desde Internet Explorer de Microsoft hacia NVU. Olvidé probar si funciona desde Opera; aquellos lectores que tengan ganas de experimentar un poco pueden probarlo y dejar aquí su comentario.
La imagen será creada en el lugar donde la soltemos en la página, ordenada de acuerdo al flujo de texto o imágenes de la página. Es decir, no podemos dejarla en cualquier parte de la página y esperar que el editor cree una tabla o código CSS para posicionarla en ese lugar.
Y del mismo modo, cuando creemos o editemos nuestro documento, no hay forma de arrastrar imágenes y posicionarlas en cualquier lugar arbitrario de la pantalla esperando que el editor genere el código. De modo que el editor requiere de un cierto conocimiento, por parte nuestra, de "trucos" propios de un webmaster para posicionar las imágenes y el texto, ya sea mediante el uso de tablas o mediante el ingreso manual de código CSS en el HTML.
Hablando de CSS (cascading style sheet), NVU nos permite hacer que el editor utilice CSS en lugar de elementos y atributos HTML.
Tablas, formularios y validación
Para aquellos que utilicen editores WYSIWYG comerciales y estén acostumbrados a recibir numerosos errores cada vez que sus páginas son validadas contra los estándares del consorcio W3 (el que regula los estándares de páginas web), estarán gratamente sorprendidos al ver que el código generado por NVU queda validado sin errores.
En cuanto a tablas, NVU trae bastante soporte para crear y mantener tablas. En las pruebas que realicé pude hacer todo lo que he necesitado desde el editor WYSIWYG. Para los formularios, NVU no tiene soporte directo para crearlos y mantenerlos desde su interfaz WYSIWYG, pero por supuesto podemos ingresar el código de nuestro formulario utilizando el modo HTML, y luego al pasar al modo/tab WYSIWYG se visualizará perfectamente. En lo personal no creo que esto traiga ningún problema, ni siquiera para los principiantes, ya que por lo general el código para formularios lo podemos copiar y pegar (junto con los códigos para manejar los datos que se ingresen en esos formularios). Igualmente, hay que ser justos y decir que esta falencia es importante.
Todo el código generado por el editor WYSIWYG tiene "detalles" que podremos luego corregir ingresando al modo HTML. Ni NVU ni ningún otro editor web que yo haya utilizado ha generado en modo WYSIWYG el código "perfecto" libre de errores; siempre he tenido que retocarlo luego. Y esta no es la excepción.
Incluso he notado que NVU duplica el código cuando, por ejemplo, creamos un nuevo párrafo, en lugar de tomar todo el bloque dentro de un "div". Así, por ejemplo, esto es lo más común que nos pasará:
p>span style="font-family: helvetica,arial,sans-serif;">Primer párrafo
bla bla bla...br>/span>/p>
p>span style="font-family: helvetica,arial,sans-serif;">Segundo
párrafo bla bla bla...br>/span>/p>
