Newsgroup: it.comp.www.html
Titolo: Problema Div

Salve
ho un piccolo problema....stavo cercando di perfezionare i miei piccoli 
siti muovendomi verso sulla strda della pulizia del codice 
dell'accessibilità intesa più che altro di essere perfettamente visibili 
da qualsiasi browser (IE, Opera, Mozilla, Firefox.....) e sistema operativo.
Così cercando di eliminare troppe tabelle annidate, sostituendo sfondi e 
font nel listato html con i css.....mi sono imbatutto nei <div> o meglio 
nei siti completamente costruiti con questo mezzo.... un esempio è il 
sito Tiscali 
http://www.tiscali.it/
Volevo studiarmelo scaricando l'home sul pc, ma con sorpresa andandola 
ad aprire con Dreamweaver in pratica la formattazione in modalità 
grafica va a farsi benedire...... a questo punto mi chiedo, è 
Dreamweaver che non "riesce" allo scopo e mi consigliate qualche altro 
editor oppure no? altrimenti mi riesce difficile capire come costruire 
un sito avendo gli elementi posizionati qui e la sullo schermo, e poter 
vedere l'aspetto finale solo con una preview del browser.
Come fare?

 Come fare?
Mi dispiace, ma quello che vuoi far tu non e' compito da svolgere con un 
editor visuale HTML, ma un lavoro da fare "a mano" con editor testuale e 
conoscenze di CSS e (X)HTML.
Ciao
	MaX

YattaMaX ha scritto:

Ma capisco che cmq sia si debba mettere mano la codice, ma essendo un 
sito molto grafico doverlo "immaginare" mentre lo si costruisce mi 
sembra azzardato, potendolo vedere una preview solo aprendolo nel 
browser....possibile che un editor grafico che supporta gli include in 
asp\php, i css e tutti i tag html.....abbia problemi a posizionare nella 
pagina elementi codificati con i div ????

 pagina elementi codificati con i div ????
Probabilmente' uscira' in futuro (anche se ho alcuni dubbi in merito), 
ma son dell'idea che per lavori un po' piu' complessi della classica 
"home page", sia necessario lavorare completamente a codice, per non 
rischiare di doversi poi ritrovare con brutte sorprese di 
visualizzazione e codice monnezza.
Ciao
	MaX

YattaMaX ha scritto:

Ma sei sicuro? voglio dire devo posizonare una serie di immagini a 
destra, sinistra, in colonna, e così pure i testi, allinerali e via 
dicendo.......e faccio tutto a codice immaginando il risultato nella mia 
testa??? a me senbra assurdo.
Quando creo una pagina metto comunque mano al codice per i css, per 
inserire gli include, per ottimizzare il codice per i diversi browser e 
per molto altro ancora, ma comunque lavoro in modalità wysiwyg per 
vederne l'aspetto finale, aprendo poi in preview con Opera, IE e 
Firefox....rimettendo mano al codice per eliminare qualche sbavatura e 
qualche tag mal supportato dai vari browser, lo stesso per implementare 
jscript, eventuali applet e via dicendo.......insomma non si tratta di 
inserire qualche riga, si tratta di progettare un'intera home e non solo 
"a mente" e francamente dubito che si possa fare se non perdendo un 
enorme quantità di tempo e di pazienza....

 testa??? a me senbra assurdo.
No. Il principio e` che non devi pensare alla pagina web come a un
volantino pubblicitario, ma come una pubblicazione strutturata.
Devi suddividere logicamente le varie componenti della pagina, riempirle
di contenuti e alla fine impostare il layout.
In pratica devi delimitare i vari componenti. Per esempio, una immagine
deve essere abbinata a un testo, chiamala <img class="textimage">, poi
da css decidi se metterla a destra o a sinistra. Fa parte di una
gallery? Chiamala <img class="galleryimage">. E` il logo dell'azienda?
Chiamala <img id="logo">.
Vuoi usare <h1> per tutti i titoli, ma quelli dei menu laterali devono
essere piu` piccoli? Userai <h1 class="sidemenu"> per quelli dei menu e
<h1 class="maintext"> (o <h1> e basta) per quelli del testo principale.
Alla fine carichi la pagina nel browser e modifichi a mano il css
finche` non ottieni il risultato voluto. Con la differenza che quando
l'avrai trovato andra` bene automaticamente per tutte le altre pagine
del sito, e non solo per quella.
Bye.

 
Non mi sarei potuto spiegare meglio, bravo !! hai centrao bene il succo.
Lavorare con i DIV e quindi nella logica di XHTML, e' un lavoro di 
logica, cioe' ogni div (spazio) e' un pezzo logico della pagina e 
difficilmente un programma automatizzato come un editor visule riuscira' 
a capire cio' che per un essere umano ha un senso.
Poi per FireFox c'e' un Extension chiamata EditCSS che permette di 
modificare il CSS della pagina e vederne i cambiamenti in tempo reale, 
forse puo' essere utile alla causa in gioco.
http://editcss.mozdev.org/
Ciao
	MaX

 .

 }
E anche 
#gallery li {
 ... stile per l'insieme immagine+caption
}
E solo
#gallery {
 ... stile per tutta la gallery
}
Ottimo metodo senza troppi div nested. :)
Bye.
-- 
Alessandro Pellizzari

YattaMaX wrote:
 > Poi per FireFox c'e' un Extension chiamata EditCSS che permette di
 > modificare il CSS della pagina e vederne i cambiamenti in tempo reale,
 > forse puo' essere utile alla causa in gioco.
 >
 > 
http://editcss.mozdev.org/
 >
 > Ciao
 >     MaX
In realtà c'è anche WebDeveloper, che in realtà fa questo, quello e 
maria stella...
Consiglio a tutti i possessori di FFox di usarlo...
Ciao

 Consiglio a tutti i possessori di FFox di usarlo...
yes, wevdev toolbar[1] e, aggiungo,
colorzilla[2] sono per me indispensabili :)
ciao.
[1] 
http://tinyurl.com/4bbqd
[2] 
http://tinyurl.com/44lcc
-- 
"Però è bello sapere che, di questi tempi spietati, almeno
un mistero sopravvive: l'età di Afef Jnifen." -- 
dagospia.com