Per ogni esempio sono forniti uno schema stilizzato della richiesta, una cartella compressa con la struttura esemplificativa ma realistica del nostro sito con la/le pagine web nel livello più basso, una cartella css per i fogli di stile, una js per gli script javascript ed una img per contenere le immagini. I link all’interno del codice delle pagine devono tener conto di tali percorsi. Quindi il codice è estratto e pubblicato. Le soluzioni proposte non necessariamente sono le uniche valide, possono esistere diversi modi di realizzare una specifica con selettori e fogli di stile differenti. Le soluzioni proposte sono testate su W3C Validator
Esercizio 00
L’esercizio che proponiamo è davvero molto semplice per prendere confidenza o ripassare i tag fondamentali di una pagina web, i tag semantici aggiunti dallo HTML5 e una infarinata base di CSS con gli elementi più utilizzati. Vediamo il codice e cerchiamo di analizzare frammento per frammento. Essendo un test puramente didattico, non ha pretese di design gradevole!
Diamo prima un’occhiata alla pagina che vogliamo realizzare