Home >> Long Description
Per facilitarne la lettura, il sito del Liceo Scientifico "Donatelli-Pascal" è costruito per essere visualizzato anche senza fogli di stile.
Descrizione del sito con il foglio di stile
Il sito è isprirato ad un tema che è un pretesto per decorare le pagine. Il tema scelto per questo anno è 'Matite colorate'. La Home Page comincia in alto con un'immagine che rappresenta la parte terminale posteriore delle matite colorate allineate orizzontalmente.
Il logo del liceo
Subito dopo è il logo del Liceo: una forma rettangolare priva di due angoli che restano arrotondati. Gli angoli mancanti sono in alto a sinistra ed in basso a destra. All'interno di questa forma mistilinea, con angoli e curve, vi è uno sfondo arancio che sfuma verso il giallo centrale. Sopra questo sfondo sono due lettere alfabetiche: la D e la P, che simboleggiano Donatelli e Pascal. La D comincia con un blu intenso e sfuma verso il basso con un azzurro chiaro. La lettera P comincia con un rosa leggero e termina verso il basso con una sfumatura verso il rosso.
Il nome del liceo e l'indirizzo
Accanto al logo, ossia sulla sua destra è il nome del liceo in grassetto azzurro intenso, mentre sotto sono gli indirizzi dei due plessi, quello di viale Campania e quello di via Corti.
La prima barra di navigazione
Dopo il logo, il nome del liceo e l'indirizzo è presente la prima barra di navigazione con i link che riguardano gli aspetti del sito, i contatti e le aree riservate. La barra di navigazione è all'interno di un rettangolo orizzontale posto centralmente che occupa l'ottanta per cento dello schermo da sinistra a destra. Lo sfondo della barra è blu scuro vicino ad un blu di prussia e i link sono di colore bianco. Sovrapponendo il mouse sopra i link il loro sfondo diventa bianco ed il testo diventa blu scuro, mentre appare una piccola immagine che evidenzia la posizione.
Ecco i link della prima barra di navigazione
Home Contatti News MappaSito Area Riservata ATA Statistiche Validazione [ld]
Immagine d'ingresso
Ora è la volta di un'immagine che occupa centralmente l'ottanta per cento dello schermo. L'immagine - a sfondo blu - raffigura una matita prima di colore magenta, poi gialla e poi cianica che ruota in sequenza. L'immagine non è una gif animata ma è statica. Il senso del movimento è dato dal ritmo di matite che sono inclinate sempre più per dare il senso della rotazione, dalla posizone verticale con la punta in su a quella orizzontale e poi ancora verticale con la punta in giù. Tale movimento si ripete consentendo alla matita di posizionarsi con la punta i basso per poi tornare nella posizione originaria. A questo punto è turno della matita con il secondo colore. Medesima rotazione e poi il terzo colore.
La seconda barra di navigazione
La seconda barra di navigazione è simile alla precedente, con sfondo blu con i link bianchi. Anche qui col 'mouse over' (puntatore sopra il link) lo sfondo diventa bianco e il testo blu con apparizione di piccola immagine di indicazione.
Ecco i link della seconda barra di navigazione
Liceo Didattica Progetti Orientamento Circolari Studenti Genitori Modulistica ECDL Link Utili
I collegamenti ipertestuali delle barra di navigazione
I link alle altre pagine delle barre di navigazione presentano uno sfondo bianco ed un testo blu solo quanto il puntatore è posizionato sopra di essi.
Contenuti della pagina
L'area che è sotto quelle descritte presenta uno spazio di circa il venti per cento a sinistra che è occupato da una terza barra di navigazione verticale che è presente nella home page ma soltanto con due soli link.
Barra di navigazione verticale dei contenuti specifici della pagina
La barra di navigazione laterale è presente nelle pagine di secondo livello e presenta uno sfondo azzurro chiaro che sfuma nel bianco; col il puntatore sopra i link lo sfondo diventa di un blu simile ai precedenti ed il testo bianco. Ovviamente questa barra di navigazione verticale consente di approfondire il tema già trattato nel contenuto.
I collegamenti ipertestuali dell'area contenuti
I link della barra laterale di navigazione presentano uno sfondo sfumato azzurro diverso da quello corrente ed un testo blu scuro solo quanto il puntatore è posizionato sopra di essi. La pagina attiva viene evidenziata con uno sfondo blu scuro ed un testo bianco.
L'area contenuti
L'area contenuti è sulla destra della barra di navigazione verticale. Vi sono i contenuti relativi all'argomento individuabile mediante il testo del link. Nell'area dei contenuti possono essere presenti immagini decorative del liceo e/o immagini di matite colorate.
I collegamenti ipertestuali dell'area contenuti
I link dell'area contenuti presentano uno sfondo azzurro ed un testo bianco solo quanto il puntatore è posizionato sopra di essi.
Barra di chiusura
La barra di chiusura, anch'essa a sfondo blu, centrale e di dimensioni pari all'ottanta per cento, presenta una piccola immagine con tre matite con le punte verso l'alto e con accanto la parola Su. Sono il link che riporta la visualizzazione dell'inizio pagina.
Immagine finale
Sotto la barra di chiusura è un'immgine che raffigura una teoria di punte di matite colorate.
Logo verticale
Il logo verticale di un azzurro molto chiaro è presente sulla estrema sinistra in modo fisso sul monitor che lascia scorrere i contenuti sulla destra. Tale logo che ha come testo Donatelli-Pascal occupa circa il dieci per cento dello spazio fisso a sinistra.
Su
