Crea il tuo primo sito web
Compito: ricrea questo micro sito sul tuo web server locale (sulla tua macchina)
- Questo micro sito segue le istruzioni per creare una pagina HML+CSS di un ottimo Tutorial del W3C
- il file .css è separato, e collegato con <link rel="stylesheet" type="text/css" href="style.css" />
- dobbiamo creare più pagine per rendere il menù attivo: le pagine sono 'copie' della pagina iniziale index.html, con le modifiche di contenuto necessarie.
- Non sono un grafico, e non ho particolare cura di colori, fonts, e dimensioni. Modificate il .css per rendere il vostro risultato finale meno orribile di queste pagine :-)
Esercizi
Nello svolgere il compito di cui sopra, realizza anche i seguenti punti:
- Inserisci una galleria di immagini in almeno una delle pagine del tuo micro sito;
- Fai in modo che alcune delle immagini linkino a delle pagine interne del tuo sito, e altre a domini esterni;
- In una pagine crea una tabella, con celle, bordi e colori differenziati;
- In una pagine crea un elenco puntato, i cui elementi contangano link a siti importanti.
Accademia Albertina Torino, Scuola NTA, a.a. 2024-2025
Insegnamenti ABTEC40
a cura di mario chiari
Senza istruzioni di stilizzazione
Questa pagina - che nella parte sopra la linea orizzontale qui sopra è esattamente come index.html - non richiama alcun file .css, e non include alcuna regola di stile. Quello che appare è quindi la struttura html della pagina, senza alcuna stilizzazione. Cercate di capire la distinzione tra la struttura della pagina, definita dalla disposizione della tag html, e gli elementi di stilizzazione, indicati dalla regole css.
Back home