1 Esercizi
Esercizio 2.2 Create una home page personale. Questa pagina dovrà essere utilizzata per collegarvi direttamente da casa al sito Web della vostra Università. Il documento HTML dovrà includere un colore o un immagine di sfondo, dei commenti, la data corrente e le seguenti informazioni: il vostro nome, un codice di identificazione, l elenco delle materie da frequentare, gli orari delle lezioni per ogni materia, i nomi dei docenti e i loro numeri di telefono, altre informazioni. 2
Esercizio 2.5 Create una pagina Web per vendere dei prodotti. Il documento HTML dovrà includere un colore o un immagine di sfondo, dei commenti, la data corrente e le seguenti informazioni per almeno cinque prodotti: nome del prodotto, descrizione del prodotto (specificare le dimensioni, se necessari), quantità minima di vendita, prezzo unitario, tipo di trasporto (posta, corriere o altro). 3
Esercizio 2.4 Create una pagina Web per descrivere sinteticamente il vostro film preferito. Il documento HTML dovrà includere un colore o un immagine di sfondo, dei commenti, la data corrente e le seguenti informazioni: il titolo del film, l anno di produzione del film, il genere di narrazione cinematografica, la durata del film, gli attori e le attrici, trama del film. 4
Esercizio 2.6 Create una pagina Web per l università che frequentate. Il documento HTML dovrà includere un colore o un immagine di sfondo, dei commenti, la data corrente e le seguenti informazioni: nome dell università indirizzo, numero di telefono della segreteria, corsi di laurea, numero di iscritti breve storia dell Università. 5
Esercizio 3.2 1/2 Create un sito genealogico che rappresenti almeno 5 famiglie di discendenti. Ogni pagina del sito deve contenere dei commenti con il vostro nome e la data di creazione dopo il tag <HTML>. Tracciate lo schema dei link utilizzati. Create una home page con il nome di una famiglia, uno schema dei componenti della famiglia e i link con una o più pagine. (continua ) 6
Esercizio 3.2 2/2 Ogni pagina deve contenere i nomi dei due genitori e di tutti i figli. Oltre alla data di matrimonio dei genitori, la pagina deve riportare la data di nascita, di morte, la nazionalità e la città di nascita di ogni discendente. Includete i link Avanti e Indietro per raggiungere le pagine degli avi o dei discendenti di ogni persona che si trova nella pagina corrente. Create un footer comune e posizionatelo in fondo a ogni pagina del sito. Il footer deve includere un filetto orizzontale, il nome della famiglia, un link con la home page, il vostro nome e un link con il vostro indirizzo di posta elettronica. 7
Esercizio 3.3 1/2 Caricate la home page personale descritta nell esercizio 2.2. Ogni pagina del sito che creerete dovrà contenere dei commenti con il vostro nome e la data di creazione dopo il tag <HTML>. Tracciate lo schema dei link utilizzati. Utilizzate il nome dell Università come testo di un link con la home page del server dell Università. Create tre documenti con i seguenti titoli: Compito HTML 2, Compito HTML 2 e Compito HTML3. Aggiungete alla home page il titolo Compiti a casa e inserite tre link con i nuovi 8 documenti.
Esercizio 3.3 2/2 Create un footer comune e posizionatelo in fondo a ogni pagina del sito. Il footer deve includere un filetto orizzontale, un codice di identificazione delle materie, un link con la home page, il vostro nome e un link con il vostro indirizzo di posta elettronica. Se avete svolto l esercizio 2.1, collegate la pagina risultante alla home page personale di questo sito e aggiungete un nuovo footer a questa pagina. 9
Esercizio 3.4 Create un documento HTML con il titolo Angolo Poetico. Utilizzate dei link interni al documento con almeno quattro poesie. Il documento deve contenere dei commenti con il vostro nome e la data di creazione dopo il tag <HTML>. Tracciate lo schema dei link utilizzati. L inizio del documento deve avere un elenco di poesie ordinate per autore e per titoli. Ogni titolo deve essere un link (interno al documento) con la corrispondente poesia. I versi di ogni poesia devono essere preceduti dal nome del poeta, dal titolo della poesia e da un filetto orizzontale. Inserite un link Indietro alla fine di ogni poesia per 10
Esercizio 3.5 1/2 Se avete svolto l esercizio 2.4, caricate la pagina Web del vostro film preferito. Aggiungete un nuovo titolo: Che cosa pensano gli altri. Sotto questo titolo inserite due link con i siti Web che parlano del film, degli attori o del regista. Create almeno due nuovi documenti HTML che contengono le informazioni bibliografiche su qualche attore o sul regista del film. Inserite nella pagina principale dei link con questi nuovi documenti. Create un footer da inserire alla fine delle nuova pagine. Il footer deve contenere un filetto orizzontale, il titolo del film, un link con la home page, il vostro nome e un link con il vostro indirizzo11di posta elettronica.
Esercizio 3.5 2/2 Ogni pagina deve contenere dei commenti con il vostro nome e la data di creazione. Tracciate lo schema dei link utilizzati nell esercizio. 12
Esercizio 3.6 1/2 Create un glossario interattivo. Ogni pagina del glossario deve contenere commenti con il vostro nome e la data di creazione dopo il tag <HTML>. La home page deve contenere il titolo Tutto ciò che avreste voluto sapere su. Create 26 pagine (una per ogni lettera dell alfabeto inglese) o 5 pagine per i seguenti gruppi di lettere: A-E, F-J, K-O, P-T, U- Z. La home page deve includere dei link con queste pagine. Il glossario deve essere composto da almeno 40 definizioni. 13
Esercizio 3.6 2/2 Ogni pagina del glossario deve avere un footer formato da un filetto orizzontale, un link Indietro per ritornare alla home page, un link Avanti per passare alla pagina successiva (la pagina Z avrà un link alla pagina A), il vostro nome e un link con il vostro indirizzo di posta elettronica. Tracciate lo schema dei link utilizzati in questo esercizio. 14
Esercizio 4.1 Create la seguente lista: Elencate sei dei vostri CD musicali preferiti. Utilizzate soltanto il tag <BR> e numerate gli elementi da 1 a 6. Aggiungete una voce tra gli elementi 4 e 5; aggiornate la numerazione della lista. Cambiate la numerazione della lista da numeri arabi a lettere minuscole (a-g) 15
Esercizio 4.2 Ripetete l esercizio 4.1 utilizzando il tag delle liste ordinate <OL>. Svolgete i tre passaggi nello stesso ordine 16
Esercizio 4.3 Utilizzando più tag contenitori di lista, create la seguente struttura: I. Liste A. Ordinate 1. Tipo di numerazione a. alfabetica i. Lettere maiuscole ii. Lettere minuscole b. Numeri arabi c. Numeri romani i. Lettere maiuscole ii. Lettere minuscole 2. Inizio Corso HTML B. Non ordinate 17
Esercizio 4.4 Caricate la pagina Angolo Poetico dell esercizio 3.4. inserite i link utilizzati in una lista ordinata. Create un nuovo documento con il titolo I miei scrittori preferiti. Inserite all interno di questo documento una lista ordinata che contiene i nomi di almeno quattro scrittori. Sotto il nome di ogni scrittore, inserite una lista non ordinata che indica il luogo dove è nato e alcuni dei suoi maggiori romanzi. Questa pagina deve contenere un link con la home page e una copia Corso di del HTMLfooter. 18
Esercizio 6.7 Create un nuovo documento HTML e inserite un immagine che avete trovato sul Web. Create un link con il sito che contiene l immagine, in modo che i vostri utenti possano raccogliere altre immagini da questo sito. Dimostrate come: l immagine possa essere allineata al centro della pagina senza testi intorno. L immagine possa essere allineata a destra o a sinistra della pagina con i testi intorno. 19
Esercizio 9.5 Create un documento che dovrà svolgere la funzione di menu elettronico di un ristorante. Dovranno essere creati documenti relativi a: antipasti primi secondi dessert Per ogni titolo dovranno essere disponibili almeno sei opzioni. Il nome del ristorante dovrà apparire nella zona iniziale del documento e nella barra del titolo. Inserire immagini o illustrazioni in ogni 20 pagina.
Esercizi XML
Campionato calcio Codificare in XML il Campionato di calcio Anno 2013-2014 Serie Squadra Giocatore Nome Cognome Ruolo Allenatore Presidente Partite vinte Partite perse Città 22
Creazione di un Listato XML sulle strutture architettoniche della tua città Creare un listato XML con le seguenti informazioni: Nome Città Provincia Numero Chiese Numero Palazzi Nobiliari Numero Chiese Centro Storico
Esercizio Elenco CD Nome Artista Album Titolo Anno Casa Discografica Elenco Canzoni Titolo Canzone Durata 24