Progettazione web: esercitazione 09
Partendo dal risultato di esercitazione 07, che trovi qui allegato:
- scarica il file allegato, estrailo, rinomina la cartella in “es09”, apri es09 dentro a VS Code
- modifica la struttura dei file HTML, in modo tale da usare i tag del semantic HTML. Modifica opportunamente le regole del file CSS, così che continuino a funzionare
- solo quando hai completato la prima richiesta (consiglio vivamente), modifica il file CSS in modo tale che l’aspetto di annibale.html e index.html sia identico ai risultati qui allegati.
Informazioni utili
- la parte con sfondo grigio chiaro occupa il 15% dello spazio orizzontale
- la parte con sfondo giallo occupa il restante 85% dello spazio orizzontale
- TUTTI i link presenti nella pagina devono avere testo nero, sia in stato :link sia in stato :visited, e in stato :hover devono avere sfondo gray
- gli elementi li in aside devono avere un padding sotto di 5px (gli altri <li> no!)
- l’immagine di Annibale ha padding destro e inferiore di 20px
Buon lavoro 😊