Writing HTML | Riguardo A | FAQ | Riferimenti | Tag | Lezioni | indietro | avanti |

15. HTML "Standard" e "Avanzato"

Entrare nel reame successivo dell'HTML
     ...significa che e' possibile fare un numero maggiore di cose, ma anche che molte considerazioni presuppongono un HTML meno "standard."

Obbiettivi

Dato che hai lavorato cosi' duramente fino a questo punto, in questa breve lezione non ci sara' niente che dovrai fare! Dopo questa lezione sarai in grado di:

Lezione

Nella lezione 0, abbiamo introdotto l'argomento HTML "standard". La seguente lezione ti mostrera' come usare alcuni altri tag HTML, che potrebbero non essere essere accettati da tutti i web browser. Ora, riguardiamo solo alcune cosette prima di avventurarci e proseguire.

Che ne dici di un pochino di storia?

Tanto, tanto tempo fa ("in una galassia lontana?")... bene attorno all'anno 1990, il World Wide Web era un sistema basato su testi contraddistinti dall'HyperText MarkUp Language. I tags e le loro interpretazioni furono create in base a standard (HTML 1.0) codificati da un comitato internazionale. Questa fu la chiave che permise al "web" di diventare "world wide", cioe' una "rete diffusa nel mondo" perche', seguendo gli standard, le informazioni furono completamente indipendenti dai computer attraverso cui erano visualizzate.

Anche quando NCSA Mosaic irruppe sulle scene nel 1993 come primo web browser con interfaccia grafica, gli standard furono seguiti alla lettera, che a quel tempo furono aggiornati alla versione HTML 2.0.

La Rete comincio' ad essere popolare.

Estremamente popolare.

Insanamente popolare.

Altri programmatori cominciarono a costruire web browser che offrissero funzioni e qualita' simili a Mosaic (in quanto supportavano tutte le strutture HTML proposte dagli standard internazionali). Un gruppo, di cui facevano parte gli sviluppatori di prima data di Mosaic, formo' una nuova compagnia -- la cui mascot fu "Mozilla", ("Mosaic" + "Godzilla"), con un web browser di marca nuova, conosciuto come Netscape Navigator.

Netscape era piu' veloce di NCSA Mosaic. La sua popolarita' e il numero dei suoi utenti crebbe a causa delle funzionalita' in esso contenute, che includevano tutti i tag aggiunti nella versione HTML 2.0 PLUS, i quali permettevano cose che in HTML 2.0 non era possibile fare. Queste "estensioni" o "miglioramenti" causarono (e continuano a causare) accese discussioni e dibattiti prolungati tra i puristi dell'HTML e gli utenti soddisfatti delle funzionalita' aggiunte da Netscape.

Il Netscape Mozilla divenne immensamente popolare e rapidamente si fece fuori i 3/4 della torta "browser". Allora, con l'HTML, si potevano includere sfondi per le tue pagine, tabelle di testo formattate, testo che si dispone intorno al bordo delle immagini ed altro ancora. Si cominciarono a vedere in Rete pagine che dicevano, "Questa pagina e' ottimizzata per Netscape". Altri browser cominciarono a includere supporti per le funzionalita' "HTML 2.0+" di Netscape . Come la maggior parte dei servizi online resi attivi sulla Rete, il mercato dei browser divenne ancora piu' incasinato (e rumoroso).

Il comitato internazionale dovette confrontarsi con un dilemma, in quanto il mercato chiedeva insistentemente che questi tag "non-standard" divenissero parte dell' HTML. Quando le caratteristiche di HTML 3.0 furono sviluppate, esse cominciarono ad includere molti (ma non tutti) dei tag introdotti da Netscape. Per molte persone i processi di standardizzazione sembrarono muoversi troppo lentamente.

E la battaglia si fece ancora piu' estesa nel 1996 quando Microsoft introdusse i propri tag HTML, speciali e proprietari. L'HTML diventera' per caso ancora piu' simile ad una babele? Per maggiori informazioni riguardo la battaglia su HTML, perche' non consultare gli scritti di Andy King, HTML 3.0 e Netscape [EG]. L'azione piu' recente e' stata la proposta di HTML 3.2, che comprende molte delle funzionalita' supportate dai grandi giganti che si dibattono nell'arena, Netscape e Microsoft.

Il regolamento di posizione piu' recente si riflette in HTML 4.0 ed e' lo standard che era stato suggerito e che dovrebbe essere adottato da tutti i web browser. Quest'ultima evoluzione viene vista come un passo avanti verso una situazione di grande stabilita' per le modifiche future senza che i tag che devono essere aggiornati debbano essere meramente ridefiniti. Come vedremo nelle sezioni sucessive, gli Style Sheet, i fogli di stile forniscono metodologie efficienti per l'aggiornamento di interi siti web ad un'estetica piu' accattivante, piu' nuovi strumenti per una facile internazionalizzazione dei contenuti ed infine forniscono elementi di maggiore accessibilita' per non vedenti.

E questo cosa significa per noi? Mentre sviluppi pagine web, dovresti considerare cosa useranno i tuoi utenti per accedere alle tue pagine. Forse sei un'insegnate in una scuola o lavori in un dipartimento d'informazioni di una compagnia che e' sicura del fatto che i suoi utenti useranno un particolare browser e non altri. Se e' cosi', puoi tranquillamente disegnare le tue pagine web e testare i tuoi script su un solo browser. In ogni caso, noi lo consideriamo un approccio poco lungimirante che potrebbe, strada facendo, forzarti a realizzare aggiornamenti massivi e tediosi alle tue pagine di codice HTML.

