faq sulla costruzione
di pagine web

 
Concorso "Costruiamo il sito della scuola"
HTML
Usabilità
Web-editing
Informazioni generali

Concorso "Costruiamo il sito della scuola"
D - E' necessario sviluppare completamente il sito della scuola?
R - Si può sviluppare solo una parte del sito ma deve essere chiara l'architettura generale del sito e l'organizzazione dei percorsi interni.
 
D - Quali sono i criteri di valutazione dei lavori presentati?

R - La Commissione Giudicatrice nella valutazione dei lavori presentati seguirà i seguenti criteri:

  • usabilità del sito
  • impatto comunicativo: buona impaginazione, un'accurata scelta dei contenuti e del loro inserimento nel contesto grafico
  • originalità.
 
D - Avendo una struttura già esistente in rete e volendola modificare radicalmente, è meglio tenere lo spazio e cancellare tutto ed inserire un nuovo sito, oppure farsi dare un altro spazio e pubblicare il nuovo sito? in caso di sostituzione completa, come si procede?
R - Il consiglio è di rivedere la struttura del sito e di effettuare una nuova pubblicazione di tutto il materiale prodotto.
La procedura per effettuare una sostituzione completa di quanto avete on-line è molto semplice: occorre trasferire sul vostro computer il materiale pubblicato (in modo da poterlo rivedere e riutilizzare successivamente), ed effettuare un nuovo trasferimento della directory contenente tutti i files aggiornati che compongono il nuovo sito.
 
D - E' consigliabile costruire un sito che abbia nella prima pagina tutti i collegamenti a tutte le pagine interne?
R - Il criterio solitamente utilizzato è quello di indicizzare gli argomenti per livelli di specificità sempre maggiori perchè consente aggiornamenti, ampliamenti ed eventuali sostituzioni.
Questo consente al visitatore di avere un quadro dei percorsi e dei contenuti del sito chiaro e facilmente leggibile.
Inoltre prevedere tutti i link nella home-page presuppone un continuo aggiornamento della pagina anche in caso di banali modifiche.

HTML
D - Che cos'è un TAG?
R - Si definisce TAG l'istruzione nel linguaggio HTML.Per esempio <BODY> è la TAG per aprire il corpo della pagina e </BODY> è la relativa TAG di chiusura.
 
D - Mi consigliate di utilizzare immagini in formato GIF o JPG?
R - Solitamente le immagini JPG sono adatte per fotografie con molti colori. Il formato GIF e' maggiormente utilizzato per immagini senza sfumature e con pochi colori (esempio: bottoni o scritte).
 
