NVU: Un editor HTML open source


Nell'ambito del Progetto Mozilla,  alcuni sviluppatori, con il patrocinio tecnico ed il supporto economico di Linspire hanno rimesso le mani sull'editor HTML di Mozilla, detto Composer, basato sul motore Gecko, al fine di produrre un editor multipiattaforma completamente gratuito.

L'editor in questione si chiama NVU (pronunciato "en-viù", ovvero New View), ed è già disponibile in una release  deifinitiva, marcata 1.00, per diversi tipi di piattaforme e già  localizzata in diverse lingue, tra le quali l'italiano.

Il progetto sembra estremamente interessante, sia per i contenuti tecnici, sia per il fatto che è e sarà del tutto gratuito, secondo la filosofia Open Source, in licenza GPL.

Diciamo subito, a scanso di equivoci, che la release che abbiamo testato, su piattaforma Windows XP, risente di qualche problema,  probabilmente dovuto al porting da Linux, o al fatto che il prodotto è ancora grezzo e presenta alcuni piccoli bachi, che, si auspica siano stati risolti dalle release successive.


L'interfaccia del programma è strutturalmente più o meno simile a quella di Microsoft Frontpage,

con una finestra di lavoro selezionabile come editor WYSIWYG, con evidenziati i tag HTML, in codice e come anteprima:

Nell'utilizzo didattico appare di notevole importanza la visualizzazione dei tag HTML, in quanto è così possibile mostrare, in modo diretto, l'apertura a el achiusura dei vari tag:


E', ovviamente, possibile un anteprima sul browser che, almeno nelle nostre installazioni, non ha funzionato. probabilmente NVU cerca di aprire Mozilla senza permettere di definire un browser a scelta; non trovandolo non consente l'anteprima. C'è d auspicare che gli sviluppatori implementino la scelta del browser predefinito.

In realtà esiste un'estensione che consentirebbe la cosa: launchy. Questa estensione, utilizzabile su tutti le applicazioni Mozilla è anche localizzata in italiano. Con Mozilla Firefox funziona perfettamente in italiano, con NVU 1.0 inglese in inglese, mentre con NVU 0.90 italiano appare in una lingua che sembrerebbe il polacco... E non esiste la possibilità di modificarla, a meno di non intervenire sui sorgenti.

La gestione delle immagini è completa, con una finestra che presenta diverse etichette ciascuna con diverse opzioni:

tra queste molto importante la possibilità di posizionare in termini assoluti l'immagine, associare ad essa un link, il testo alternativo, definirne le dimensioni, gli attributi HTML ed anche definire dei comportamenti con script Javascript.

Quest'ultima opzione, ben sviluppata in Microsoft Frontpage ed in Macromedia-Adobe Dreamveawer, consente, ad esempio, attività al passaggio del puntatore o a l click del mouse. Purtroppo  sono presenti solo i comandi, ma i comportamenti uno li deve inserire a mano, conoscendo, ovviamente Javascript. Negli altri due editor di riferimento, i comportamenti più comuni.

A titolo di esempio alla foto precedente è stato assegnato lo script:

 onmouseover='open("grafica/nvu03.jpg","Foto","width=456,height=333");'

ovvero, passandoci sopra, si apre una finestra pop-up con la stessa foto.

Peccato che il comportamento sia attivo anche nella visualizzazione di editing, per cui se si ha una pagina con un po' di comportamenti, si susseguiranno aperture di finestre indesiderate.

La gestione degli stili è decisamente uno dei punti di forza, ancorchè non del tutto completata. Oltre agli stili predefiniti è disponibilee un editor CSS, secondo gli standard CSS2, che permette la definizione di fogli di stile particolarmente precisi:

Le tabelle sono gestite da un menu classico e da una finestra ove è possibile definire i principali attributi della tabella e delle celle, ed una avanzata ove sono disponibili tutti gli attributi HTML, gli stili ed i comportamentii:

Anche la gestione dei moduli avviene attraverso un menu ed una finestra che consentono in pochi passaggi di giungere al risultato:


Tutti i consueti comandi sono disponibili nei menu a discesa e nella barra delle icone che è personalizzabile dall'utente.

A completare, è da mettere in evidenza  il menu "Strumenti" che contiene, tra gli altri, un "Ottimizzatore di markup" ed un "Convalida HTML " che si connette al Markup Validation Service di W3C per definire se la pagina è compatibile allo standard HTML 4.01 Transitional.

NVU consente anche il caricamento di estensioni e di temi.

Il programma, infine, consente la pubblicazione della pagina in FTP



e la gestione, pur ridotta, del sito:




In conclusione, secondo il nostro parere, NVU è un progetto molto interessante,  anche se risente di una certa mancanza di stabilità. Superati questi problemi, potrà essere un ottimo strumento nelle aule didattiche a tutti i livelli.

Tutte le informazioni sul programma, download dello stesso e della documentazione, forum e quant'altro si può trovare nel sito MozillaItalia, all'URL
http://www.mozillaitalia.org/nvu/ .

Creato con Nvu

 


Aggiornato il: 18/11/2005 17.13.34

Istituto e Liceo Tecnico Statale di Chiavari - Dipartimento di ICT
 Via Castagnola 15A - Chiavari (Genova - Italia) 
tel. +390185324590  fax. +390185370106

Informazioni legali