ma puoi usate anche solo
<div id="container>
<div id="intestazione"> qui inserisci l'intestazione</div>
<div id="navigation"> qui inserisci la navigazione</div>
<div id="content"> qui il contenuto</div>
<div id="footer"> qui inserisci il contenuto di piede</div>
</div>
nel css applicherai lo stile dell'intero sito:

html,body{qui tetterai: margini; il padding ; immagine o colore di sfondo}
body{qui inserirai il font-family; il font-size; e l'allineamento del testo}
div#container{background-color: .....; width: ......;margin: 0 auto;text-align:... }
/stili generici, su header e footer/
div#header{background-color:.....;color:..... ;}
div#footer{qui lo stile per il piede }

div#navigation{inserisci lo stile per la mavigazione}
div#content{ lo stile per i contenuti }

poi lo stile per la navigazione copio e incollo se no non finisco piu:

div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0}
div#navigation a{color:#fc6;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #fff;text-decoration: underline}
div#navigation a#activelink{color: #033;text-decoration: none}

Grazie mille ragazzi!
Un giro su html lo faccio comunque, ma il'esempio di cicciopasticcio mi sembra molto utile... adesso faccio qualche prova e poi magari vi faccio vedere il risultato finale...

Grazie ancora!!!

@simon78_soft said:

Grazie mille ragazzi!
Un giro su html lo faccio comunque, ma il'esempio di cicciopasticcio mi sembra molto utile... adesso faccio qualche prova e poi magari vi faccio vedere il risultato finale...

Grazie ancora!!!

All'inizio è un po difficile capire il funzionamento, poi è semplicissimo e comodissimo utilizzarli.
Però ti consiglierei un programma per aiutarti un pò ad utilizzarli. Il più semplice secondo me è il macromedia dreamweaver. Un ottimo programma per i css che ti potra risultare molto utile è TopStyle Pro 3, non so se ora ci sono altre versioni.

@nutritionvalley said:

Io ti consiglierei una guida, ce ne sono molte in internet. su html.it ne trovi quante ne vuoi. Con quelle guide risolvi ogni dubbio. Ti consiglio inoltre qualche programma per gestire i fogli di stile, è meglio che impararsi tutto il codice.
Se usi dreamweaver ad esempio è molto semplice usare i css.
in Realtà è meglio che impariate bene a leggere e a scrivere il codice
anche perchè affidarsi a un programma spesso significa dover poi mettere le mani nel codice e se non si sa cosa si legge il problema è davvero molto grande
per fare un esmpio molto semplice ora produco volutamente una riga con errori banali:
mettiamo che dobbiate produrre pagine xhtml compatibili
diciamo che il programma scriva questo pezzetto di codice:
<H3 class="titoli"> Accessori <br>adesivi </H3>
e che una volta passati al vaglio del validatore w3c vi venga detto che ci sono tre errori
Quali sono?

è meglio " impararsi" tutto il codice

Su questo ti do ragione. Però un programma che ti aiuta non fa mai male. Per fare un sito bisogna almeno conoscere l'html, però penso che nessuno si metta con il note pad a scrivere tutto il codice. Conoscere il codice ti aiuta a trovare gli errori e ad ottimizzare al meglio quello che vuoi tu, però un programmino che te lo genera è un buon supporto a mio avviso, specialmente con chi è alle prime armi con i css (come me!)

sono d'accordo non dico no al programma dico no al programma senza avere una piccola base di conoscenza è diverso
"impararsi" il codice è basilare se non si è sicuri del markup come si può pensare di creare pagine o applicazioni web senza commettere errori?
se non si conosce la differenza tra . e # come si puo produrre un css?
intendiamoci io non sono una cima anche io ho le mie lacune ad esempio in grafica sono una schiappa gli accostamenti di colore sono per me un incubo tant'è vero che i vestiti dall'armadio me li tira fuori mia moglie ma se non altro se leggo un css so esattamente cosa sto leggendo è solo questo che dico
occorre studiare

@nutritionvalley said:

Però un programma che ti aiuta non fa mai male. Per fare un sito bisogna almeno conoscere l'html, però penso che nessuno si metta con il note pad a scrivere tutto il codice.
Eccomi

@introw said:

Meglio i DIV, non tanto per il posizionamento che secondo me non è un fattore così importante, quando perchè l'utilizzo dei DIV (e dei CSS naturalmente) migliora la compatibilità e l'accessibilità.

Concordo quasi su tutto. Ma tra compatibilità e accessibilità ci passa differenza. In realtà un sito web per essere anche accessibile dovrebbe essere - in linea teorica (anche se ancora non trovo scritto nulla di ufficiale) - leggibile anche dagli screen reader di cui utenti meno abili fanno uso.

Sfortunatamente i div, in questo senso, se mal usati, aiutano lo screen reader a confondersi, specie se si utilizzano sistemi per creare tabelle con i soli div (di cui io sono innamorato pazzo). Così facendo i reader non sanno da che parte iniziare a leggere e che ordine seguire durante la lettura.

