AREA TECNICA - WEB DESIGN

CASCADE STYLE SHEETS - FOGLI DI STILE

Agli albori del web, dato il basso numero di utenti, il problema principale stava nella gestione dei contenuti. Con la diffusione a macchia d'olio della Rete gli utenti si sono moltiplicati a dismisura, i designer hanno dovuto iniziare a curare l'aspetto comunicativo delle pagine, e al tempo stesso a preoccuparsi anche della loro presentazione grafica. Solo allora sono emersi i problemi connessi all'HTML e alla sua gestione, ed i designers sono stati costretti ad aggirare i limiti che pone, scontrandosi però con nuovi problemi: 

• la conversione del testo in immagini 

• l'uso di immagini per il controllo degli spazi bianchi

• l'uso di tabelle per l'impaginazione 

• l'uso di programmi in sostituzione dell'HTML 

• la difficile gestione degli aggiornamenti 

• le modifiche da effettuare su singoli file

HTML 4.01 è il linguaggio di marcatura più diffuso sul Web. Da alcuni anni, però, il consorzio internazionale W3C ha stabilito che il linguaggio standard con cui organizzare i contenuti del proprio sito Web debba essere XHTML. E' dunque con XHTML che andrebbero costruite le pagine Web. 
Per continuare ad utilizzare HTML è bene sapere che, sempre secondo gli standard pubblicati dal W3C, ci sono alcuni elementi che sono stati considerati superati da altre tecnologie o da altri linguaggi. Tra questi ci sono alcuni tag molto utilizzati, come <FONT> o <B>. 

Le funzionalità di HTML permettono di creare pagine web anche molto complesse, ma spesso con il risultato di renderle poco flessibili e soprattutto con barriere agli utenti disabili. 

I Cascade Style Sheets (Fogli di stile a cascata) possono risolver gran parte dei problemi di gestione e organizzazione delle pagine web. Il vantaggio fondamentale rispetto all'HTML è il controllo dello stile delle pagine separando contenuti, struttura e stile. Essi consentono di specificare facilmente elementi quali spaziatura delle righe, rientri, colori per testo e sfondi, corpo e stile dei caratteri e molti altri dettagli. Sono delle regole di definizione e modifica dello stile (grafico, visivo, di stampa, vocale, etc) di un documento HTML e dei suoi componenti strutturali. 

Ristabiliscono lo spirito originario di HTML, in cui c'era un'effettiva separazione di significato e presentazione, della progettazione basata sulla codifica del significato dell'informazione (struttura logica del documento: titolo, sezioni, paragrafi etc.) dalla progettazione basata sulla presentazione (tipo di font, dimensioni, colore, posizione testo, etc.) Diventano raccomandazione del W3C nel dicembre del 1996 (CSS1), rivista e ampliata nel 1998 (CSS2) e implementata nello standard HTML 4. La versione CSS3 è in fase di sviluppo. 

I fogli di stile, d'altro canto, non sono compatibili con tutti browser nonostante siano stati approvati da il W3C. I browser che offrono la maggiore compatibilità sono Explorer (dalla versione 5.5) e Mozilla (Netscape 7). Netscape 4 ha seri problemi di gestione dei CSS.

E' possibile utilizzare un foglio di stile CSS per controllare molti documenti contemporaneamente e comprendere in un unico foglio tutti gli stili di un documento. Attraverso l'uso combinato di un foglio di stile CSS e uno stile HTML si ottiene il vantaggio di collegare più documenti. Di conseguenza, per aggiornare le caratteristiche di formattazione delle pagine web basterà modificare il foglio di stile e automaticamente cambierà la formattazione di tutti documenti che utilizzano quello stile. 

La formattazione HTML manuale, però, ha la precedenza rispetto alla formattazione applicata da uno stile CSS: per controllare la formattazione di un paragrafo con un CSS, è necessario eliminare tutta la formattazione HTML manuale o gli stili HTML. 

I documenti HTML possono contenere regole di stile direttamente al loro interno o possono importare i fogli di stile. Separare i fogli di stile dai documenti HTML offre due vantaggi: la possibilità di condividerli per un gran numero di documenti e di cambiarli senza che ciò richieda modifiche al documento. 

Possono essere suddivisi in: 

• fogli in linea: per utilizzare uno stile da applicare ad un singolo tag HTML

• fogli interni: per definire lo stile per tutta la pagina

• fogli esterni: un semplice file di testo (.css) dove vengono definite le proprietà che saranno applicate a tutte le pagine del sito collegate