Compito di laboratorio di informatica HTML
Creare un sito che tratti un argomento a vostra scelta, cercando i testi e le immagini su Internet.
Il sito deve prevedere una organizzazione a cartelle che separi le immagini e le pagine html lascian- do nella cartella principale del sito solo il file di partenza, nominato opportunamente.
I nomi delle cartelle, dei file html e delle immagini devono essere chiari e descrittivi, quindi, se ne- cessario, rinominate opportunamente i file scaricate da Internet.
Il codice di ogni singola pagina html deve essere completo in ogni sua parte.
Oggetto della valutazione sarà l'utilizzo di ogni singolo elemento HTML richiesto per la creazione delle pagine rispettando i vincoli assegnati dal testo, includendo anche tutti gli elementi non diretta- mente visibili dal browser. La valutazione della parte della prova che richiede una composizione originale verterà sul corretto utilizzo degli elementi html e sulla capacità di combinarli in modo creativo rispettandone comunque i vincoli di correttezza sintattica.
Al termine della prova il candidato dovrà fornire la stampa del codice di ogni singola pagina creata e la versione elettronica del sito.
1
La pagina principale deve contenente quanto indicato di seguito:
1. una tabella con bordo visibile composta da quattro righe e due colonne, allineata al centro della pagina, con una distanza del testo dal bordo del 20%;
2. la prima riga deve essere composta dall'unione delle sue due celle e deve riportare come tito- lo il nome del sito, colorando a vostra scelta il testo;
3. la prima cella della seconda riga deve unire tutte le righe della tabella e deve contenere l'immagine che caratterizza il vostro sito, prevedendo subito dopo tutti i riferimenti per po- tervi contattare, incluso un link in corrispondenza del vostro indirizzo mail in grado di aprire automaticamente il client di posta elettronica; il testo con i vostri riferimenti formattatelo opportunamente;
4. le celle rimanenti usatele per inserirvi i link alle altre pagine del sito, prevedendo che l'aper- tura delle pagine avvenga in una finestra diversa e impostando l'altezza delle celle in modo tale che sia uniformemente distribuita fra di esse;
5. tutte le celle della tabella, ad esclusione di quella contenente l'immagine ed i vostri riferi- menti, devono avere uno sfondo colorato e prevedere un allineamento del testo centrato;
6. usate le entità carattere per qualsiasi carattere speciale presente nel vostro testo.
Un esempio del risultato finale viene fornito nell'immagine che segue:
2
La seconda pagina deve contenente quanto indicato di seguito:
1. un'immagine di sfondo;
2. un'immagine con un bordo visibile sufficientemente grande da consentire l'inserimento di una scritta alla sua destra; l'immagine deve prevedere la visualizzazione di una breve descri- zione quando il mouse viene posizionato su di essa;
3. un testo descrittivo allineato alla destra dell'immagine, prevedendo un titolo, un elenco pun- tato e due barre orizzontali che evidenzino lo scritto, colorandole con un colore a vostro pia- cimento ma diverso da quello standard;
4. un link che permetta di tornare alla pagina iniziale del sito (descritta a pag. 2), allineato sotto l'immagine;
5. usate le entità carattere per qualsiasi carattere speciale presente nel vostro testo.
Un esempio del risultato finale viene fornito nell'immagine che segue:
3
La terza pagina deve contenente quanto indicato di seguito:
1. uno sfondo colorato a vostro piacimento;
2. una tabella con bordo visibile e colorato, composta da tre righe e due colonne;
3. la prima riga, composta dall'unione delle sue due celle, deve contenere un titolo allineato al centro della cella;
4. la prima cella della seconda riga deve contenere una nuova immagine allineata al centro del- la cella;
5. la seconda cella della seconda riga deve contenere un titolo descrittivo in formato italico al- lineato al centro della cella;
6. la terza riga, composta dall'unione delle sue due celle, deve contenere un testo descrittivo, allineato in modo giustificato, e contenente un elenco numerato di tipo letterale;
7. un link che permetta di tornare alla pagina iniziale del sito (descritta a pag. 2), allineato sotto la tabella;
8. usate le entità carattere per qualsiasi carattere speciale presente nel vostro testo.
Un esempio del risultato finale viene fornito nell'immagine che segue:
4
La quarta pagina dovrà essere una pagina completamente originale nella quale potrete prevedere tutto ciò che vorrete, rimanendo comunque sempre coerenti con l'argomento trattato dal vostro sito.
Rispetto all'esempio fornito, questa pagina corrisponderebbe a quella richiamata con il link Machia- velli presente nella pagina principale del sito, descritta a pag. 2.
5
