3D e 3E: Realizzare un sito Web responsive con l’HTML 5 e CSS di un piccolo museo virtuale

Realizzare un sito Web responsive con l’HTML 5  e CSS  di un piccolo museo virtuale.

 Struttura generale delle pagine del sito.

(Intestazione con titolo e sotto titolo, menu di navigazione, visualizzazione dei contenuti , piè di pagina footer esempio a pag. 373 del libro in adozione)

Esempio:

(Titolo della pagina) TITOLO 1 (sottotitolo) Titolo2
Navbar (menu di navigazione)            Home            Pagina artista            Pagina opere            Visita virtuale            sitografia	Contenuto (Visualizzazione dei contenuti) notizia
Footer (piè di pagina)

 HOME PAGE. La pagina principale deve contenere (almeno):

 • il nome del museo come intestazione

• una lista delle opere contenute (almeno tre), per ogni opera elencata, ci sarà un collegamento ad un’altra pagina sia nell’area della pagina (contenuti) sia dalla parte del navbar

PAGINE DELLE OPERE.

Ogni pagina contenente un’opera d’arte (accessibile tramite il link contenuto nella home page)

deve contenere (almeno):

• il titolo dell’opera come intestazione,

• l’autore dell’opera,

• un breve testo descrittivo dell’opera,

• l’immagine dell’opera, cliccando sull'immagine deve aprirsi una nuova pagina contenente una scheda più dettagliata dell’opera e del suo autore,

 • un video di un’opera,

• un audio che descriva l’opera,

• un bottone che permetta di ritornare all’home page.

Una pagina contenente un modulo contatti e prenotazioni

Aspetti grafici del sito.

Usate la vostra fantasia per rendere gradevole l’aspetto del museo virtuale, impostare un CSS esterno che gestisca ogni singola parte delle pagine:

• il colore dello sfondo

• un’immagine come sfondo

• il colore del testo

• il colore dei link da visitare

• il colore dei link visitati

• ecc.

Tempistica della consegna 3E: Venerdì 15 nov, primo step, martedì 19 nov consegna definitiva.

Tempistica della consegna 3D: Giovedì 14 nov inizio progetto in classe, 21 consegna definitiva.

fonte originale della foto: https://it.wikipedia.org/wiki/Museo_virtuale#/media/File:1791_-_Milano_-_Museo_egizio_-_Foto_Giovanni_Dall'Orto_-_14-Feb-2008.jpg