Lezione di css!

24 Marzo 2005, 03.38 | News del sito

Ultimamente mi sono messo in testa di imparare i css. Cosa sono? Beh, per chi non lo sapesse sono un metodo molto interessante per costruire una pagina web. Faccio un esempio: se state scrivendo html semplice e volete formattare un testo (ovvero sciegliere il carattere, la grandezza, il colore, etc..) si dovrebbe riscrivere tutta la formattazione ogni volta che si scrive un nuovo paragrafo! Questo, oltre che essere tremendamente palloso, è scomodo quando alla fine di tutto ci si accorge che il risultato finale non ci aggrada e vogliamo quindi cambiare, che so? il font ad esempio! Si dovrebbero cambiare tutti i caratteri per ogni paragrafo: non vi dico lo smaronamento! Ecco che a questo punto ci arrivano in soccorso i css, conosciuti anche come 'fogli di stile'. Con questi infatti posso creare una serie di 'classi', e ogni classe detta le regole su come scrivere un determinato tipo di testo. Possiamo ad esempio avere una classe per il titolo, una per il sottotitolo, una per il paragrafo, e via dicendo.

Diciamoci la verità: io li ho conosciuti circa un paio di anni fa (praticamente quando ho iniziato a muovere i miei primi passi con l'html), ma solo negli ultimi tempi ho scoperto che questi cacchio di css non si limitano a formattare un paragrafo, ma vanno molto oltre!

Trucco comune di molti web designer è quello di creare la grafica per il proprio sito utilizzando le tabelle. In pratica si crea una tabella con i bordi pari a '0' (zero, così risultano invisibili) e ci si sbizzarisce ad inserire immagini e testo, dandogli praticamente la posizione che si vuole. La cosa è nata perché nel puro html non c'è modo altrimenti di posizionare i vari elementi che compongono la pagina. Questo perché html è stato pensato per la sola formattazione, le tabelle erano state create solo per l'inserimento di dati di tipo - appunto - tabellari!
Fin qua tutto bene. Io stesso ho usato finora queste tecniche per creare i miei siti. Ma l'altro mese ho fatto una capatina su html.it, il sito miglior risorsa italiana per quanto riguarda la creazione di siti web. E sono incappato davanti alla fatidica scritta 'XHTML' (scritta che, ci tengo a sottolineare, conoscevo già ma che non avevo mai approfondito). XHTML è la nuova (nuova si fa per dire, è datata 2000 °_°) frontiera del web design, e non è altro che la naturale evoluzione del HTML di cui vi parlavo prima. Di modifiche a dire il vero ce ne sono ben poche: nessun nuovo tag e solo qualche accorgimento in più nella sintassi del codice. Ma quello che spaventa più di tutto (almeno per me) è la completa voglia da parte del W3C (il consorzio che gestisce le regole di html e compagnia bella) di eliminare il trucco delle tabelle per creare le pagine! E come si fa allora? La risposta è nei css ovviamente, altrimenti non sarei qui a parlare a vanvera °_°

E dopo tutto questo lungo (e immagino per voi pure palloso) preambolo, vi voglio annunciare che presto questo blog sarà scritto in vero xhtml+css ^_^ Son già riuscito stasera (dopo 2 settimane che ci provo @_@) a realizzare intestazione e pié di pagina *___*
Non vi dico la mia gioia quando ci son riuscito! Per vedere il risultato dovete entrare nel sito con il nick 'css' e password 'css', senza apici ovviamente ^^

Poi ditemi cosa ne pensate ;)

Commenti

Leggi i commenti degli utenti!