Guida alla creazione di un blog di successo: Usare standard (XHTML + CSS)

La volta scorsa abbiamo visto dei tips generali sul design di un blog.
Ma prima di iniziare con suggerimenti più mirati, vorrei portare l'attenzione su quelli che ritengo essere i due mattoni base per il design per il web, sia blog che siti "normali":

  • XHTML
  • CSS
Per quanti di voi non abbiano mai sentito parlare di XHTML e CSS dico che sono l'evoluzione dell'HTML come era nato negli anni '90: già dall'HTML 4 si è cercato di separare il contenuto delle pagine, dalla sua impaginazione e formattazione, ma solo negli ultimi anni i web designer hanno iniziato ad abbracciare questo approccio nella scrittura del codice HTML .
Ora, la maggior parte dei siti di "tendenza" hanno il codice scritto in XHTML , riducono l'uso dei tag html al minimo necessario, e tutta l'impaginazione e la formattazione dei contenuti vengono impostate nei fogli di stile collegati.

Se state sviluppando la skin del vostro blog (o qualunque cosa stia andando sul web, sia esso un sito che una web application) utilizzare questo approccio vi da notevoli vantaggi:

  1. per lo stesso motivo per il quale separate la business logic dalla logica di accesso ai dati e dal codice per mostrare i dati all'utente, separare il contenuto dalla sua formattazione rende più facile la manutenzione, separa logicamente i due contesti, permette di "skinnare" i contenuti solo modificando i CSS (pensate al provider model per la gestione dei dati)
  2. viene centralizzata la gestione della formattazione: se volete spostare la colonna laterale da destra a sinistra, non dovete editare a manina tutte le 500 pagine del sito, ma basta modificare il CSS. Inoltre l'utente scarica il foglio di stile una sola volta, ottimizzando e riducendo l'uso della banda
  3. le pagine vengono visulizzate più velocemente: nei layout gestiti con tabelle, la pagina viene mostrata all'utente solo dopo che tutto il contenuto della tabella è stato scaricato, mentre con i layout basati su CSS il tutto avviene anche prima. Quando volte vi è capitato di dover attendere il caricamento della mappa Feedmap prima di poter vedere tutto il blog?
  4. con CSS si hanno più possibilità di formattazione (ad es gli angoli arrotondati del CSS3) rispetto ai layout tradizionali
  5. ottimizzazione per i motori di ricerca: le pagine contengono solo contenuto, quindi i tag che lo racchiudono hanno un maggior significato semantico e non c'è codice di solo formattazioneche "sporca" la pagina
  6. supporto per altri device: semplicemente cambiando il foglio di stile è possibile formattare la pagina per palmare, per cellulare, per la stampa, per browser aurali

L'unico problema con questo tipo di sviluppo è che necessita uno cambio di approccio verso il design web, e richiede un "reset" di tutte le abitudini acquisite con il layout table-based.

NOTA :
Mi scuso con i lettori per non aver tenuto la solita frequenza settimanale: sono stato un po' preso in queste ultime 3 settimane, ma ora i post torneranno con la solita frequenza

powered by IMHO 1.3

posted @ giovedì 16 marzo 2006 14.57

Print
Comments have been closed on this topic.
«agosto»
domlunmarmergiovensab
272829303112
3456789
10111213141516
17181920212223
24252627282930
31123456