<% 'ADV_ORGANIZER 1.0 | formato, categoria, base, altezza, unico, disposizione, voto, dove, numero,tipo,refresh,output response.write(organize_adv(0,categoria,120,600,,,7,,1,0,1,)) %>
DEFINIZIONE
I CSS (Cascading Style Sheet) possono essere descritti come una serie di
"regole grafiche" di una pagina HTML (formattazione, posizionamento e gestione della struttura).
I CSS portano l'innovazione dell'impostazione grafica non in-line (come era
prima, vedi tag "<font>", ecc.).
Il loro funzionamento (semplificando molto) è questo: gli elementi di una file HTML vengono contrassegnati tramite identificativi (es. ID per quelli univoci, CLASS per elementi che si possono ripetere, selettori, ecc.) e a ciascuno di questi è possibile far corrispondere una serie di disposizioni. Nell'esempio sottostante facciamo corrispondere alla classe "sommario" un testo giallo, uno sfondo nero e un carattere Verdana:
Lo stile di formattazione CSS si può applicare anche alle tag stesse in un rapporto di parentela padre-figlio (es. se la tag "<BODY>" è predisposta per avere il testo rosso, se non si specifica nulla di diverso, anche tutte le tag come "<P>", ecc. avranno il testo di quel colore dato che sono "figlie" della suddetta tag):
I CSS hanno molte altre potenzialità (display, float, ecc.) ma non è questo
il luogo adatto alla loro trattazione, d'ora in poi parleremo unicamente del
vantaggio (o svantaggio) nell'impiegarli all'interno di un sito web.
I VANTAGGI
La lista dei vantaggi è sterminata, elenchiamone alcuni:
-
Tramite i CSS si può (secondo le linee guida del W3C) arrivare ad avere il miglior livello di compatibilità tra i diversi browser e le diverse piattaforme di lavoro;
-
Niente più formattazione in-line (ad es. la vecchia tag "<FONT>") con conseguente semplificazione e alleggerimento del codice;
-
Minore banda occupata nello scaricare le nostre pagine web (niente più formattazioni ripetute, tutto può essere salvato in un file .CSS);
-
Separazione netta tra grafica e contenuto (a cui corrispondono aggiornamenti più rapidi e con meno complicazioni);
-
Minori errori nella gestione della grafica e nel suo aggiornamento (il codice HTML sarà di più facile modifica manuale);
-
Possibilità di gestire la visualizzazione a seconda delle esigenze dell'utente (CSS per la stampa, CSS alternativi, per diversamente abili, ecc.).
LE PROBLEMATICHE
Nonostante i CSS siano nati per semplificare il lavoro ai creatori di siti
web essi a volte risultano un po' ostici da utilizzare:
-
Per chi è abituato a lavorare con vecchi editor HTML tendenzialmente visuali troverà il processo lavorativo un po' rallentato;
-
I browser vecchi a volte generano errori di visualizzazione (le famigerate versioni 4.0 dei browser);
-
Il primo approccio è un po' traumatico;
-
I CSS sono utili solo se strutturati in maniera intelligente;
-
Molte utili funzionalità dei CSS sono tuttora non ben supportate anche dai browser più diffusi;
-
Capita non di rado di scrivere CSS errati o incompatibili.
SOLUZIONI
Le soluzioni:
-
Per creare agevolmente pagine web seguendo questa strategia sarebbe di grande aiuto utilizzare software che tendano il più possibile a far scrivere il codice HTML manualmente;
-
Una grafica visibile e chiara anche senza CSS (o per lo meno leggibile) può essere una soluzione a questo problema;
-
Una buona giuda ai CSS risolverà ogni problema riguardante l'apprendimento;
-
Al fine di ottenere effettivi vantaggi (per quanto riguarda il peso delle singole pagine) sarà necessario scrivere CSS sintetici che diminuiscano il più possibile le ripetizioni inutili (in alcuni casi i CSS possono addirittura diventare più pesanti della formattazione in-line se non ben elaborati);
-
E' necessario fornirsi di documentazioni tecniche dei vari browser per sapere cosa è possibile fare e cosa no;
-
Esistono tantissimi validatori di CSS (programmi/script in grado ovvero di correggere e segnalare gli errori di sintassi).