Esercitazione 2
Home Su HTML in 10 passi Esercitazione 1 Esercitazione 2 Manuale esteso HTML lucidi-lezione

 

Secondo esercizio su HTML

In questo secondo esercizio renderemo più bello il nostro museo virtuale, cercando di andare verso un sito "di terza generazione", guidato dal design (e dalla meafora) piuttosto che da HTML.

Vogliamo usare la metafora della piantina del museo, in cui si vedono le varie stanze che corrispondono alle varie sezioni del Museo. Cliccando sui nomi delle sezioni ci si sposta nella stanza corrispondente dove si trovano i quadri di quella sezione. La pagina allegata è un esempio dell'effetto che vogliamo ottenere.

Le tecniche utilizzate per realizzare questa pagina sono:

  1. Viene usato un colore di background per la pagina.
  2. Viene usato un tipo di carattere particolare (Verdana) per i titoli e le scritte.
  3. La piantina è realizzata come una tabella, in cui le dimensioni delle celle, sia verticali che orizzontali, sono fissate a mano.
  4. Ogni cella ha un suo colore di background.
  5. Ogni cella ha un nome che è un collegamento ad un'altra pagina per la stanza.

Le stanze poi dovrebbero essere collegate tra di loro in modo da consentire uno spostamento tra stanze adiacenti, come in un museo vero.

A titolo di esempio abbiamo realizzato la stanza degli impressionisti.