• BLOG
• WEBSHOW
• ZOOM
• PHOTOSHOP
• FOTOGRAFIA
• PREMIERE
• AFTER EFFECTS
• INDESIGN
• ILLUSTRATOR
• DREAMWEAVER
  • PHP
• FLASH
• STORE

Abbiamo impostato le griglie generali del nostro layout di pagina ora incominciamo a perfezionarne l’aspetto per fare in modo che il nostro progetto assuma l’aspetto di un vero documento web perfettamente formattato con i CSS.
Usiamo classi, div e css per formattare la nostra barra di navigazione e creiamo gli spazi giusti per il nostro contenuto centrale aggiungendo una fotografia che dovrà risultare perfettamente impaginata intorno al nostro testo.

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

1. Alessandro R. Says:
   November 3rd, 2009 alle 11:06

   Fantastico… la pagina ha davvero preso forma…

   Ma ora ho un nuovo problema: sono “fissato” con i layout dall’altezza “fissa”… prima di utilizzare DW risolvevo inserendo nelle varie pagine un bel frame (potrei farlo ancora, ma non è molto conforme ai nuovi standard) con il quale potevo scrollare il contenuto al suo interno… so che con i div si può ottenere un risultato analogo personalizzando anche le scrollbar (in modo che vengano lette anche da browser differenti da IE)!!! Ma come? Ci sarà un tutorial su una cosa del genere?

2. Freddy Says:
   November 3rd, 2009 alle 11:09

   Ciao Max, dopo aver visto e sentito il tuo ultimo e come sempre ben fatto tutorial, ti faccio il mio apprezzamento per la parola PHP (vuol dire che in seguito parlerai anche di php?) Spero di si.
   Ora pongo una domanda: Perchè il testo nel div#contenuto quando diamo un valore di padding non si autoformatta ai nuovi margini costringendoci a modificare le dimensioni del div, mentre lo fa con la foto?
   Dirai che sono un vero scocciatore in effetti lo sono.
   Auguro lunga vita

3. Max Says:
   November 3rd, 2009 alle 12:13

   @Alessandro.
   Niente panico… arriviamo anche lì

   @Freddy.
   PHP arriva, guys tempo al tempo.
   La questione che poni riguarda essenzialmente l’ingombro del contenuto. Se ci fosse stato più contenuto anche il div avrebbe dovuto adattarsi in termini di dimensioni.
   E… non scocci assolutamente, siamo qui per voi

4. Alessandro R. Says:
   November 3rd, 2009 alle 15:40

   Che bello… grazie!!!

5. espanico Says:
   November 4th, 2009 alle 11:35

   CIao, vorrei farti i complimenti per l’ottima guida, le attendo sempre con mpazienza sei riuscito a farmi capire certe in modo semplicissimo che su guide testuali non avevo mai riuscito a capire ….

   Un domanda non se fara parte di un porssimo tutorial, tipo una volta creata la home page, per le altre pagine tipo contatti, chi siamo ecc… come si fa a fare richimando sempre la stessqa struttura e grafica della home page? grazie ancora e speriamo arrivi presto la 4a parte

   CIao

6. Max Says:
   November 4th, 2009 alle 12:16

   Ehi! Grazie espanico!
   Non ti preoccupare per quello che mi chiedi… la risposta arriva nei prossimi tutorial

7. mr sponkie Says:
   November 4th, 2009 alle 17:48

   NOOOOOOOOOOOOOOOO , x la prima volta non mi sono perso di addirittura 1 giorno il tuo tutorial , corro subito ai ripari MAX , so già che non rimarrò deluso , quindi ti ringrazio anticipatamente .
   FORZA TOTAL-PHOTOSHOP!

8. mr sponkie Says:
   November 4th, 2009 alle 18:26

   STREPITOSO MAX . Come sempre , ottimo tutorial , 10+ , impareremo tutti molto da te , non mi stancherò mai di ringraziarti!!!

9. Max Says:
   November 4th, 2009 alle 19:52

   Felice che la “classe” sia contenta ce la si mette tutta, come al solito!
   PS. Passa parola

10. raffaele Says:
    November 8th, 2009 alle 15:56

    ma perche il download del video e cosi’ lento?

11. Max Says:
    November 9th, 2009 alle 09:31

    Raffaele, temo che si tratti di un problema di banda…. oppure ci sono troppi utenti connessi sullo stesso video. Prova a scaricarlo tra qualche minuto.

12. enrico Says:
    November 9th, 2009 alle 12:37

    Ciao, siete grandi e simpatici…
    Vorrei fare un corpo centrale che si modifica con il cliccare di alcuni loghi che gli sono intorni, come posso fare???
    Precisamente vorrei quando clicco il logo devono aprirsi nel corpo centrale 3 foto e un descrizione.

13. Max Says:
    November 9th, 2009 alle 13:05

    Cavoli… stai chiedendo una cosina da nulla da spiegarsi in quattro righe….
    Qui occorre javascript o Ajax… mi sa che devi aspettare che ci si arrivi coi tutorial oppure andare sul forum e vedere se qualcuno ha già sperimentato questa cosa e vuole condividere con te il processo

