Descrizione del sito: www.stefanotorre.it

Componenti:

•  Home page: divisa in blocchi.
  
•  Top :Bunner ed elementi grafici.
  
•  Barra di navigazione verticale :
  
•  Box di registrazione.
  
•  Menu aree.
  
•  Elenco delle categorie.
  
•  Sotto menu di navigazione.
  
•  Cerca nel sito.
  
•  Box statistiche.
  

[i link sono stati studiati n modo tale che cliccando su di essi il menu viene riscritto con aggiunte le sotto categorie della categoria cliccata . ]
 
 Area dei contenuti del sito [vengono visualizzate le pagine e le componenti]


Premesse per l’organizzazione del sito.

• barra di navigazione è la base per la navigazione del sito .
  
  
• pportuno inserire una barra di navigazione per livello e una orizzontale con la posizione in si è all’interno del sito.
  
  
• script inseriti nel per la gestione del sito devono essere di rapida esecuzione.
  
  
• barra di navigazione deve essere di facile comprensione per facilitare la navigazione e renderla più veloce.
  
  

Organizzazione base per il layuot della pagina.

AREA PER ILCONTENUTO AREA PER GLIARGOMENTI TARGET etc.
   [deve avere legami tra schede e target e deve appartenere a più argomenti]

Strumenti per la realizzazione e la gestione del sito.

Il sito prodotto sarà gestito da un database (Access 97) che può gestire un solo utente per volta e quindi rallenta la navigazione del sito il linguaggi con cui verrà sviluppata la gestione del sito è SQL server che ha un linguaggio non standard .

Per poter gestire un multi utenza occorre utilizzare un server di database che per mette di accodare le applicazioni e svolgerle in seguito.


Layout del sito.

Leggere articolo di www.webaccessibile.org sulle tabelle e il modo di utilizzarle.
Indirizzo completo : www.webaccessibile.org/argomenti/documento.asp?DocID=336 .

Layout liquido: si dimensiona in base alla dimensione dello schermo e utilizza le tabelle. [utilizzando le tabelle però si verifica un problema di gestione infatti non sono dimensionabili le singole colonne ].

Simulazione pagina html e foglio di stile per l’organizzazione del sito.

Pagina html con utilizzo dei tag



Foglio di stile CSS [per il posizionamento delle componenti ,la loro organizzazione e la gestione del colore]

#contenuti{
color: #000000;
background-color: #ffffff;
padding: 0px;
}

#barra di navigazione{
float: right;
with: 150px;
padding: 20px;
}

#corpo {
padding-right : 10px;
padding-left: 10px;
margin-right: 180px;
}

Commando per inclusione di file in una pagina :


Il passaggio di file può avvenire in seguito al passaggio di parametri tramite form o query (per file singoli).




Sistema di indirizzamento delle pagine.

Gestione dell’errore 404 che si genera quando ad un sever viene richiesta una pagina inesistente e viene caricata la pagina di defoult per gestire questo c’è uno script che scrive un finto indirizzo .html con regole e parametri che vengono interpretati e quindi viene caricata la pagina interessata .


Pattern e linguaggio di Pattern .

Significa fare un progetto componendo tutti i moduli :

· Contesto
· Problema
· Soluzione
Sito consigliato per esempio di risoluzione: www.welie.com


Layout del sito da produrre.

•  Top :tabella suddivisa in tre colonne ed un riga per evitare problemi quando si ridimensiona la pagina.
  
  
•  Bunner : per poter entrare direttamente nel contenuto del sito.
  
  
•  Barra per il selezionamento dello stile da visualizzare.
  
  
•  Barra di navigazione:[verticale] è legenda dei colori e contiene tutte le categorie ,non contiene le statistiche che sono raggiungibili con un apposito, link .
  
  
•  Gestione del cerca nel sito: occorre prevedere una modalità avanza che v definita in seguito in base alle problematiche riscontrate nella ricerca semplice.
  Occorre organizzare i risultati trovati in base ad un punteggio stabilito con un criteri da definire in base ai contenuti delle pagine.
  
  
•  RPR: funzione di SQL sever che a fronte di un indirizzo di una pagina non inizializzata la apre ne analizza il contenuto , la forma e ne copia la parte interessata.
  
  

Layout scheda

Scheda normale : con galleria per le immagini che ne velocizza la navigazione