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

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

11 Flares Twitter 1 Facebook 10 Google+ 0 Pin It Share 0 Email -- 11 Flares ×

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. 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.

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.

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 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.


  • NICK DEL USUARIO REGISTRADO

    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.

  • Marcelo

    Voy a probarlo.

  • ivan miguelperez tejeda

    quiero crear un graffitis

  • carlos-012

    esta bien

  • rackwitz

    como puedo ponerle menu a esat pagina ? algen sabe? porfa respondan

    • anonimo

      No se puede

  • coach factory outlet

    9

  • gucci outlet

    66

  • Coach outlet

    7

  • sfsfs

    Below are the current patches and downloads for FFXIV Gil Buy FFXIV gils with fast delivery, you can receive your purchase in 5 minutes!|Why not come to us? FFXIV Gold We are the professional final fantasy seller,| FF14 gil | buy ffxiv gil | Having looked at several other guides, final fantasy XIV gil | cheap ffxiv gil | final fantasy 14 gil | buy Final Fantasy XIV Gil We have the most cheapest ,| and the best reputation guarantee

  • raizelqoqa

    Change of trend cycle, christian louboutin black and cycle. Blockbuster Rome short shoes and Christian Louboutin ankle boots in this season losing support comes as this season to be masters of, Christian Louboutin Slingback in addition to return Straw soles, there is also another peak Pump Boyish Shoes and High Heels. christian louboutin heels Shoes shoe brand in the, France shoes King Christian Louboutin absolute is one of industry authority, brand this quarter spring summer shoes works apart from to gorgeous colorful of color as main, Christian Louboutin Pointed Toe with season of lively vitality phase echoed outside, christian louboutin shoes more to "high" difficulty challenge, refresh 160 mm Super high heel of records, and distribution Yu Lady Daf, and Daffodile and the Mago series in the, and among launches world’s first 125°c is models demonstration of pair christian louboutin men black white Zebra sheath Daffodile Shoes, Christian Louboutin Ankle Boot although Christian Louboutin heels up to 160 mm, but shoes head mining to Pump design, order Lady were can easy to control, Christian Louboutin D’orsay double leg in Visual became more slender, while also can elongated movements. In addition, nearly a quarter of Boyish Shoes, Christian Louboutin Evening arrived at this season’s momentum, and brand this season has also joined the new design, Christian Louboutin Flat all flashing tones, low profile is filled with ornate style, regardless of the combination of work clothes or jeans, mature charm of the all people’s eyes light up. Christian Louboutin Mary Jane
    In addition, Wedge soles are almost every quarter of the spring and summer shoes one common design style, this season more special joined materials and soles made of natural material such as Cork, Christian Louboutin Peep Toe brings natural and fresh scent; Wedge sole design see also mind, no longer limited to height and thickness, white Christian Louboutin Peep Toe Shoes on the models model of mining to geometric designs, have a special mind.

  • asdasd

    ategy, lv bikinis brand building

    indirect channels that manufacturers louis vuitton bikinis use distributors to sell their products. Among them, most retailers, distributors in the direct access to consumers, therefore, the greatest impact brand louis vuitton outlet equity.
    how to…

  • cjyjordan

    In addition to the cost of bathroom remodeling, it is also important to note the gucci gucci gucci time that it will take. How long a kitchen remodeling project lasts will all depend on what is being remodeling. If you are coach online simply looking to replace your bathroom toilet, you will find that your remodeling project coach shoes takes less time than it would if you were planning on remodeling your entire bathroom. The amount of time it orange handbags hermes wallets takes for remodeling will also depend on how much time can be devoted to it. If you make the decision to hire a coach factory store nj professional contractor to remodel your bathroom, the remodeling will likely be air jordan 5 done quicker. In addition to knowing exactly gucci hobo handbag what they are doing, professionals can usually devote more time to work than someone who is only doing the work on the side.

  • chanel shoes

    She later won [url=http://www.cheap-jersey-shop.com/mlb-jersey-c-1.html]discount jerseys[/url]
    [url=http://www.cheap-jersey-shop.com/mlb-jersey-c-1.html]mlb jerseys[/url] the 2004 presidential election under dubious circumstances when large numbers of provincial votes in her favor were thought to be fraudulent. Nonetheless, she has been in power for eight years, longer than any president since the late strongman Ferdinand Marcos was ousted by People Power in 1986 after 20 years in power.

  • Coach Outlet

    The official declinedURL:[url=http://www.coachcoach-outlet.net/]Coach Outlet[/url] to provide additional details about Bales, who is suspected
    A标签带title跟H1: Coach Outlet of walking off his base in southern Afghanistan on Sunday and gunning down A标签带title: Coach Factory Outlet the 16 villagers, including nine children and three women.Earlier, the soldier’s attorney said the staff sergeant was scheduled to A标签带H1: Coach Outlet Store arrive on Friday at the Fort Leavenworth army base in Kansas, whereAA标签 Coach Outlet he will beheld in maximum security. Fort Leavenworth has the U.S. Defense Department’s onlymaximum-security facility.

  • Coach Outlet

    The official declinedURL:[url=http://www.coachcoach-outlet.net/]Coach Outlet[/url] to provide additional details about Bales, who is suspected
    A标签带title跟H1: Coach Outlet of walking off his base in southern Afghanistan on Sunday and gunning down A标签带title: Coach Factory Outlet the 16 villagers, including nine children and three women.Earlier, the soldier’s attorney said the staff sergeant was scheduled to A标签带H1: Coach Outlet Store arrive on Friday at the Fort Leavenworth army base in Kansas, whereAA标签 Coach Outlet he will beheld in maximum security. Fort Leavenworth has the U.S. Defense Department’s onlymaximum-security facility.

  • Coach Outlet

    The official declinedURL:[url=http://www.coachcoach-outlet.net/]Coach Outlet[/url] to provide additional details about Bales, who is suspected
    A标签带title跟H1: Coach Outlet of walking off his base in southern Afghanistan on Sunday and gunning down A标签带title: Coach Factory Outlet the 16 villagers, including nine children and three women.Earlier, the soldier’s attorney said the staff sergeant was scheduled to A标签带H1: Coach Outlet Store arrive on Friday at the Fort Leavenworth army base in Kansas, whereAA标签 Coach Outlet he will beheld in maximum security. Fort Leavenworth has the U.S. Defense Department’s onlymaximum-security facility.

  • brunoberk

    Nice to be visiting your blog again, it has been months for me. Custom Essay Writing UK Help With Essay Dissertation Proposal Writing UK Dissertation Help Need To Buy Essay Custom Written Essays How To Write Essay Dissertation Writing Services