Il “DIV” vince sul “TABLE”… i grafici creativi ringraziano!

Quante volte al termine di una bellissima bozza grafica per un nuovo sito internet, dove esprimiamo tutta la nostra creatività con trasparenze, sovrapposizione di elementi, ombre, animazioni flash e video, veniamo cassati dallo sviluppatore html?
La nostra risposta sarà “ma tu utilizzi i <DIV> e i CSS?”

Quali sono i veri vantaggi nell’utilizzo di un CSS fatto per bene?

• Terminato e pubblicato il sito, il cliente cambia idea e decide di cambiare tutti i font da Arial a Verdana –> Velocità di aggiornamento totale sul sito cambiando un unico file
• L’architettura informativa prevede una marea di voci di menu grafici nei tre tipici stati: attivo, inattivo, visitato –> Caricamento di un’unica immagine in background che cambia il suo posizionamento, comandata dal css
• La bozza grafica prevede la sovrapposizione di più elementi con trasparenze, sovrapposizione di colori ed ombre –> Utilizzando i <div> possiamo posizionare a “livelli” ogni singolo elemento e con i css determinarne i bordi, i colori e gli effetti senza l’utilizzo di immagini che appesantirebbero il caricamento della pagina
• Il titolo della pagina è grafico e penalizza l’indicizzazione nei motori di ricerca –> Personalizzando il css dell’H1 si puo’ nascondere il testo fuori dal monitor e rimpiazzarlo con un’immagine di background, facendo però indicizzare dai motori di ricerca in maniera corretta il titolo e mantenendo la possibilità di lettura anche per le tecnologie assistive.
• Il logo aziendale si è evoluto ed ha cambiato un codice colore che deve essere cambiato in tutto il sito che è stato fatto da terzi –> Grazie a strumenti gratuiti di debug posso agevolmente variare il colore avendo un’anteprima veritiera ed in tempo reale del layout, riducendo i tempi di realizzazione
• Il cliente vuole il suo sito internet visualizzato su un palmare per poterlo monitorare mentre è in vacanza, ma mi ha comunicato che partirà tra un paio di giorni –> clonando il css e personalizzandolo, a seconda di dove viene visualizzato il sito, verrà caricato quello più consono

Questi sono solo alcuni dei vantaggi nell’utilizzare correttamente la combinazione dei css applicata ai div, ma se vi state chiedendo se le tabelle siano state bandite, la risposta è no.
Le tabelle si continueranno ad utilizzare nel modo per cui sono state inventate, ovvero per formattare dati.

Gio