D - Come faccio a inserire ALT nelle immagini con Front page?
R - Con FrontPage basta selezionare l'immagine e aprire Proprieta' (col tasto destro del mouse, o dal menu Formato/Proprieta'). Si aprirà una finestra su piu' livelli e nel primo si troverà la scritta TESTO: e' l'ALT.
 
D - Potreste spiegarmi perchè alcune immagini che ho inserito nel mio sito non vengono visualizzate?
R - Probabilmente non hai inserito correttamente il percorso. Se, ad esempio, l'immagine di nome 'prova.gif' risiede nella sottocartella 'images' rispetto alla cartella di lavoro, devi inserire il tag <IMG src="images/prova.gif>.
 
D - Perche' quando vado a capo con "enter" il browser crea degli spazi diversi rispetto alla normale interlinea creata da un programma come word ?
R - Per creare "a capo" e' necessario utilizzare i corrispondenti tag <BR> o <P>. Se vuoi fare in modo che il testo appaia esattamente come e' scritto in un file txt, devi utilizzare il tag <PRE> che lascia immutato il testo prima della formattazione HTML.
 
D - Che cosa sono le Form?
R - Sono un metodo per interfacciarsi utilizzato nel Web per creare delle pagine dinamiche che permettano la comunicazione iterativa tra client e server. Vengono usate per creare pagine di registrazione, nei motori di ricerca, nei servizi Free SMS, nelle chat ed in tutti i servizi iterativi presenti in Internet.
 
D - Quali programmi posso utilizzare per costruire velocemente pagine web?
R - Un ottimo editor HTML, facile da utilizzare e poco costoso, è frontpage di microsoft. Questo programma consente di lavorare in maniera semplice ed immediata evitando di farvi lavorare sul codice HTML.
 
D - Come faccio ad inserire un link in una pagina tramite l'HTML?
R - devi usare la seguente istruzione HTML:<A HREF="URL">descrizione del link</A>dove la URL (es: http://www.remida21.it) è il percorso della pagina a cui vuoi collegarti e la descrizione del link, è il testo (o l'immagine) che tu visualizzerai nella pagina in cui stai inserendo il link.

Usabilità
D - Si parla tanto di usabilità: ma cosa significa esattamente questa parola?

R - L'usabilità è quella proprietà di un sito web che lo rende "facile" da navigare e usare.
Ci sono degli attributi che determinano l'usabilità:
Utilità
è sempre necessario e utilie chiedersi a chi è rivolto il sito e che finalità ha.
Facilità di apprendimento
L'utente deve sentirsi a proprio agio di fronte ad un sito che non ha mai visitato; deve quindi sapere e capire quali sono le finalità, riconoscere il percorso che lo porta da una pagina e l'altra, intuire facilmente i comandi e le metafore utilizzate (la più famosa è il "carrello della spesa").
Efficienza
Il sito deve caricarsi velocemente per non allontanare l'utente dal sito a causa dei lungi tempi. Inoltre l'utente deve essere in grado di arrivare il più velocemente possibile alle notizie che cerca.
Facilità di ricordo
Gli utenti devono essere in grado di ricordare come usare il sito tutte le volte che ritornano nel sito
Prevenzione degli errori
E' necessario immaginare e provare di capire quali possono essere i possibili errori in cui l'utente può incorrere.
Soddisfazione
Il sistema deve soddisfare e divertire l'utente.

Ecco alcuni libri che possono essere utili per approfondire l'argomento:

Tra i link utili:
www.usabile.it
www.u-hf.com
www.ssgrr.it
www.mlist.it
web.tiscalinet.it/userware
www.sitichefunzionano.it
www.usability.org
www.useit.com

 


Web-editing
D - Vorrei avere dei consigli su come rendere facilmente leggibile i testi nelle pagine web.
R - Controllare sintassi e grammatica
Per conferire ai testi una certa credibilità occorre porre particolare attenzione alla grammatica.
Inoltre è meglio evitare testi lunghissimi che possono essere di difficile lettura da monitor e optare per periodi brevi e chiari.
Rendere il testo "percorribile con lo sguardo"
E' utile utilizzare elenchi puntati e l'uso del grassetto per sottolineare le parole chiave e per scandire il ritmo dell'argomento trattato.
Bisogna evitare un uso eccessivo del grassetto perché può disturbare la lettura.
Occorre porre particolare attenzione all'uo dei sottotitoli che devono chiarire il contenuto che segue e non suspance.
Separare il testo
La riga vuota è il separatore più indicato quando si tratta di vagliare velocemente il testo con uno sguardo: lo spazio bianco intatti è immediatamente riconoscibile.
Allineamento del testo
In genere l'allineamento a sinistra è il migliore.
L'allineamento al centro è indicato per i titoli non per testi corposi.
Ampiezza delle righe
Generalmente una riga non dovrebbe contenere più di 15 parole così lo sguardo andando a capo spesso si riposa, prende fiato, soprattutto sul web dove - come sappiamo - la lettura è di circa il 25% più difficile.
Tenere il testo ridotto
Proprio per le difficoltà di lettura è utile non creare dei testi eccessivamente lunghi (limitarsi a 3000 termini), eventualmente è utile prevedere una versione stampabile.
I colori
L'occhio umano riesce a cogliere con grande facilità il contrasto e quindi per una lettura facile e piacevole si può scrivere in nero o grigio scuro su sfondo bianco.
Sarebbe disastroso invece usare colori che "vibrano" come rosso su azzurro o colori senza contrasto come rosa e verde, indistinguibili per chi soffre di un lieve daltonismo.
Caratteri
Verdana e Georgia sono caratteri studiati per la massima leggibilità sullo schermo.
Tenere i testi aggiornati
E' utile scrivere sempre la data di pubblicazione in modo tale che l'utente sia in grado di capire l'aggiornamento e l'attendibilità del testo.


Informazioni generali
D - Volevo sapere come rendere accessibile il mio sito web ai disabili?
R - http://www.aib.it/aib/cwai/ cwai.htm : a questo indirizzo si trovano utili indicazioni su come rendere accessibili le tue pagine anche a portatori di handicap.



Per maggiori informazioni, suggerimenti, segnalazioni scrivi a ReMida21