Css

Qui puoi trovare diversi esercizi sui link da svolgere in HTML e CSS.

Esercizio 2: Sito tennis

Partendo dal seguente progetto del sito dedicato al tennis (tennis.zip), analizzare il codice presente e notare come il css riesce a modificare lo stile delle pagine html.

In seguito, modificare i diversi file del sito secondo le seguenti indicazioni:

• nel file tennis_home.html inserire una descrizione di cosa contiene il sito, almeno un'immagine;

• nel file tennis_notizie.html inserire un paragrafo e qualche notizia sugli ultimi tornei giocati. Trovi informazioni utili qui: https://www.tuttosport.com/tennis 

• nel file tennis_giocatori.html inserire un paragrafo e una tabella con la colonna posizione (1, 2, 3, 4, 5), la colonna classifica atp (i primi cinque giocatori in classifica) e la colonna classifica wta (prime 5 giocatrici).  Trovi i primi 5 giocatori qui e le prime cinque giocatrici qui. 

• nel file tennis_slam.html inserire la descrizione dei 4 slam: Australian Open, Roland Garros, Wimbledon e Us Open. In particolare mettere una foto per ogni slam.  Trovi una descrizione dei quattro slam qui.

• Nel file stile_tennis.css aggiungere codice css in grado di modificare lo stile della tabella e qualunque altra modifica allo stile intendi fare. 

Esercizio 3: Sito Gruppo musicale preferito

Partendo dal seguente progetto del sito dedicato ai Maneskin (manesking.zip), analizzare il codice presente e notare come il css riesce a modificare lo stile delle pagine html.

In seguito, realizzare le pagine dedicate alle sezioni biografia, album e fotografie con lo stesso stile della home page. Puoi realizzare il sito web anche sul tuo gruppo preferito modificando anhce la home page. 

Puoi apportare modifiche al css per modificare lo stile ed il layout della pagina.

Esercizio 4: Home page di Altervista

Modificare il file index.html del tuo account personale di Altervista. Nella navbar mettere almeno i seguenti link:

• Home page

• I miei esercizi di programmazione web (link che porterà ad una pagina contenente i link alle home page degli esercizi di css che hai già svolto);

• Educazione civica (link che porterà al sito web che realizzerete per la materia di educazione civica);

• PCTO (link che porterà ad una pagina che parla delle vostre esperienze di pcto preferite.