Esercitazione HTML #2

Esercitazione HTML #2
Istruzioni
Creare una pagina HTML per ogni esercizio: es#.html (es1.html, es2.html, …)
Consegnare, oltre alle singole pagine HTML anche l’eventuale materiale esterno utile al loro corretto
funzionamento.
I documenti HTML devono essere opportunamente indentati.
Realizzare le seguenti pagine HTML
Elenchi
1. Creare una pagina web contenente un elenco numerato, in cui ogni elemento è il link agli esercizi di
questa esercitazione. (Eventualmente, creare questa pagina per ultima)
2. Creare una pagina web contenente un elenco puntato avente per elementi tutti i tag HTML studiati
nel corso di queste lezioni.
a. A partire dall’elenco creato nella pagina precedente aggiungere, sotto ad ogni tag, un altro
elenco (sottoelenco) contenente gli attributi che il tag supporta (se previsti).
3. Creare una pagina web contenente un elenco in cui compaiano come elementi i passi fondamentali
(ordinati!) per la risoluzione di un’equazione di primo grado non in forma normale.
Tabelle
4. Creare una tabella in una pagina web con il vostro orario scolastico: la prima riga in alto è
l’intestazione della tabella, dove ogni sua cella contiene un giorno della settimana; la prima colonna
a sinistra contiene invece l’ora scolastica (1,2,…,5).
5. Creare una pagina web con una tabella che rappresenti la vostra pagella (i voti inseriti potete anche
inventarli…). La prima riga in alto deve essere l’intestazione della tabella dove in ogni cella sarà
presente il titolo di ciò che andrà a contenere la colonna corrispondente (es. “Materia”, “Voto
scritto”, “Voto orale”, “Voto pratica”).
Oggetti, Audio, Video
6. Creare una pagina web contenente due tracce audio a piacere, precedute dal titolo della canzone e
dall’autore. Titolo e autore devono essere scritti in due formati (dimensioni) diversi.
7. Creare una pagina web contenente un video a piacere, preceduto dal titolo del video (se il video
non ha un titolo inventatelo).
Attributo Style
8. Creare una pagina web per presentare voi stessi (come meglio credete!). La pagina deve contenere
un titolo (il vostro nome e cognome), un sottotitolo, 2 paragrafi (il testo che inserite è a piacere) ed
una vostra fotografia. Impostare le seguenti caratteristiche di stile:
- Sfondo: colore e immagine di sfondo
- Titolo: colore, allineamento del testo centrato
- Sottotitolo: colore, allineamento del testo centrato
- Testo del primo paragrafo: famiglia del font (font-family) “times”, allineamento a sinistra, colore
- Testo del secondo paragrafo: famiglia del font (font-family) “serif”, allineamento a destra, colore
- Bordo dell’immagine: 2 px di spessore (width), colorato, stile doppio
http://www.w3schools.com/cssref/pr_border.asp
Tutti i colori sono a piacere ma NON potete lasciare inalterati quelli di default (es. sfondo NON bianco).
Note
Tutte le pagine create devono obbligatoriamente avere un titolo nell’header (a vostra scelta, se non
specificato), un autore (il vostro nome e cognome) ed una breve descrizione del contenuto della pagina.
Tutte le pagine web create devono obbligatoriamente avere un titolo nel body (a vostra scelta, se non
specificato) e, se lo ritenete opportuno (facoltativo), anche un sottotitolo.
I sottoesercizi, dove presenti, possono essere visti come “versioni avanzate” degli esercizi principali. Potete
decidere di creare un file anche per ogni sottoesercizio (es2.html, es2a.hmtl) oppure di consegnare
direttamente un unico file che sia la versione dell’esercizio completa di tutti i punti (es2.html). Nel caso
scegliate la prima opzione ovviamente nella pagina es1.html dovranno essere presenti anche i link alle
pagine dei sottoesercizi.