Piu' comunemente, "pubblicherai" web page da un Internet server e non avrai nessun'idea di quale programma verra' usato o anche su quale tipo di computer. Puoi aggiungere avvertimenti speciali alla tua pagina. Puoi usare ed attenerti agli standard piu' largamente supportati su tutti i web browser. Anche se usi tag speciali, ci sono generalmente vie alternative che non mettono in difficolta' gli utenti di altri browser.

Cosa importantissima... non ti fissare sul modo con cui le tue pagine si presentano sul tuo computer! I tuoi utenti potrebbero avere browser diversi, set di caratteri diversi, preferenze diversi per quanto riguarda i colori del testo, monitor di misura diversa -- per cui e' molto probabile che il risultato che appare a loro si a diverso da quello presente sul tuo computer per misure ed estetica. Se hai la possibilita' di verificare le tue web page su computer diversi, allarga e restringi le finestre del browser, cambia i caratteri standard.

Fortunatamente, il design originale di HTML ha un insieme di regole estremamente aperto e permissivo -- se un browser incontra un tag con cui non sa come confrontarsi oppure come visualizzare, lo ignora, semplicemente

Per esempio, diciamo che il browser supporta il tag <drip>...</drip>. Questo tag fa' in modo che tutti i testi contenuti nell'interno appaiano normali e poi, lentamente, "gocciolino" verso il fondo della pagina (nota editoriale -- ALAN L'HA FATTO!), un effetto sfizioso per l'home page:

  <drip><H2 align=center>Benvenuti</H2></drip>
  nella mia home page gocciolante! 
  Occhio alle pozzanghere!
che obbedisce perfettamente sul mio browser casalingo perche' questo e' stato programmato per capire come visualizzare i tag <drip>...</drip>. Sul tuo browser che non supporta questa metodologia, vedrai:

sample web page

Benvenuti


Nella mia home page gocciolante!
Occhio alle pozzanghere!

Se il tuo browser non supporta questo tag salta solo avanti, completamente, piuttosto che bombardare di domande o dare un messaggio d'errore.

E' un ottimo concetto, non ti pare?

Raggiungere il Sorgente

Se non l'hai ancora imparato, il miglior segreto per imparare come disegnare web page e' di... "prendere a prestito in modo creativo". Non stiamo parlando di darci tutti al furto di codice HTML! Ma, se trovi una web page disegnata come piace a te, o ti trovi a chiederti, "Come hanno fatto a farlo?", allora la cosa piu' semplice da fare e' dare un'occhiata al loro codice!

I nomi esatti dei menu per poterlo fare varia in base al tipo di web browser ed alla versione che stai usando. Tipicamente, il menu del tuo browser dovrebbe avere un oggetto chiamato Visualizza oppure View da cui puoi selezionare HTML oppure Source o Page Source. Quando lo selezioni, questo scarica il codice sorgente HTML corrispondente all'URL della pagina correntemente visualizzata, e lo ricompone in modo che tu possa vederlo.

Un altro modo per afferrare il sorgente HTML e' quello di selezionare Salva con nome... oppure Save as... dal menu File del tuo browser. Questo attivera' la nostra finestra di dialogo, oramai familiare, dove avremo la possibilita' di scegliere la posizione sul nostro disco fisso dove salvare la pagina e il nome con cui farlo. Nella finestra di dialogo, puoi vedere anche pop-up menu etichettato come Salva come oppure Format -- assicurati di selezionare l'opzione Pagina Web oppure Source.

NOTA: Questo ti salvera' il file HTML della pagina visualizzata in quel momento... ma nessuna delle immagini usate nella pagina. Alcuni web browser piu' nuovi dispongono di accessori che forniscono funzionalita' per scaricare tutto il contenuto della web page in un unico pacchetto.
Ed un terza possibilita' per ottenere il sorgente HTML e' quello di aprire il menu segreto-- click destro del mouse per utenti Windows ed Unix, control-click per utenti Macintosh -- su una qualsiasi area bianca della web page.

In pratica, guarda quanto velocemente puoi salvare il codice sorgente HTML per questa pagina di lezione.

Mentre procediamo lungo queste lezioni piu' avanzate, le istruzioni diventeranno un po' piu' lunghe e complicate. Ma stiamo andando bene!

Verifica

  1. Perche' dovresti fare attenzione agli standard HTML?
  2. In quale situazione puoi trovare piu' agevole usare HTML non-standard?
  3. Cosa succede quando un browser incontra un tag HTML che non riesce a decodificare?
  4. Se vedi una web page qualsiasi con un design interessante, come puoi imparare come e' stata costruita?

Prossimamente....

Movimenta la pagina dietro il testo colorando la pagina o aggiungendo un file di testo.
VAI A.... | Indice Delle Lezioni | indietro: "Unire vs. Dividere" | avanti: "Sfondi" |

Writing HTML: Lezione 15: HTML "Standard" e "Avanzato"
©1994-1999 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges

The Internet Connection at MCLI is Alan Levine --}