ciao a tutti, mi diletto a realizzare piccoli siti con dreamweaver e cerco sulla rete info sui css, ma nessuno scrive mai il flusso di lavoro.
la divisione tra contenuto e presentazione come deve avvenire per chi utilizza software visuali per creare un layout con tabelle?
si prepara prima un file .css, ma poi come imposto i contenuti?
non so se sono riuscito a spiegarmi ma chiunque possa darmi delle dritte lo ringrazio già da ora...ok?-)
ciao, dyland.
innanzitutto parti proprio col piede sbagliato (che + non si può)
tu PRIMA metti i contenuti, e poi gli dai la grafica... io da un bel po' di tempo faccio tutto a mano, e che tu ci creda o no, non sono mai andato tanto veloce...
comincia col suddividere la pagina che hai in testa o come bozza da photoshop in elementi strutturali... secondo un percorso logico completamente slegato alla grafica. Se una tal cosa è GIUSTO che stia in un certo punto o inclusa in un certo div allora metticela.
es: questo è il titolo + importante, quindi gli metto h1... questo blocco delle news deve essere separato e quindi gli metto un bel div etc etc e costruisci tutta la pagina senza nemmeno guardarla nel browser... controlla e ricontrolla se secondo te è corretta dal punto di vista strutturale e semantico. A questo punto attacchi il css e cominci a stilare le cose.
Dreamweaver è fantastico perchè ha il completamento automatico del codice e ti aiuterà moltissimo anche se lo usi solo nella modalità testuale
Questo è il mio flusso di lavoro e modestamente lavorando così ora vado a manetta! (anche se all'inizio è stata dura)
"La consapevolezza di Case suddivisa come perle di mercurio. La sua visione era sferica, come se una singola retina rivestisse la superficie interna di un globo che conteneva tutte le cose, se tutte le cose si potevano contare." —Neuromante, William Gibson (1984)
@panta
Bravo, sei un esempio: dovremmo seguire tutti la tua strada!
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
grazie panta..ma uso fireworks per creare la struttura grafica della pagina, va bene uguale?per elementi strutturali si intendono le varie porzioni?
scusa se faccio confusione ma devo pur iniziare...aiuto!
ciao.
HTML è un meta linguaggio, ovvero un linguaggio creato per strutturare le informazioni in modo autoesplicativo.
Gli elementi di HTML (ormai è meglio parlare di XHTML) ti permettono di strutturare il tuo documento in modo razionale e logico.
Se devi cominciare, ti consiglio di farlo prendendo come punto di riferimento il World Wide Web Consortium:
- http://www.w3.org
Potrai capire i princìpi e le basi per una buona programmazione in XHTML e CSS.
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
guarda questo ad esempio, è l'homepage del sito www.aliastapart.com
immagina di aver fatto solo lo studio grafico in photoshop (o fireworks che è uguale)
ora... invece di cominciare a fare le slice ed affettare tutto e farti creare l'html dal programma di grafica con milioni di tabelle e gif di un pixel... vedine la struttura logica
www.oaxoa.com/misc/ala.gif
qui ti ho fatto quello che secondo me è lo schema strutturale ideale... ho suddiviso in rosso le macroaree ed in giallo le microaree
ora comincia semplicemente a scrivere di getto l'html per le macroaree
e hai già la struttura di base, a questo punto, fatta la struttura puoi andare avanti ad inserire il codice html anche dei contenuti o cominciare a dare lo stile alla struttura... fai come preferiscicodice:<html> <body> <div id="testata"></div> <div id="menu"></div> <div id="contenuti"> <div id="cont_sx"></div> <div id="cont_dx"></div> </div> <div id="fondo"></div> </body> </html>
per quanto riguarda poi i contenuti, occhio a non esagerare con i div quando non servono... ad esempio io di solito li uso solo per definire le macroaree della pagina...
ad esempio il contenuto relativo al primo articolo, non ha bisogno di div, ma basta una struttura di questo tipo
tutto qui, non hai bisogno di altro... quindi ricorda sempre di usare il tag che ha più senso in quel punto, cerca di usare una mentalità puramente logica e semantica... non usare mai <p class="titolo"> se quel titolo è importante ci va h1 o h2, chissenefrega se è troppo grande, i css ci sono apposta x quello.codice:<h1>http://Pocket-Sized Design: Taking Y...e Small Screen</h1> by Autore</p> and coAutore</p> testo dell'articolo</p> <h2>“For people who make websites”</h2> spiegazione</p>
In un sacco di sitoni ultraprofessionali che fanno i fenomeni dicendo che hanno rifatto il sito seguendo i web standards e senza tabelle, poi ci trovi cose come queste che appesantiscono e fanno perdere un qualsiasi senso logico alla pagina (allora tanto vale di mettere il tag <font>)
poi imparare bene le regole dei css è il secondo passo, il primo è cambiare il modo di vedere le cose.
spero di esserti stato utile, ciauz
"La consapevolezza di Case suddivisa come perle di mercurio. La sua visione era sferica, come se una singola retina rivestisse la superficie interna di un globo che conteneva tutte le cose, se tutte le cose si potevano contare." —Neuromante, William Gibson (1984)
grazie panta..mi metto al lavoro e se qualcosa non va ti faccio sapere.
ciao,dyland.
Cos'è HTML?Originariamente inviato da pierofix
HTML è un meta linguaggio, ovvero un linguaggio creato per strutturare le informazioni in modo autoesplicativo.
Gli elementi di HTML (ormai è meglio parlare di XHTML) ti permettono di strutturare il tuo documento in modo razionale e logico.
Se devi cominciare, ti consiglio di farlo prendendo come punto di riferimento il World Wide Web Consortium:
- http://www.w3.org
Potrai capire i princìpi e le basi per una buona programmazione in XHTML e CSS.
Permessi di invio
Rispondi quotando