Newsgroup: it.comp.www.html
Titolo: I vantaggi del table-less ?

Ciao,
Non capisco i vantaggi dell'impaginazione table-less delle pagine html.
Sto utilizzando un CMS ( DotnetNuke) e posso installare delle skin table e 
delle skin table-less.
Le pagine che utilizzano le table rispettano le dimensioni dei vari panel 
( sezioni in cui e' suddivisa l'impaginazione) anche cambianod risoluzione 
di visualizzazione, mentre le table-less cambiano. In pratica a volte si 
sovrappongono creando degli effetti grafici assurdi.
Cmq io non sono un'esperto e se tutti spingono verso l' utilizzo dell' 
impaginazione table-less qualche motivo ci sara', forse perche' possono 
utilizzare i css? La presenza dei *DIV* nel codice html e' indice esclusivo 
di una impaginazione table-less?
Mi aiutate a capire?
 
Grazie 
 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 Mi aiutate a capire?
 
Il vantaggio principale e` che compartimenti meglio i vari pezzi della 
pagina, rendendoli meno interdipendenti tra loro. E` quindi molto piu` 
semplice cambiare l'impaginazione, lo stile, e anche la posizione di un 
blocco e del suo contenuto, senza dover mettere mano a tutto il codice di 
tutte le pagine, ma magari solo al css.
 
Il secondo vantaggio e` che la pagina e` meglio indicizzabile dai motori 
di ricerca.
 
Il terzo vantaggio e` che hai molta piu` liberta` di posizionamento dei 
vari elementi.
 
Altro vantaggio importante e` che il codice e` molto piu` pulito e 
comprensibile quando vai a modificarlo, ed e` molto piu` raro "rompere 
tutto" dimenticando di chiudere o di aprire un tag.
 
Bye.


 Mi aiutate a capire?
 
Per chi programma semplifica enormemente il lavoro, in quanto
l'annidamento degli elementi è molto più semplice da gestire, e il
riconoscimento di classi o di elementi univoci è un aiuto prezioso per
far interagire linguaggi lato server  lato client.
 
Riguardo il lato puramente XHTML il vantaggio più evidente è la comodità
di gestire il layout tramite uno (o più) files esterni, separando
contenuti dal contenitore.
 
Guardai il sito Zen Garden (
www.csszengarden.com
) e vedrai cosa si può
fare con gli stessi contenuti gestiti da files css differenti.
Può aiutare a capire.
 
Max
-- 
http://www.maxori.it
 
L'Arte è la capacità di fare cose di nessun valore
e di riuscire a venderle
F. Zappa



 
Grazie, come sempre sei molto chiaro ed esaustivo.. :-)



 
Ok, vado a vedere.
Grazie 1000 anche a te..
Ciao


 Ok, bene, quindi i css si possono utilizzare SOLO con i table-less ?
 
No, si usano anche con le vecchie pagine con le tabelle, ma con l'XHTML
il sistema è molto più potente.
In tutti i casi si tratta anche di semantica, le tabelle servono per
"intabellare" e tipicamente i dati "intabellati" sono: classifiche,
specifiche tecniche, ecc. 
Le voci di menù sono elenchi, i titoli sono H1, H2, H3, ecc. i testi
sono paragrafi <p>, e via così.
Tieni presente che per i motori di ricerca anche queste cose sono
importanti, e tutto quello detto fin'ora è gestibile in modo molto più
semplice e preciso con i layout table-less.
L'unico problema se mai è Explorer, che ha delle opinioni molto diverse
dagli altri sul come rappresentare a video gli sitli css.



 
Ok, bene, tutto chiaro solo che io sono alle prese con un layout table-less 
che si *scombina* al variare della risoluzione. Esiste qualche metodo per 
bloccare i vari pezzi? A proposito, un *pezzo* e' contraddistinto da <div in 
all'inizio e </div> alla fine?
 
Grazie 


 mi confermi che le impaginazioni *table* sono statae abbandonate?
 
Niente viene mai abbandonato per sempre, ci sara` sempre qualcuno che 
fara` layout basati su table, almeno finche` i browser non impediranno di 
metterci un border:0 :)
 
Quello che dovresti decidere e` se ti interessa usare lo strumento (il 
CMS) o cercare di personalizzarne il layout.
 
Nel primo caso, semplicemente usa le skin table e non preoccupartene piu` 
di tanto, ma magari nel frattempo cerca un CMS piu` moderno.
 
Nel secondo caso devi metterti a studiare html e css, e poi capire anche 
come vanno fatte le skin per il CMS. Non e` una cosa da 2-3 giorni, ma 
piu` qualcosa da 90-120, come minimo.
 
Bye.


 all'inizio e </div> alla fine?
 
Si, sempre
 
Max
-- 
http://www.maxori.it
 
L'Arte è la capacità di fare cose di nessun valore
e di riuscire a venderle
F. Zappa


 contraddistinto da <div in all'inizio e </div> alla fine?
 
Non e` detto. Vedi sopra. Puoi anche usare <ul>...</ul> per delimitare il 
"blocco del menu" o, se usi html5, anche <article>...</article> per 
delimitare il testo dell'articolo.
 
Bye.


 codice table-less?
 
se vuoi essere sicuro di avere davanti un layout tableless molto 
semplicemente basta che cerchi se ci sono table, se non ci sono hai già 
la risposta, se ci sono, guardi se sono strutturali o sono una tabella 
dati (che quindi non è layout).
 
Cmq ci sono framework css che ti permettono di lavorare con il criterio 
di griglie se ti risulta comodo, senza usare tabelle.
 
-- 
Z.



 
Ok, grazie, qualche esempio? 


 Ok, grazie, qualche esempio?
 
http://goo.gl/UAOyO
 
 
 
-- 
Z.



 
Qualche indizio?
 
Grazie 


 restringersi a seconda della risoluzione utilizzata per la visualizzazione.
 
Sicuro che ad allargarsi sia lui invece dell'elemtno contenitore? Hai 
messo un bel bordo rosso per controllare?


 --
 
Hum, effettivamente e' un bel c. , se si allarga il Pane ( e' questo il 
contenitore? ) trascina con se' anche la tabella? Dovrei mettere un bordo 
rosso alla tabella?
 
Grazie 


 bordo rosso alla tabella?
 
Mettere il bordo rosso all'elemento di cui vuoi fissare la larghezza 
serve come "debug" per capire se hai fatto giusto.
Il pane lo mangio tutti i giorni, cosa sia per te non lo so. Tu devi 
solo verificare che hai impostato la proprietà per l'emento giusto. Se 
l'avessi fissata invece per un elemento ivi contenuto, quest'ultimo si 
fermerebbe alla larghezza prefissata ma l'elemento "padre" occuperebbe 
ancora lo stesso spazio di prima. Spero di essermi spiegato.



Hum, si , credo di aver capito, probabilmente la dimensione del panel 
influisce sulla dimensione della tabella ivi contenuta..
 
grazie 
