Zelig Planet
Informazioni
Web Design (ovvero: cosa c’è dietro?)
Creare un sito web, con gli strumenti che abbiamo a disposizione ai giorni nostri, è una cosa alla portata di chiunque. Ci sono gli editor visuali che consentono di costruire in pochi minuti pagine anche complesse senza scrivere nemmeno una riga di codice, addirittura con programmi tipo Word si può salvare un documento in formato HTML e pubblicare il risultato direttamente in rete!
Però non sarebbe questo il modo corretto di procedere… Senza voler entrare nel merito delle scelte estetiche e funzionali del sito, una pagina web fatta come si deve (vale a dire seguendo le raccomandazioni del W3C) dovrebbe prevedere la separazione del contenuto dalla presentazione, e il file HTML dovrebbe contenere soltanto la struttura del documento. Quindi niente uso di tabelle per impostare il layout della pagina, niente font e colori definiti con i tag HTML, ecc.
L’aspetto grafico del documento, la sua presentazione, deve risiedere invece in un "foglio di stile" separato, un CSS (Cascade Style Sheet), che ha il compito di spiegare al browser come deve presentare la pagina web.
Ciò non toglie che le pagine web costruite "alla vecchia maniera" funzionino comunque su tutti i browser, però non sono valide rispetto alle raccomandazioni del W3C. Ci sono anche altri buoni motivi per utilizzare l’approccio corretto nella programmazione di un sito web, per esempio la possibilità di controllare in modo indipendente il layout del sito a seconda del metodo di visualizzazione (video, stampa, ecc.). Per capire quello che intendo dire provate per esempio a fare un’anteprima di stampa di questa pagina… In ogni caso non voglio dilungarmi ulteriormente su questo argomento: chi volesse approfondire il discorso può visitare i siti indicati a fondo pagina dove troverà alcune guide molto valide e interessanti, esempi e quant’altro.
Tornando a questo sito, piuttosto, volevo sottolineare che la sua realizzazione (aprile 2004) è il mio primo tentativo di creare un sito web utilizzando XHTML e CSS, abbandonando quindi i vecchi sistemi che anch’io ho utilizzato per tutti i siti creati in precedenza. Purtroppo questo è un modo di lavorare molto più dispendioso in termini di impegno e di tempo, perchè qui non si utilizzano gli editor visuali: il codice va scritto a mano! E di conseguenza occorre anche studiare per bene questi "linguaggi" per poterli poi utilizzare in modo corretto… Comunque vi garantisco che ne vale la pena!
Ovviamente i CSS e tutte le pagine XHTML di questo sito, basate tra l’altro sulla rigorosa DTD Strict (a parte un paio che sono Transitional…), hanno superato la validazione del W3C!
L’unico vero problema con i CSS è il loro supporto da parte dei browser… Quelli più diffusi, nelle loro versioni più recenti, hanno raggiunto un buon livello, però se si visualizza il sito con alcuni browser "particolari" o con versioni obsolete, è possibile che si verifichino alcuni effetti decisamente indesiderati… Io ho testato le mie pagine su diverse versioni di diversi browser (IE, Opera, Mozilla, Firefox, ecc.) e pare che funzioni correttamente su quelli attualmente più diffusi, ma ovviamente non ho potuto fare il controllo con TUTTI i browser e i sistemi operativi esistenti! Se qualcuno dovesse quindi notare dei problemi di visualizzazione gli sarei grato se me lo segnalasse, spiegandomi il problema riscontrato, il browser utilizzato e il sistema operativo. Sono anche graditi commenti, critiche e consigli per quanto riguarda l’aspetto estetico e l’usabilità del sito stesso. Grazie per la collaborazione!
Evoluzioni future
Non sono previsti grossi cambiamenti a breve termine, comunque nel prossimo futuro vorrei approfondire lo studio dei linguaggi "server side" e in particolare del PHP, che è supportato dal server che ospita queste pagine (Altervista), per poi eventualmente implementare nel sito alcune nuove funzionalità.
Riconoscimenti
Riconoscimenti e valutazioni ottenute dal mio sito da parte di servizi esterni o altro:
Link a siti interessanti per approfondire gli argomenti di questa pagina:
NB: state visualizzando questo sito nella versione ottimizzata per dispositivi portatili (cellulari, palmari, ecc.) oppure con un browser "datato" che non consente di visualizzare correttamente i fogli di stile (CSS). I contenuti del sito sono comunque gli stessi e le differenze riguardano solamente l'aspetto estetico, che sarebbe molto più "piacevole" se visualizzato con un browser più recente!