Istituto Aldrovandi Rubbiani

Verifica 12 Gennaio 2007

Modulo: Sviluppo Web



Scopo del compito è verificare l'apprendimento delle principali tecniche di formattazione di una pagina web utilizzando i fogli di stile. Servendosi di Dreamweaver, lo studente dovrà trasformare un lay-out, disponibile come immagine, in una pagina funzionante.

Ecco lo screenshot del lay-out.
Per la realizzazione del lay-out sono necessarie quattro immagini già ritagliate: top-blue.gif, bottom-blue.gif, top-orange.gif e treno.jpg.


Dettagli di formattazione

Il testo è scritto in Verdana, arial, sans-serif, con una dimensione di 14 pixel.
BOLOGNA NEWS è il titolo principale della pagina, e ha una dimensione di 28 pixel.
NOTIZIE FLASH non è un titolo, ha una dimensione di 11 pixel, è in grassetto, codice colore b0b0b0 e dista da destra 12 pixel e dall'alto 6 pixel.
Nuova stazione per Bologna è un sottotitolo, dimensione 22 pixel, dista dall'alto 5 pixel ed ha come sfondo l'immagine top-orange.gif centrata e non ripetuta.

Curva vuota per 7 minuti, poi la rabbia contro la Juve e Ardigò: "C´è un blocco di potere che soffoca la partecipazione" sono link rispettivamente ai documenti pagina1.html e pagina2.html, e sono in grassetto e di colore b0b0b0.
Trenitalia è un link a www.trenitalia.com , è in grassetto ed è bianco.

La pagina ha uno sfondo color cbdea8 e il suo contenuto è centrato orizzontalmente.
Il box in alto (Notizie flash) è largo 750 pixel, dista 10 pixel dall'alto, 30 dal basso ed è centrato orizzontalmente. La sua parte superiore ha come sfondo l'immagine top-blue.gif mentre la sua parte inferiore ha come sfondo bottom-blue.gif . Il suo sfondo è di colore bff0ff, mentre il bordo è spesso 4 pixel, stile solido e coloreb0b0b0 . Il suo contenuto è allineato a sinistra e dista dai bordi 10 pixel.

Il box in basso è largo 730px ed è centrato orizzontalmente. Ha un colore di sfondo dc9a34 e il suo contenuto è allineato a sinistra e dista 10 pixel dal bordo.

L'immagine del treno è accostata al testo tramite l'attributo align="right" del tag <img>. Ha un bordo nero spesso 4 pixel.


Testi da copiaincollare

BOLOGNA NEWS

NOTIZIE FLASH

Curva vuota per 7 minuti, poi la rabbia contro la Juve
Ardigò: "C´è un blocco di potere che soffoca la partecipazione"

Nuova stazione per Bologna

Grazie a una nuova "torre di controllo" centralizzata per la gestione del traffico ferroviario, la stazione di Bologna si prepara a divenire il fulcro dell´Alta velocità e a raddoppiare nei prossimi anni i treni in transito nel capoluogo emiliano. «L´apparato centrale prenderà il posto delle sei cabine oggi in funzione - spiega Orazio Iacono, a capo della direzione compartimentale movimento Bologna - e sfrutterà un importante potenziamento tecnologico. La gestione informatizzata e centralizzata di tutte le linee dello scalo permetterà di rispondere alla forte domanda di spostamento in treno e di affrontare meglio le emergenze». Imprevisti che di certo non mancano in una stazione talmente nevralgica da «richiedere di prendere ogni decisione un secondo prima del normale», come affermano a Trenitalia. «Per esempio, ora stiamo lavorando a pieno ritmo anche con cinque binari in meno per via dei cantieri Tav. Ci siamo riusciti rivedendo tutti gli orari». Non sarà più così con l´Apparato centrale computerizzato (Acc), che dovrebbe consentire, una volta a regime, di superare l´attuale saturazione delle infrastrutture. La capacità di traffico di Bologna centrale potrà passare, secondo le stime dei responsabili Rfi, dagli attuali 550 a circa mille treni giornalieri, in arrivo e in partenza. E il caratteristico "effetto domino", per cui ogni disservizio registrato nel compartimento di Bologna si ripercuote sull´intera rete, dovrebbe quindi avere i giorni contati. «Il passaggio a questo nuovo sistema ha consentito maggiore flessibilità di circolazione nelle stazioni di Roma Termini, Genova e Milano», assicura Iacono. La nuova struttura, che sarà operativa dal 2008, ospiterà sia le linee tradizionali del bacino bolognese, sia un sistema di comando e controllo (Scc) di tutta l´Alta velocità da Milano a Roma: un primato dello scalo bolognese sostenuto da un investimento di circa quattrocento milioni di euro effettuato da Rfi, società dell´infrastruttura del gruppo Fs. Questa sorte di "torre di controllo" del compartimento ferroviario felsineo - che comprende il territorio da Piacenza a Prato - sorge all´interno dell´area della stazione ed è dotata di strumentazioni che manderanno definitivamente in soffitta i sistemi semi-automatici ereditati dagli anni Cinquanta. Una speranza, dunque, per i comitati dei pendolari, impegnati da anni a denunciare i ritardi cronici e i disservizi lungo le linee regionali? «Direi proprio di sì - risponde Iacono - saremo finalmente dotati delle tecnologie necessarie per fare un salto di qualità enorme».


Salvataggio e consegna

Al termine della prova è necessario salvare uno zip contenente la cartella del sito, comprensiva di file html, file css e immagini nella propria cartella personale. Lo zip dovrà chiamarsi con il nome del suo autore.
Negli ultimi 15 minuti di lezione il prof. raccoglierà tutti gli zip prodotti dagli studenti, e al termine delle operazioni di salvataggio ricapitolerà l'elenco degli zip salvati. Dovrà essere cura dello studente accertarsi che il suo zip sia stato correttamente salavato e prelevato dal prof.

Tempo concesso: 2h45


Facoltativo:

1. Crea un'altra pagina con grafica uguale ma contenuto diverso, e linka tra loro le due pagine.
2. Inserisci il corpo della pagina in un div centrato orizzontalmente largo 780 pixel e con sfondo cbdea8, e metti come sfondo della pagina una texture di tua creazione.