14. enrico Says:
    November 9th, 2009 alle 14:04

    Grazie, aspetto che lo spiegate voi….

15. biagio Says:
    November 20th, 2009 alle 15:07

    Ciao max sei un grande!!
    volevo ringraziarti per i tutorial, ho imparato di piu’ in una giornata guardando i tuoi tutorial che in due anni che leggo libri su dreamweaver…grazie davvero!!

16. biagio Says:
    November 20th, 2009 alle 15:11

    max volevo chiederti una cosa, ho creato un nuovo modello con un area modificabile del menu di navigazione, ma quando aggiorno i link , non vengono aggiornati i link delle altre pagine collegate al modello.
    E’ un bag di dreamweaver, ho sono io(molto probabile) che non ne sono capace?sapresti spiegarmelo?
    Grazie ancora…

17. Max Says:
    November 20th, 2009 alle 15:32

    Grazie Biagio, felice di essere utile alla “causa” dei nuovi web designer
    Non sono sicurissimo di aver capito la tua domanda ma se ho correttamente interpretato i link, in realtà li dovresti cambiare nel modello. Il menu di navigazione, in teoria, dovrebbe rimanere “fisso”.
    Se però ho interpretato male abbi pazienza che ho una certa età

18. biagio Says:
    November 21st, 2009 alle 00:03

    Scusa max se ti ho risposto solo ora, ma e’ tutto il giorno che guardo i tuoi tutorial e cerco di imparare, anche perche’ sono a casa con la febbre !!
    Cerco di spiegarmi meglio, ho creato un modello con un menu di navigazione con dei link impostati, poi ho creato delle pagine dal modello creato in precedenza e tutto va bene, quando pero’ vado a modificare il riferimento del link(ad esempio link dove siamo collegato alla pagina dovesiamo.html modifico alla pagina doveeravamo.html) ad un altra pagina, le pagine create dal modello non aggiornano il link alla nuova pagina.
    spero di essermi spiegatomeglio questa volta, e ti ringrazio ancora per questi splendidi tutorial!!
    SEI UN GRANDE MAX!!

19. Max Says:
    November 21st, 2009 alle 11:37

    Innanzitutto sei tu che si un Grande… visto che con la febbre ti guardi i tutorial
    Quello che mi chiedi trova una risposta nel tutorial della prossima settimana, ossia la modifica degli attributi.
    Dagli un occhio e poi ne riparliamo
    Intanto guarisci che devi essere bello in forze per spippolare sulle tue pagine web!
    Take care

20. Rubber Soul Says:
    November 27th, 2009 alle 16:42

    Hey buon Max!
    sto seguendo i tuoi tutorial e devo dire che sono fantastici!
    purtoppo non riesco a visualizzare ne scaricare i video di questa lezione e di quella successiva!
    ?!?!

    grazie davvero per quello che stai facendo, e’ davvero utile!

    Federico

21. Max Says:
    November 27th, 2009 alle 16:53

    Hey a te, Rubber Soul :shakehand2
    Abbiamo avuto un’oretta di panico per un problema di sistema. :amazed:
    Adesso funziona tutto nuovamente

22. Alessandro R. Says:
    December 6th, 2009 alle 13:50

    Ciao Max… sono qui per farti la domanda dell’altra volta…. come faccio a rendere un div scrollabile? Mi consigli di aspettare il video tutorial e intanto utilizzo un frame, o è una cosa che si può scrivere in poco tempo… Grazie!

23. Max Says:
    December 7th, 2009 alle 09:38

    Ehi Ale, la risposta è semplice.
    Nello stile di quel div devi settare la proprietà overflow sul parametro che ti serve (scroll, auto, hidden). Sperimenta e fammi sapere

24. Alessandro R. Says:
    December 7th, 2009 alle 14:11

    grazie… è andata alla grande… ho messo la proprietà “overflow-y: scroll” … penso di aver fatto bene!!! Ora ho postato un altro quesito… :amazed: sul forum!!!! Spero di trovare una soluzione anche a quello!!! A martedì!

25. Max Says:
    December 7th, 2009 alle 15:04

    divertiti

26. Alessandro R. Says:
    December 7th, 2009 alle 15:46

    a fare cosa? a cercare la risposta a questa nuova domanda? :p

27. Pino Antani Says:
    January 30th, 2010 alle 23:57

    per via dell’influenza bastarda questo pomeriggio non sono uscito,ma almeno mi sono divertito a guardare estasiato i tuoi video fatti con iper professionalità! Ti vorrei porgere qualche domandina!
    Come si fa a far posizionare il footer sempre in basso? e come ti regoli con le varie compatibilità con ie5/6?visto che ormai pure i governi consigliano di passare a un altro browser !
    Mi scuso se il commento non è stato postato nell’ultimo tutorial,ma lo ritenevo più attinente all’argomento trattato !

Lascia un commento