CSS, DIV e Layout con Dreamweaver: la pagina prende forma – 1a parte

CSS, DIV e Layout con Dreamweaver: la pagina prende forma – 1a parte

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.

20 Commenti a “CSS, DIV e Layout con Dreamweaver: la pagina prende forma – 1a parte”

  1. Freddy Says:

    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

  2. Max Says:

    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 :D

  3. Freddy Says:

    Ringrazio per la risposta rapida e professionalmente molto ben argomentata.
    Thank you

  4. mr sponkie Says:

    Dovremmo farti un monumento!!!
    Peccato che i vostri corsi li facciate sempre tra Varese e Milano , ma in Toscana (meglio sarebbe a Livorno :D ) mai???

  5. Max Says:

    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 :)

  6. Alessandro R. Says:

    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?

  7. Max Says:

    Cavoli.. trovare qualcuno che li organizza li facciamo dove volete :D
    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 ;)

  8. Alessandro R. Says:

    grazie per la disponibilità… a mercoledì allora!

  9. raffaele Says:

    sei grande ,come dicono a napoli , t’anna fa SANT !!!

  10. Dreamweaver CS4: creare pagine web con CSS e DIV - 2a parte Says:

    [...] 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 [...]

  11. Ric Says:

    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!

  12. Ric Says:

    ehm… come non detto… ho trovato l’erroraccio! non avevo impostato il float su left!
    scusate per la domanda da pivellino!

  13. Max Says:

    eheheheheh… succede, succede, don’t worry ;)

  14. Vito Says:

    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!

  15. Layla Says:

    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

  16. Maila Says:

    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

  17. Max Says:

    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 ;-)

  18. Maila Says:

    Grazie Mille !!!!……era più facile di quanto pensavo!!!!!

  19. Diego Prioretti Says:

    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 :(

  20. Diego Prioretti Says:

    trovato !!!! scusate era un errore da principiante anzi da uno che non ha mai usato dreamweaver xD

Lascia un commento

Usa il tuo account Facebook oppure compila il form