Teniamo pulito il nostro codice: da html 4 a xhtml 1

Proprio in questi giorni mi sto ritrovando a fare questa conversione da html 4 a xhtml 1 su di un portale piuttosto ricco di immagini, link, tabelle e quant’altro.

Cosa ardua e lunga, da certosini, ma che dà soddisfazioni.

Come sto procedendo?

TEMPLATE DI BASE

Tanto per cominciare ricreate da zero il template con doctype corretto, con i div contenitori posizionati al punto giusto, create un css di base e verificate che il tutto funzioni correttamente su tutte le piattaforme e i browser.

Una volta cominciata l’operazione di restauro infatti sarà poi difficile capire se tale div se ne va per i fatti suoi perchè ci siamo dimenticati un div aperto o perchè è proprio sbagliato il css di base!

Commentate per bene tutte le aree del sito, vi servirà nella fase successiva!! (a tal proposito un articolo che vi aiuterà a tenere il codice pulito)

SPUGNA, STRACCIO E DETERSIVO

Qui comincia l’operazione vera e propria di pulizia: rimbocchiamoci le maniche.

Tanto per cominciare  prendete le parti del template che avete create e posizionatele nei punti giusti, in modo da rimettere ogni cosa al suo posto senza bisogno della tabella contenitiva.

Cominciate poi a fare un po’ di pulizia generale, correggendo gli errori più evidenti. Tag img e meta non chiusi, ad esempio.

Poi bordi e stili in  linea che trascriverete accuratamente in un foglio a parte per riprodurli ugualmente tramite css (con molte righe di meno ovviamente), così come classi ripetute migliaia di volte in una pagina in modo inutile perchè avrete già impostato il font nel body, e così via.

Sostituite le tabelle, verificate come impostarle, come impaginare i div selettori che le andranno a sostituire. Create il css relativo e fate una prova sul template pulito iniziale per verificare che  non producano errori, e poi sostituiteli.

Ottimizzate dove potete. Es: h2 al posto di tabelle annidate per produrre l’effetto dello sfondo rettangolare intorno ad un testo, liste al posto di tabelle infinite e annidate…insomma, parola d’ordine: alleggerite.

E’ un bel “laurà” come si dice a Milano, ma da soddisfazioni. Già oggi ho ridotto di quasi la metà, in termini di kb, due pagine. E non è poco per un siti molto visitato come quello sul quale sto agendo!!

A risultato ultimato vi saprò dire, ci vorranno ancora giorni!!!

Rispondi

Scarica la checklist per partire con il tuo sito
Iscrivendoti alla newsletter mensile riceverai la checklist pdf alla tua casella email
Guide to Million Dollar Success
My Website
Per chi inizia a muoversi nel web
Scarica lo starter kit del professionista
Iscrivendoti alla newsletter riceverai la guida in pdf direttamente al tuo indirizzo email.
My Website
Per chi inizia a muoversi nel web
Un metodo efficace se sei un professionista che offre servizi ma sei alle prime armi con tutto ciò che riguarda il web. Ottieni indicazioni su sito web, blog, social e funnel marketing volti a portare nuovi clienti effettivi.
4 PASSI PER ANDARE ONLINE e ottenere clienti da subito
Un metodo efficace se sei un professionista che offre servizi ma sei alle prime armi con tutto ciò che riguarda il web. Ottieni indicazioni su sito web, blog, social e funnel marketing volti a portare nuovi clienti effettivi.
4 PASSI PER ANDARE ONLINE e ottenere clienti da subito
%d blogger hanno fatto clic su Mi Piace per questo: