Realizzare siti con fogli stile CSS

Cosa è un foglio stile CSS (Cascading Style Sheet)?

Il foglio stile CSS (Cascading Style Sheet) è un file con estensione .css che è possibile associare ad una o più pagine .html. Il foglio stile CSS contiene informazioni relative alla formattazione ed al layout delle pagine collegate.

A COSA SERVE ASSOCIARE DELLE PAGINE HTML AD UN CSS?

Se tutte le pagine di un sito hanno un layout simile e le associamo ad un foglio CSS sarà possibile cambiare la formattazione di tutte le pagine semplicemente cambiando il codice del foglio stile associato. Supponiamo di avere un sito web di 50 pagine e che tutte le pagine abbiano uno sfondo rosso e caratteri bianchi. Supponiamo anche di aver utilizzato come font il Times New Roman 12. Cambiando 3 valori nel foglio stile potremo avere le 50 pagine con uno sfondo bianco ed i caratteri rossi, in Arial 10, i titoli in Verdana 14 neri, ecc... Oppure potremo avere come sfondo di tutte le pagine un'immagine.

Inoltre, avendo inserito tutti i codici relativi alla formattazione del testo e delle pagine nel foglio stile CSS avremo le pagine HTML più leggere e veloci da caricare.

LE PAGINE CON I CSS VENGONO POSIZIONATE MEGLIO?

Su molti siti si legge che creare fogli stile favorisce il posizionamento delle pagine HTML nei motori di ricerca in quanto le pagine prive dei codici di formattazione consentono una più elevata concentrazione di keyword. Ma è vero?

Allo scopo di verificarlo ho eliminato i codici di formattazione da alcune pagine di questo e di altri siti e li ho trasferiti in fogli stile appositamente creati. Alla fine dell'operazione di restyling le pagine sono risultate in effetti più leggere di circa il 30% ma per quanto riguarda il posizionamento non mi sono accorto di miglioramenti.

CONCLUSIONI

Il miglior posizionamento delle pagine collegate ai fogli stile viene ottenuto probabilmente solo da chi non sa creare pagine HTML ottimizzate. E' ovvio che se qualcuno inserisce un menu all'inizio delle pagine HTML con voci tipo: chi siamo, dove siamo, cosa facciamo, come contattarci, e altri termini privi di keyword significative ai fini delle ricerche, non sarà posizionato bene. Con i CSS è possibile far "vedere" queste voci in alto anche se in realtà sono state inserite a fine pagina. Secondo me però un webmaster che commette questi errori nelle pagine HTML continuerà a commetterli anche facendo uso di CSS.

A parte questo i vantaggi dei CSS ci sono: consentono di realizzare pagine con meno codice e quindi più veloci da caricare, anche se chi ha una connessione a banda larga non si accorgerà della differenza, a meno che tutte le pagine abbiano le stesse immagini come background. In questo caso le immagini vengono memorizzate nella cache e quindi le pagine seguenti si caricheranno immediatamente.

Altro vantaggio della tecnica CSS consiste nel poter cambiare il layout di molte pagine in un baleno (lo svantaggio è che tutte le pagine suddette devono necessariamente avere lo stesso layout). Come ultimo vantaggio dei fogli stile ricordo la possibilità di evitare l'uso delle tabelle nell'impaginazione del testo, col fine di rendere le pagine più accessibili alle apparecchiature (screen scanner e simili) utilizzate dai non vedenti per consultare i siti web.

Questa pagina ad esempio non ha alcuna tabella e fa uso di un foglio CSS.

Uno svantaggio è invece l'impossibilità dei vecchi browser di leggere i fogli CSS, ma per fortuna sono rimasti in pochi ad utilizzare IE3.0 o Netscape 3.

Se vuoi imparare rapidamente a creare un file CSS leggi la pagina seguente.

Vedi dettagli sui corsi di FrontPage, Expression Web, grafica web.

Contattaci oggi stesso per saperne di più

Cell. 335 64 56 855 - Tel. 030 258 43 15

Se non hai trovato in questa pagina ciò che cercavi segnalaci il problema cliccando qui. I tuoi commenti e suggerimenti sono sempre benvenuti.

Studio Viasetti, indicizzazione e posizionamento siti web in internet