jueves, 04 de diciembre de 2008
Ayúdanos a crecer, haz NeoTeo tu página de inicio RegistrarseIniciar sesión

Te presentamos a NVU; un editor HTML Gratis y Open Source

Por: Willy Klew  @  sábado, 08 de abril de 2006  Nota vista 9379 veces
Mucho se ha hablado de Mozilla desde su surgimiento, pero tenemos que saber que la Fundación Mozilla no solo ha producido un excelente navegador de Internet.
¿te interesa?
35 -5
40 votos
Lo que ha hecho además es descomponerlo y 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 los sistemas operativos Windows (del 98 en adelante), Linux y Mac OS X.
Cuando iniciamos el 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 efectuados en modo de tiempo real y 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 table.
Fuera de este modo "normal" de trabajo, hay un modo "preview", que es similar excepto que la apariencia general de nuestra página es tal cual lo veríamos en la ventana de Mozilla. Pero atención, que a pesar de lo que su nombre podría indicar, podemos editar en este modo tambien.
Un tercer modo de trabajo es el modo "HTML", en el cual podemos ver y editar el código generado por el editor, de manera de poder agregar nuestro propio codigo javascript por ejemplo.
Finalmente tenemos el modo "HTML tags", en el cual podemos ver la página en un formáto prácticamente WYSIWYG pero con el agregado de que los tags HTML principales están especialmente destacados. En lo personal y por lo que pude probar el editor, este modo es especialmente útil para buscar tags HTML extraños de esos que casi todos los programas generan cuando estamos trabajando en modo WYSIWYG.
Como cambiamos de modo? Simplemente haciendo un click de mouse 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.
La configuración es bien sencilla, pero tiene también muchas opciones como para dejar a NVU bien a nuestro gusto
El editor web nos permite arrastrar una imagen de una ventana del navegador de internet a la página que estemos usando. Esta interesante característica funciona desde Firefox al NVU como así también desde el Internet Explorer de Microsoft al 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, y esperar 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 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.
En la solapa "Normal" trabajamos en modo WYSIWYG. Arrastrando una página cualquiera, como en este caso, al NVU ya nos permite comenzar a trabajar de esa manera
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 interface 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 el 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.
Inclusive 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".
Asi, por ejemplo, esto es lo mas común que nos pasara:

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>

He quitado los símbolos < antes de los "div", "span", y de "p" para que se pueda ver el código, y que no quede formateado. Ahora, en lugar de lo sucedido en el ejemplo de arriba, lo mas práctico sería:

div style="font-family: helvetica,arial,sans-serif;">

p>Primer párrrafo bla bla bla.../p>

p>Segundo párrafo bla bla bla.../p>

/div>



También he notado en NVU una cierta e innecesaria tendencia a crear tags "br".
En la solapa HTML Source podemos editar el código HTML generado por NVU
Las opciones para formatear las hojas de estilo CSS son muchas
En general, mis impresiones han sido muy favorables. Para ser un editor WYSIWYG libre, permite a los recién llegados empezar bien rápido a familiarizarse con el. Y aunque tiene algunas deficiencias que los muy profesionales pueden notar, es posible suplirlas con algo de código ingresado manualmente, algo que para esos "muy" profesionales no será problema.
Fuera de todo eso, su manejo es rápido, el programa consume pocos recursos y no ha colapsado en ningún momento.


Tags:
Redes sociales:
DiggDigg | MenéameMenéame | Deliciousdel.icio.us | FresquiFresqui | Mr.WongMister Wong | WikioWikio
Artículo Siguiente
Europa: dominios .eu ya superaron el millón
Artículo Anterior
Anticipando la E3 2006
CopyRight
Prohibida su copia total con o sin fines comerciales. Copias parciales deben citar la fuente.

 

URL Trackback para esta noticia:
Votos: 0 de 0



28/07/2007
21:35:38
#1   Hola.he estado necesitando un editor de Pag web poe eso he visitado esta pag. Creo que baje algo de eso. si asi fue,muchas gracias. que'mas les puedo decir. Gracias. Bae.
     Responder 
Votos: -1 de 1
Marcelo
Marcelo
Marcelo
16/02/2008
18:28:15
#2   Voy a probarlo.
     Responder 
Votos: -1 de 1
ivan miguelperez tejeda
ivan miguelperez tejeda
ivan miguelperez tejeda
14/07/2008
20:34:05
#3   quiero crear un graffitis
     Responder 
Votos: 1 de 1
carlos-012
carlos-012
carlos-012
13/08/2008
0:24:30
#4   esta bien
     Responder 
Votos: 0 de 0
rackwitz
rackwitz
rackwitz
22/08/2008
1:00:38
#5   como puedo ponerle menu a esat pagina ? algen sabe? porfa respondan
     Responder 
 
 
Datos  Login Registrarse
Usuario
   
Email
Website
 
Nuevo comentario:


Tags HTML permitidos: br
 

 

NeoTeo



Autores