CSS, DIV e Layout con Dreamweaver: la pagina prende forma – 1a parte
Visto 88,904 volte
Pubblicato il : 22.10.2009
Categorie: DREAMWEAVER
Leggi i commenti a questo video
Dopo aver capito come funziona la costruzione di un semplice div e aver capito come si creano le classi, estendiamo questi concetti alla formazione concreta degli spazi della pagina per la creazione di un vero e proprio layout.
In questa nuova video lezione di webdesign spremiamo meglio sia Dreamweaver che i CSS per migliorare la costruzione delle nostre pagine web ben formattate e velocemente realizzabili.








October 22nd, 2009 alle 10:27
Ancora una volta un video ben fatto, senza inutili giri di parole si va diritti al dunque squarciando le tenebre dei DIV senza il minimo accenno di noia.
Caro Max adesso basta con gli elogi, ti volevo fare una domanda (non mi dare del rompi….) che riguarda le classi: Si può paragonare una classe di Dreamweaver ad uno stile paragrafo di InDesign?, e se la risposta dovesse essere sì perchè chiamarlo classe?
Sono scocciante? spero di no, aspettando sull’albero il prossimo tutorial
Ti saluto cordialmente
October 22nd, 2009 alle 10:36
Grazie per il riconoscimento my dear
In effetti il concetto di classe e di stile è assolutamente analogo in InDesign. La differenziazione è dovuta al mezzo. Nel web il termine classe è oramai consolidato per tutta un aserie di motivi storici anche dovuti alla programmazione. In tipografia si parla di “stile” con lo stesso tipo di consuetudine. A partire da Gutenberg la tecnica editoriale e il suo linguaggio si sono evoluti non proprio di pari passo.
Ma, al di là di questo, ti posso confermare che alla base del sistema di InDesign c’è l’idea di utilizzare schemi di formattazione ripetibili e riutilizzabili come per i CSS.
Li chiamiamo in modi diversi ma l’uso che ne facciamo è lo stesso.
Per questo è altrettanto importante in InDesign progettarsi bene i documenti con tutti gli stili che servono prima di stendere il documento vero e proprio.
Io opero così anche per quanto riguarda i nostri ebook.
Stili tutta la vita
October 22nd, 2009 alle 10:57
Ringrazio per la risposta rapida e professionalmente molto ben argomentata.
Thank you
October 22nd, 2009 alle 13:30
Dovremmo farti un monumento!!!
) mai???
Peccato che i vostri corsi li facciate sempre tra Varese e Milano , ma in Toscana (meglio sarebbe a Livorno
October 22nd, 2009 alle 13:36
Troppo buono, Sponkie
Se trovassimo qualcuno che li organizzasse a Livorno li faremmo volentieri ma, al momento, non abbiamo nessuno… chissà magari un giorno salta fuori qualcosa
October 26th, 2009 alle 13:04
E un bel corso a Roma no?
Grazie anche per questi tutorial… ma anche io ho una domanda… come posso centrare un div all’interno della pagina?
October 26th, 2009 alle 13:13
Cavoli.. trovare qualcuno che li organizza li facciamo dove volete
Per rispondere alla tua domanda ti devo chiedere di attendere fino a mercoledì… nel nuovo video tutorial troverai la risposta a questo e ad altri quesiti
October 26th, 2009 alle 17:04
grazie per la disponibilità… a mercoledì allora!
October 27th, 2009 alle 13:38
sei grande ,come dicono a napoli , t’anna fa SANT !!!
October 28th, 2009 alle 08:02
[...] web prende sempre più forma sotto l’impulso del perfezionamento dei nostri CSS. In questa seconda parte del video tutorial scopriamo insieme come si centra l’intero contenuto della pagina e come incominciare a dare un [...]
November 13th, 2009 alle 17:48
Ciao Max!
grazie per gli utilissimi tutorials!
Ho un problemino con questa lezione… che ho seguito passo passo ma, quando ridimensiono la larghezza (width) del DIV di navigazione e quella del contenuto, queste non si affiancano, ma rimangono una sopra l’altra… da cosa può dipendere?! Cosa sbaglio?!
Thanks for your time!
November 13th, 2009 alle 18:52
ehm… come non detto… ho trovato l’erroraccio! non avevo impostato il float su left!
scusate per la domanda da pivellino!
November 13th, 2009 alle 19:03
eheheheheh… succede, succede, don’t worry
September 22nd, 2010 alle 11:17
Ciao Max! D’avvero complimenti! Video tutorial ben fatti.
Ti chiedo un aiuto: ho impostato il layout della mia pagina in questo modo: contenitore 800×600 px; 5 quadranti all’interno del contenitore così distribuiti: il primo in alto a sinistra (250×150); il secondo in alto a destra della stessa altezza del primo (550×150); il terzo e quarto dalle identiche misure (400×400 px) al centro del contenitore ed infine il footer in basso (800×50).
Ora il quarto quadrante mi compare in Dreamweaver sotto al terzo, sconbussolandomi tutto il layout, i float sono corretti, tant’è che quando lo visualizzo sul mio browser il risultato è come quello che io volevo. Perché mi succede questo in Dreamweaver? Grazie per l’aiuto Max. Ciao!
October 22nd, 2010 alle 21:21
Peccato che il video non ci sia più… I tuoi tutorial sono davvero ottimi!
Video not found or access denied: http://www.total-photoshop.com/video/DW_4309_IDeLayout_1a.flv
November 26th, 2010 alle 19:30
Ciao Max sono nuova di DW cs4 mi puoi spiegare quando in questo video: “CSS, DIV e Layout con Dreamweaver: la pagina prende forma – 1a parte”
dici freccina a destra dove è che clicchi precisamente ??????????????
ti prego rispondimi al più presto Aiutoooooooo !!!
grazie in anticipo Ciao e complimenti per i Tuttorial
November 26th, 2010 alle 19:51
Maila, spero che la tua non fosse una domanda seria… comunque nel dubbio la risposta è: LE FRECCINE DELLA TASTIERA, quelle per andare a destra, sinistra, sopra o sotto
November 27th, 2010 alle 20:52
Grazie Mille !!!!……era più facile di quanto pensavo!!!!!
March 25th, 2011 alle 14:50
ragazzi ho un problema !!! quando vado ad impostare il primo css (quello contenitore) non me lo fa visualizzare in modalità progettazione . sicuramente ho sbagliato qualche impostazione ma non riesco a capire quale
March 25th, 2011 alle 14:53
trovato !!!! scusate era un errore da principiante anzi da uno che non ha mai usato dreamweaver xD