Creare da zero una nuova grafica per il sito (leyaut)

[EmoArt]

Buona sera a tutti gli altervistiani
mi sono bloccato su una situazione logica per proseguire con il miglioramento del mio sito. Mi spiego, la mia home pag l'avrò cambiata già una decina di volte, non mi piacevano i templates in giro, errori di codice, leyaut immodificabile ecc, sono arrivato alla conclusione che dovrei crearmene uno io con le caratteristiche che chiedo.
Per prima cosa mi sono preso un bel pezzo di carta e mi sono disegnato come vorrei la grafica con i rispettivi colori, tutte le pagine che dovrà contenere e persino il posto di dove dovranno essere linkate, e fino a quì ci siamo,
.... come faccio a trasformare un foglio di carta in un sito ?...
Come strumeti uso Dreamweaver e photoshop, ma non sono molto pratico ad usarli.
in genere come si prosegue? cerco di ricostruire su fotoshop la mia pagina o cerco di crearla già con dreamweaver? qualcuno dei grandi della grafica mi può dare qualche dritta valida?

imparati il css...

Layout innanzitutto.

Photoshop + css e puoi cavartela :)

[mycarlo]

Non è da escludere la base devi conoscere abbastanza bene anche HTML!

Io di solito faccio così: codifico il tutto (faccio la base con i div e i testi di esempio), poi inserisco il css (lo codifico con tutto) e dopo lavoro con photoshop, di solito ho un qualcosa a cui ispirarmi, magari basandomi su dei colori e guardando un altro sito che mi piace.
Ciaooo!! ^^"

[EmoArt]

Allora vediamo un pò, gli elementi grafici li devo creare con photoshop e poi inserirli in un layout. Ho capito che la soluzione ideale sarebbe preimpostarlo con i div dei css, io ho sempre usato le tabelle con html e non ho idea di come dovrebbe vanire con i css (spero di esermi spiegato bene), potreste farmi vedere un esempio di strutura con i div? per esempio uno spazio largo al centro come head e uno laterale un pò più stretto come menù

io uso publisher e vado tranquillo

[EmoArt]

io uso publisher e vado tranquillo

solo per gli elementi grafici o puoi pubblicare tutta la pagina così come la vedi?

con pubblisher puoi creare i codici html della pagina,io creo la base del mio template con photoshop poi la porto du dreamweaver e lì creo le tabelle e mi creo il sito in poche parole.

[EmoArt]

io creo la base del mio template con photoshop poi la porto du dreamweaver e lì creo le tabelle e mi creo il sito in poche parole.

perfetto! questo sembra il sistema più adatto alle mie capacità, vorrei solamente sapere come sostituire le tabelle con i DIV, faccio un esempio:
disegno la grafica con photoshop, apro dreamweaver e copio l'immagine nel nuovo documento vuoto, a questo punto posso rendermi conto di creare le tabelle perchè posso disegnarle sopra la grafica stessa (mi compariranno le linee che disegnerò per le tabelle) ma coi div come mi rendo conto di cosa stò delineando? hanno pure loro un corrispettivo grafico?

http://arimi.altervista.org/templateTut/tutorial.htm

ciaoo!

[EmoArt]

sono riuscito ad abbozzare in gran parte la grafica del sito, qualcuno dei più esperti potrebbe dargli una revisionata se gli và?magari qualche piccolo aggiustamento prima di importarla in dreamweaver




grazie Edo è stato molto utile il tuo tutorial