Uso del sito

La grafica di questo sito è volutamente essenziale, senza fronzoli e senza cose inutilmente estetiche (che poi funzionano su un computer e non su un altro...). Tempo fa però mi è stato fatto notare che la navigabilità del sito non era immediata. Allora ho migliorato qualche dettaglio, e ho pensato fosse utile riassumere qui i criteri che utilizzo.

Tra l'altro le indicazioni, per esempio su come sono scelti e organizzati i link tra le pagine, possono essere anche un utile suggerimento a chi voglia chiarirsi le idee su come organizzare il proprio sito amatoriale.

In sintesi la navigabilità dello stagniweb è affidata a:

• frame di sinistra con il menu principale
• mappa del sito con lista di tutte le pagine
• (nuovo) lista degli ultimi aggiornamenti, come semplice log

In ogni pagina ci sono invece:

• link (a inizio e fine pagina) ad eventuale pagina precedente e successiva dello stesso articolo
• per gli indici di sezione, link a fine pagina alla home page e alla mappa del sito
• per gli articoli, link a fine pagina alla home page e all'indice di sezione (notare che questo aspetto è molto importante, perché è quello che permette al lettore di risalire agevolmente al sito, qualora sia arrivato a una qualunque pagina, attraverso un motore di ricerca)
• (sperimentale in corso di introduzione), pulsantino a fine pagina che ripristina il "frameset", cioè fa ricomparire il frame di sinistra con il menu, se era assente (per esempio quando si è arrivati a un articolo da un motore di ricerca)
• link a fine pagina agli argomenti correlati
• elenco materiale di riferimento a fine pagina (dati Excel e simili)
• link interni ad altri testi: si aprono nella finestra e frame corrente
• link interni a figure grandi: si aprono con il target "_top", cioè nell'intera finestra anziché nel frame
• link esterni: si aprono con il target "_blank", cioè in una nuova finestra (o nuova scheda, se in Firefox avete scelto questa utile opzione)

I colori degli sfondi sono utilizzati come segue:

Le foto generate in ASP possono essere mostrate anche con sfondo nero opzionale (in cui risaltano meglio).

La larghezza delle pagine è fissata come segue:

• articoli normali: devono starci in 600 pixel di larghezza (pari a 800, comprendendo anche il frame di sinistra con il menu)
• foto in pagine ASP: base di 800 pixel di larghezza (aperte nell'intera finestra; notare che comunque provocano un lieve "sconfinamento" se lo schermo è anch'esso di soli 800 pixel, a causa dei bordi del browser)
• foto singole (aperte nell'intera finestra): nessun limite di dimensione

Sottolineo come la larghezza ottimale non sia solo legata alla risoluzione dello schermo, ma anche alla comodità di lettura: un testo che si può leggere ridimensionando la finestra del browser intorno a 800 pixel è più confortevole perché evita le righe troppo lunghe, che affaticano la lettura.

A titolo sperimentale, dal 2008 introduco:

• articoli con illustrazioni da 800 pixel (quando sarebbe scomodo limitare la larghezza delle illustrazioni a 600 pixel)
• gallerie fotografiche (ASP) con base da 1024 pixel, per una miglior resa fotografica

La stampa delle pagine web è spesso fonte di sorprese. Per garantire la massima compatibilità, seguo questi criteri:

• tabelle con dimensione percentuale (mai assoluta in pixel)
• caratteri solo in dimensione standard, small e big (mai con dimensione assoluta)
• titoli come Headings 1-4 con evidenziazione in colore (verde, rosso, blu); ha anche l'effetto collaterale di restituire un documento Word formattato con i corretti stili di titolo, in caso di copia e incolla (vedi i dettagli su come imparare a usare gli stili di Word)
• disponibilità aggiuntiva di documenti Word già ottimizzati per la stampa, nel caso di articoli particolarmente lunghi

Se però qualcuno riscontrasse problemi di stampa... me lo faccia sapere!

[Indice della sezione / This Section]

[Home page]