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 lasciando 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 necessario, 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 direttamente 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 titolo 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 potervi 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'apertura 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 riferimenti, 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. 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 descrizione quando il mouse viene posizionato su di essa; 3. un testo descrittivo allineato alla destra dell'immagine, prevedendo un titolo, un elenco puntato e due barre orizzontali che evidenzino lo scritto, colorandole con un colore a vostro piacimento 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. 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 della cella; 5. la seconda cella della seconda riga deve contenere un titolo descrittivo in formato italico allineato 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. 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 Machiavelli presente nella pagina principale del sito, descritta a pag. 2. 5