CSS o tabelle?

[paolabacci]

ciao, sto cominciando a studiare html, CSS etc. Dopo aver superato lo studio di questi argomenti, che ancora devo assimilare, il mio manuale è passato al capitolo delle tabelle.
sono andata in confusione...nel senso: come conviane impostare un sito web, e la struttura delle pagine?
con html, quindi le varie divisioni div, class etc oppure con le tabelle?


grazie!

[blekm]

Originariamente inviato da paolabacci
ciao, sto cominciando a studiare html, CSS etc. Dopo aver superato lo studio di questi argomenti, che ancora devo assimilare, il mio manuale è passato al capitolo delle tabelle.
sono andata in confusione...nel senso: come conviane impostare un sito web, e la struttura delle pagine?
con html, quindi le varie divisioni div, class etc oppure con le tabelle?


grazie!

css => layout pagine web
tabelle => per contenuti tabellari

[paolabacci]

è che non mi è molto chiaro, perchè le tabelle si usano anche per inserire immagini, testi...tutte le pagine possono essere strutturate in tabelle per come ho capito.
ad esempio, per strutturare un sito sul tipo di quello che invio, come funziona? cioè come si procede?
la parte blu con le strisce gialle sopra e sotto, si imposta tutto come sfondo e poi su quello si procede con il resto (testi, link etc)? oppure devo separare i vari elementi facendo uso delle tabelle? sono entrata in confusione perchè appunto stavo studiando html, poi è subentrato il capitolo delle tabelle e non capisco come conviene iniziare l'impostazione...
ovvero non ho capito se devo impostare le varie divisioni div, class etc oppure partire appunto con la divisione in tabelle, impostando ad esempio la striscetta gialla in basso come tabella fondo giallo, una cella...per fare un esempio.

grazie a tutti

[NetMassimo]

L'uso delle tabelle per il layout è possibile ma fortemente sconsigliato: in apparenza è facile proprio perché puoi usarlo per infilarci di tutto ma più complicato diventa e più difficile è fare qualsiasi modifica ad una pagina che diventa sempre più pesante e quindi meno interessante per visitatori e motori di ricerca.
La struttura con uso di div e css è più complicata da comprendere e padroneggiare ma ti permette di realizzare pagine sofisticate ma allo stesso tempo leggere la cui manutenzione e modifica finisce per diventare molto più semplice.

[salasir]

Aggiungo alcune riflessioni a quanto già detto e che condivido pienamente.

Prova a pensare ad un sito fatto con le tabelle "visto" da un ipovedente con un programma di lettura delle pagine (screen reader).
Se utilizzi i tag appropriati, questi saranno interpretati dal lettore per dare enfasi alle parole ([i]), elencare informazioni (<ul>,[*]), spiegare le sigle (<abbr>, <acronym>), eccetera.

Se usi le tabelle il lettore citerà:
riga uno colonna uno, logo; riga uno colonna due, testata; riga due colonna uno....
Insomma: alcune informazioni perse in un mare di parole senza senso.
Le tabelle serviranno (opportunamente codificate con TUTTI i tag previsti) per esporre dati che realmente hanno una correlazione riga/colonna.

Per questo è opportuno utilizzare i tag per quello che significano (semantica); non ci vuole molto più tempo, una volta padroneggiata la tecnica, a fare pagine accessibili ed usabili e semanticamente corrette. Anche se fosse per un sito amatoriale.
Oltre ad ottenere una pagina molto più pulita e leggera e quindi di più facile manutenzione.

Tutta la formattazione non comparirà più mischiata ai contenuti ma sarà isolata nei CSS.

Una lettura: La nuova filosofia di progettazione web