Ho suggerito al W3C di integrare nuovi tag per supportare la sola lettura, che applicati ovunque consentano di dare un input ai reader "abilitati", tuttavia dopo la mia segnalazione non ho sentito e visto nessuno.
Forse avrò sbagliato canale, o forse è una questione di partiti persi pure li.

@nutritionvalley said:

Su questo ti do ragione. Però un programma che ti aiuta non fa mai male. Per fare un sito bisogna almeno conoscere l'html, però penso che nessuno si metta con il note pad a scrivere tutto il codice. Conoscere il codice ti aiuta a trovare gli errori e ad ottimizzare al meglio quello che vuoi tu, però un programmino che te lo genera è un buon supporto a mio avviso, specialmente con chi è alle prime armi con i css (come me!)

Offendo la tua sensibilità se ti dico che io non uso programmi visuali per fare siti, ma vado di un notepad colorato che mi aiuta a trovare la sintassi eventualmente sbagliata e poi sottometto le pagine al validatore di turno? E' dal 1994 che faccio siti in quel modo ... e onestamente non rimpiango per nulla il Front Page http://www.giorgiotave.it/forum/images/smilies/mavieni.gif

@moroandrea said:

Offendo la tua sensibilità se ti dico che io non uso programmi visuali per fare siti, ma vado di un notepad colorato che mi aiuta a trovare la sintassi eventualmente sbagliata e poi sottometto le pagine al validatore di turno? E' dal 1994 che faccio siti in quel modo ... e onestamente non rimpiango per nulla il Front Page http://www.giorgiotave.it/forum/images/smilies/mavieni.gif

Non offendi la mia sensibilità, anzi ti faccio i complimenti. Io il web master lo faccio come hobby, quindi non mi offendi qualsiasi cosa tu dica. Uso dei programmi perchè mi danno una mano, ma mi piacerebbe molto imparare a fare un sito con un notepad come conText.

@nutritionvalley said:

ma mi piacerebbe molto imparare a fare un sito con un notepad come conText.

Sicuramente devi iniziare dalle badi dell'html 4.0, se non altro sai a cosa servono i tag. Poi passi all'xhtml, ovvero documenti ben formati che per farla "semplice" ma non esaustiva equivale a: 1) niente tag in maiuscolo 2) tag aperti e chiusi senza eccezione (al massimo chiusi se non prevedono l'apertura) 3) poi passi al css, ovvero i fogli di stile

.... è una domanda già fatta qualco tempo fa su questo forum, in ogni caso ai fini del posizionamento e per la mia esperienza non credo vi sia alcune differenza, è vero la table appesantisce leggermente di più la pagina. Ovviamente per siti web realizzati con i div , si deve aver conoscenza dei linguaggi di programmazione con i quali questi siti web engono realizzati, ma nienti di più, i programmatori a volte esagerano troppo con una serie di include che non hanno alcun senso ai fini della strutturazione della pagina .

... come mai questa domanda se posso chiederti .. hai avuto difficoltà con siti web realizzati con i div?

il fatto e che molto spesso si pensa che visto che un sito in rete viene restituito dal browser sia tutto ok (funziona allora va bene) e si passa subbito a pensare ai mdr, al posizionamento, va bene ma... se non si conosce il codice come divalo si fa? e come chiedere a un ceco di che colore sono i nostri pantaloni è assurdo .....

@cicciopasticcio said:

ma puoi usate anche solo
<div id="container>
<div id="intestazione"> qui inserisci l'intestazione</div>
<div id="navigation"> qui inserisci la navigazione</div>
<div id="content"> qui il contenuto</div>
<div id="footer"> qui inserisci il contenuto di piede</div>
</div>

ciao a tutti, ciao Ciccio..
anche a me piace usare questo tipo di struttura, l'unico problema che ho trovato è che se metto delle immagini nel div dei contenuti e in quello del menù, se queste immagini sono grandi (es la somma si avvicina ai 750 pixel in larghezza) mi fanno sfasare tutto il sito, cioè la colonna dei contenuti va a capo con un bruttissimo effetto grafico per chi ha il monitor con risoluzione 800*600!!
Mi consigli qualche modo per risolvere il problema (ovviamente l'unico modo che conosco per risolverlo è quello di usare le tabelle, o di diminuire le dimensioni delle immagini.. ma a volte ci sono clienti che si lamentano se le foto delle loro gallerie fotografiche sono troppo piccole, e poi il problema della colonna che va a capo si presenta anche se si ridemensiona la finestra... cosa che non succede se nei div di contenuti e menù ci sono solo dei testi).

Grazie mille....

be agisci sul css e dai le dimensioni in em invece che in px

Ma lo posso fare anche per le immagini?

be di fatto al css puoi delegare tutta la parte grafica anzi dovresti
dare delle dimensioni in percentuale di solito è la scelta piu ovvia per far si che tutto si adatti a ogni risoluzione in alternativa puoi sempre lincare un'immagine piccola ad una immagine piu grande certo è che se inserisci un file con dimensioni fisse......

in ogni caso non sottovalutare le risoluzioni 800x600 perche sono ancora piu del 5%

grazie.. lo farò!! confesso che non sapevo questa chicca delle immagini ridimensionate in percentuale con i css...