Obiettivo del progetto è quello di mettere in pratica le nozioni su html e javascript apprese nel corso delle lezioni costruendo un minisito web con le caratteristiche descritte qui di seguito.
Il sito sarà suddiviso in tre sezioni che dovranno essere accessibili a partire da un pagina di partenza.
In questa sezione si trova un breve glossario di termini riguardanti argomenti chiave dello web, ad esempio internet, web e html. La pagina iniziale conterrà l'elenco dei termini del glossario attraverso i quali si potranno raggiungere le pagine specifiche che descrivono il termine e alcuni collegamenti per l'approfondimenti disponibili in rete.
Per mostrare in pratica come si possono adoperare le immagini all'interno di una pagina web costruiremo una sezione in cui descriveremo alcune asteracee (almeno tre). La struttura della sezione sarà simile alla precedente; tuttavia in questo caso si dovranno tener conto delle seguenti richieste:
nella pagina iniziale dovremo trovare un elenco di asteracee assieme alle miniature delle immagini associate;
a partire dalla pagina iniziale è possibile raggiungere le pagine specifiche dei singoli fiori che conterranno le stesse immagini, di dimensione tale da consentirne una visualizzazione apprezzabile all'interno della pagina assieme a parte del testo;
a partire dall'immagine presente nella pagina di dettaglio sarà possibile raggiungere un file contenente la stessa immagine a grande formato, non necessariamente visualizzabile tramite il browser.
In questa sezione si dovrà realizzare una pagina che permette di giocare a “Pensa un numero!” adoperando il codice JavaScript contenuto in un apposito file esterno.
Il gioco funziona in questo modo:
la pagina viene caricata e compare il messaggio: “Ho pensato ad un numero compreso tra 1 e 1000”;
l'utente a questo punto tenta di indovinare il numero;
se il numero proposto è sbagliato l'utente verrà avvertito e gli verrà fornita l'informazione che il numero è più grande ho più piccolo di quello “pensato”;
se invece il numero è corretto si otterrà un messaggio di avviso contenente l'informazione sul numero di tentativi effettuati.
Il minisito dovrà essere interamente contenuto all'interno di una singola directory suddivisa in tante sub-directory ognuna delle quali conterrà una singola sezione.
Le immagini relative alla Sezione 2 saranno contenute all'interno di un'apposita directory.
Il sito dovrà essere facilmente navigabile: in altre parole a partire da ogni singola pagina dovrà essere possibile almeno risalire di un livello e tornare immediatamente alla pagina iniziale.
La pagina iniziale relativa alle sezioni 1 e 2 dovrà essere costruita senza i frame, ma almeno in uno dei due casi sarà proposta in altrenativa una versione a frame.
All'itero mini-sito deve essere associato un opportuno foglio di stile esterno.