Newsgroup: it.comp.www.html
Titolo: Tab e div...moda o migliramento?

Ciao a tutti...
sto facendo un secondo portale e il dilemma è:
www.infolunigiana.it
 è fatto con i tab ma vedo che in molti usano SOLO i 
div.
Mi chiedo, ma è una moda o effettivamente la cosa ha dei vantaggi?
  E soprattutto, questi vantaggi (se ci sono) valgono le ore di lavoro 
di differenza che ci sono tra la realizzazione di un layout usando i div 
e i tab?
Grazie a tutto
   Luca
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 i tab?
I tab sono nati per gestire dati in forma tabellare. Usarli per creare 
il layout è un errore semantico: raggiungi lo scopo ma crei molto codice 
difficilmente comprensibile e/o modificabile, penalizzante per i motori 
di ricerca. Su Internet trovi tanti esempi di layout fatti con i CSS, a 
due, tre, quatto colonne, con o senza header.
-- 
  Giovanni Cappellini - 
http://quacos.wordpress.com
Realizzazione siti dinamici e consulenze OpenSource:
 
http://www.weblogix.biz


 e i tab?
Come sempre, dipende. Secondo me si` nel 99% dei casi.
Usare i div ti permette di organizzare meglio le informazioni, e di dare 
un flusso logico al tutto. Per esempio il menu principale del sito sara` 
dentro <div id="menu"> e non nel terzo td del quinto tr della terza 
tabella dentro il quinto td del quarto tr della tabella...
Questo ti da` dei vantaggi sia in fase di realizzazione che in fase di 
visualizzazione.
Ti "costringe" a suddividere meglio le componenti della pagina o del sito, 
ti permette di scorporarle e di includerle server-side in modo piu` 
semplice, ti consente di gestire in modo piu` libero il layout, ti rende 
piu` pulito il codice su cui lavori, e rende possibile lavorare piu` di 
fino sullo stile dentro i css.
Se fai programmazione server-side e` molto piu` semplice scrivere codice 
che lavora su un solo div (per esempio il blocco delle news) che viene 
richiamato dalla pagina principale e inserito cosi` com'e`, senza bisogno 
di andare a modificarne l'output per adattarlo a una struttura tabellare 
che puo` cambiare da pagina a pagina.
In visualizzazione hai il vantaggio (enorme) di avere pagine meno pesanti, 
un css che, anche se corposo, viene tenuto in cache dal browser per tutta 
la navigazione, ed eventualmente hai anche il vantaggio di rendere molto 
piu` semplici i javascript che lavorano sul DOM del sito.
Ci sono sicuramente mille altri motivi, questi sono quelli su cui mi 
imbatto piu` spesso.
Bye.



Ciao.
[1]: 
http://code.google.com/p/blueprintcss/
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan


 tab?
Dopo il secondo sito che fai col layout a CSS, vedrai che le ore di 
lavoro di differenza ci sono in meno, non in più.
-- 
Raffaele Masi
www.webmasterfirenze.it


Questo suona polemico, ma è 80% constatatorio e 20% polemico.
Ma perchè tutti questi che all'unisono ora decantano le doti dei Div,
non se ne sono accorti prima, visto che il Div esiste dalla notte dei
tempi? 
No, perchè onestamente sembra di vedere un gruppo di sviluppatori bue che
non ha le sue idee chiare e svolta seguendo il cambio di direzione che il
primo della mandria fa...
ps:
mai incontrato un problema reale ad usare tabelle.


 mai incontrato un problema reale ad usare tabelle.
Continua pure
-- 
Raffaele Masi
www.webmasterfirenze.it


 mai incontrato un problema reale ad usare tabelle.
Dipende da cosa intendi per problema reale.
Io bestemmio in qualche decina di lingue diverse quando devo prendere in 
mano un vecchio sito fatto con le tabelle e devo inserirci qualche nuovo 
dato, perche` puntualmente manca un td o cancello per sbaglio un tr o che 
so io. Poi per risolvere indento tutto e mi trovo un centinaio di spazi 
bianchi a sinistra perche` sono innestati una trentina di tag uno dentro 
l'altro.
Bye.


 mai incontrato un problema reale ad usare tabelle.
Uno puň anche spalmare la marmellata con la cazzuola da muratore.
-- 
  Giovanni Cappellini - 
http://quacos.wordpress.com
Realizzazione siti dinamici e consulenze OpenSource:
 
http://www.weblogix.biz


Alessandro Pellizzari ha scritto:
[MEGA CUT]
Grazie, effettivamente ci sono vantaggi e l'ho notato...solo che per due 
volte all'80% della realizzazione del layout c'era qualcosa che non 
riusciva a stare in asse e sballava tutta da un lato...per due volte di 
seguito (due progetti diversi) ho dovuto rifare tutto con le tab.
Per questo avevo deciso di stare lontano dai div...non so perchè ma ad 
un certo punto un comando sepmlicissimo come l'align faceva sbottare il 
contenuto. Anche eliminando il css in questione e l'oggetto...la pagina 
veniva e rimaneva deformata. non avendo capito l'errore ho rifatto tutto...
Vabbè...darò una rinfrescata a 
duographic.it
 e cercherò di farlo con i 
div :-)
Ciao e grazie
   Luca


 progetti come Blueprint[1], ad es.:
lo so..ma in progettazione mi ha sbottato il layout e per una questione 
di scadenze ho rifatto tutto in tab e aspx
Grazie


 mai incontrato un problema reale ad usare tabelle.
A parte quando a volte si carica la pagina deformata e poi si stabilizza 
una volta caricata ( vedi 
infolungiana.it
)


 so io. 
no dai...dipende da chi lo ha fatto...


 di scadenze ho rifatto tutto in tab e aspx
Ecco, un consiglio che volevo darti è: non fare la conversione
a DIV con i tempi stretti che di solito i progetti hanno.
Fai delle prove per conto tuo su progetti extra lavorativi
o interni (se sei dipendente), così puoi controllare meglio la
situazione.
Ciao.
-- 
site 
http://passiomatic.com/
pics 
http://redpunk.com/
lnks 
http://del.icio.us/deelan


   Luca
---------------
La prima differenza che salta all'occhio nel l'uso dei DIV è a mio giudizio 
la dimensione in byte delle pagine web.
Infatti prendendo per esempio alcuni miei vecchi siti (tutti amatoriali) 
realizzati in passato con le TABLE  (header, navbar, 3 colonne, footer) e 
una svariata sequenza di TABLE annidate il peso della pagina (escluse le 
immagini grafiche) era di 30 - 40 KB.
Con i DIV lo stesso tipo di impaginazione della pagina web pesa in byte 
nettamente di meno, nei miei esempi non supero neanche i 10 KB.
Mi dirai che le connessioni internet odierne sono migliorate e una buona 
percentuale ha a disposizione ADSL e Fibra Ottica, e la differenza in byte e 
poco significativa.
Io dal mio punto di vista ti rispondo che per me il mondo internet è 
informazione libera e notizie, prima di tutto, e più persone riesci a 
raggiungere meglio è per te. E se lo fai per trarne profitti è evidente che 
anche chi non dispone delle nuove tecnologie di connessione, ma dispone di 
una vecchia connessione a 56K o un  modesto GSM collegato al PC (anche un 
vecchio Pentium MMX) da qualsiasi parte remota del pianeta, può essere un 
potenziale tuo visitatore.
Inoltre, se vuoi, puoi utilizzare il minor peso in byte della pagina web per 
aggiungere una immagine grafica più definita o a maggiore risoluzione.
-------------
La seconda differenza è senz'altro la leggibilità del codice, come già ti 
hanno evidenziato, se devi riprendere dei vecchi siti realizzati con le 
TABLE prima devi necessariamente indentarli per renderti conto dove iniziano 
e finiscono le varie TABLE, per capirci qualcosa (anche se li hai fatti tu 
stesso ...) per effettuare un restyling o delle modifiche. Poi per giunta se 
il lavoro lo deve svolgere un altro, fatti dire le bestemmie che tirano giù 
...
-------------
La terza differenza è susseguente alla seconda e cioè se si lavora in un 
team con il web designer, il grafico pubblicitario, l'esperto di database e 
programmazione, l'esperto di HTML + CSS, il webmaster,  è necessario che i 
vari blocchi in cui è suddivisa la pagina web abbiano dei nomi significativi 
(es, boxdb, imgpreview, navbar, header, e via di seguito ...) in modo che se 
anche uno dei membri del team dovesse cambiare per qualsiasi ragione, i 
nuovi avrebbero meno difficoltà ad entrare a far parte del progetto.
-------------
La quarta differenza è che puoi testare migliaia di volte il tuo lavoro 
modificando solo i CSS, una CLASS  un ID, salvi il CSS, fai un refresh della 
pagina nel browser e ... voilà i risultati sono infiniti.
Ovviamente ci saranno altre differenze ... ma per me queste sono le più 
significative.
In ultimo se sia una moda, non lo so, certo che per me semplifica parecchio, 
ho notato che alcune interfacce multimediali sono più semplificate e non 
come accadeva una volta dove era ben visto solo chi realizzava siti con 
effetti fantascientifici.
La mia esperienza personale in fatto di HTML era ferma a 6 anni fa, 
quest'anno ho ripreso interesse per alcuni miei progetti, ho visto che molto 
era cambiato, ho letto alcuni articoli di 
w3cschools.com
, ho visto alcuni 
template di 
oswd.org
, ho scaricato Komposer (web editor) e Topstyle Lite 
(CSS editor) e adesso sviluppo pagine web per mio uso personale in XHTML 1.0 
Strict, è una bellezza ....
Ciao Julik


 dicono "abbiamo sbagliato".
Sei molto ottimista... :-)
-- 
Raffaele Masi
www.webmasterfirenze.it



Per inciso, ho indicato nel mio post alla fine "è una bellezza ...." 
intendendo con quale facilità si riescano a creare layout con i DIV e i CSS.
Poi un'altra differenza che mi è venuta in mente rispetto alle TABLE e che i 
DIV+CSS permettono una riusabilità del codice molto efficiente, permettendo 
di impostare una struttura che può diventare come un marchio di fabbrica per 
vari siti con argomenti diversi ma dello stessa brand.
Un'ottima ragione direi ...
