Progettare la pagina Web: Messa online e verifica



Fai tutte le verifiche

Ora che hai completato la realizzazione del sito bisogna verificare che tutto funzioni e che non ti sia sfuggito qualche piccolo errore. Le verifiche principali da svolgere sono:

  • velocità di caricamento
  • verifica del corretto funzionamento con i vari tipi di browser
  • verifica dei collegamenti e dei contenuti
  • verifica della visualizzazione con differenti risoluzioni video

Per cominciare, è inutile valutare a occhio la velocità di caricamento delle pagine. L'ideale è rimanere entro i limiti di 50k di peso per pagina html, in questo modo anche chi ha a disposizione una connessione lenta, non dovrà aspettare troppo prima di riuscire a visualizzare il vostro lavoro. In ogni caso la tecnologia ci viene incontro, e anche per la risoluzione di questo problema, molti editor sono in grado di fare un'analisi approssimativa della velocità di caricamento delle varie pagine.

Non tralasciare poi la compatibilità del sito con browser differenti. Non tutti gli utenti Internet usano Internet Explorer, molti usano anche Netscape. Sicuramente vale la regola generale che gli utenti siano molto restii a cambiare browser. Puoi venire incontro alle esigenze di tutti testando il sito prima di metterlo in linea (almeno otto volte!!!). Il test andrà fatto sia su Mac che su Pc, su Netscape Communicator e su Internet Explorer (se poi vuoi essere veramente professionali potete testarlo anche su Opera).

Pratica ideale è far verificare il sito a una persona diversa da chi lo ha realizzato. Si deve controllare l'esattezza dei collegamenti tra le pagine, aprendo il sito nel proprio browser e provando a navigarlo, esplorandone ogni sezione, con un occhio di riguardo all'ortografia e alla grammatica. Per il corretto funzionamento dei link, è bene usare il controllo automatico del sito che effettua ogni buon editor web.

Altra verifica da fare è infine la qualità della visualizzazione. Controlla l'aspetto del sito in base a differenti risoluzioni video. Non ci sono degli standard tassativi per quanto riguarda la risoluzione video, ma non cadrai in errore ottimizzando il tuo sito sia per la risoluzione 800x600 sia per la risoluzione 1024x768. Sono queste infatti le risoluzioni più usate nei monitor.

L'esperienza e la pratica ti aiuteranno poi ad ottimizzare sempre meglio i tuoi siti e le verifiche ti insegneranno a non commettere più errori nella fase di produzione.

Tempo di andare online

Siamo giunti alla fine del nostro lavoro, possiamo pubblicare il sito. Il trasferimento del sito sul server remoto avviene generalmente tramite protocollo FTP. Questa operazione può essere fatta sia con alcuni editor web che con appositi programmi per il trasferimento dei file.

È in questa fase che ci accorgiamo dell'importanza di aver progettato coerentemente il sito e di aver controllato i collegamenti e la posizione di file e cartelle. Se la struttura del sito remoto non corrisponde a quella del sito locale, i file vengono caricati nella posizione sbagliata e non saranno visibili ai visitatori del sito e i percorsi delle immagini e dei collegamenti verranno interrotti. Verifica che tutto funzioni, sei finalmente online.

Ultimi articoli Web design

Metro, il "linguaggio di design" di Windows 8

I principi ispiratori del "linguaggio di design" utilizzato da...

Bootstrap: il framework di Twitter

Sviluppare applicazioni web sfruttando il framework con cui è stato...

Sfondi a tutta pagina con jQuery

Come avere degli sfondi a tutta pagina sui vostri siti web, per...

Grid design, dalla tipografia al web

Design coerenti e layout consistenti, usando principi di...

Art Direction e Design

Capire la differenza tra la direzione artistica di un progetto e il...

Altri articoli

Guide Web design

Guida Pubblicare un sito web

Le verifiche fondamentali da effettuare prima del lancio di un nuovo...

Guida Web Writing

Saper scrivere per il Web è una delle armi per attirare utenti e per...

Guida Accessibilità dei siti Web teorica

Questa guida è finalizzata sostanzialmente a una conoscenza e a una...

Altre guide

Newsletter @Grafica e Web Design

Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti