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

La pagina 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 vero e proprio senso al contenuto dei nostri div per fare in modo che la pagina incominci ad avere l’aspetto finale.
Creiamo ed inseriamo uno sfondo per la pagina, uno per il div contenitore e inseriamo il Logo del nostro sito dedicato al web design.

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

1. raffaele Says:
   October 28th, 2009 alle 12:04

   grande max!!!

2. Freddy Says:
   October 28th, 2009 alle 13:45

   Prima il complimento – BENE!
   Poi una domanda: il logo o l’immagine in generale è meglio dimensionarla prima con Illustrator o Photoshop oppure è possibile farlo tranquillamente all’interno di Dreamwiever?
   Ti saluto e grazie in anticipo per la risposta

3. Max Says:
   October 28th, 2009 alle 13:55

   Io generalmente creo le immagini già “a misura” in Photoshop o Fireworks.
   Comunque ci sono una serie di cose che puoi fare direttamente in DW importando file psd o altre immagini.
   Guarda questo video tutorial http://www.total-photoshop.com/2009/05/importare-file-psd-in-dreamweaver/ in cui spieghiamo il tutto

4. mr sponkie Says:
   October 28th, 2009 alle 14:33

   Come sempre sei 100 spanne sopra a qualsiasi altro sito di tutorial che si trovi in rete. Sei veramente il numero 1 , spiegazioni chiarissime e precise.
   Continua così che tra poco batterai le pagine visitate di html.it
   Ciao Max!!!

   

5. Max Says:
   October 28th, 2009 alle 14:39

   Ehi grazie! Troppo buono… come diciamo sempre: “ce la mettiamo tutta”

6. mr sponkie Says:
   October 28th, 2009 alle 17:10

   Max , una domanda , ma i tuoi tutorial su DW arriveranno fino a spiegare anche come creare dei siti dinamici (ASP , PHP ecc..) oppure ci fermeremo al sito “statico”? Te lo chiedo perchè vorrei imparare a creare dei siti simil-blog tipo wordpress o simil-portali , tipo joomla.

7. Max Says:
   October 28th, 2009 alle 17:17

   arriviamo anche a quello, Sponkie… un passo per volta e vedrai quanto lontano arriviamo

8. Giuliano Says:
   October 29th, 2009 alle 18:25

   Complimenti, spiegato benissimo….ed anche con il mac……grandeee

9. Alessandro R. Says:
   October 29th, 2009 alle 19:00

   Grande come sempre…

   @mr sponkie : con la differenza che i tutorial di max sono molto più interessanti e chiari!!!

10. mr sponkie Says:
    November 3rd, 2009 alle 02:43

    Si appunto Alessandro R. , era proprio quello che intendevo dire io

11. MariCri Says:
    November 21st, 2009 alle 22:23

    Carissimo Max,

    grazie di esistere! Forse grazie ai tuoi tutorial uscirò dal girone degli smanettoni e potrò finalmente lavorare con un po’ più di “consapevolezza”!
    Ora – ovvio …;-) – la domanda: la mia pagina è più lunga dell’immagine (che ho fatto di 500px, contro gli 800 della pagina DW): si può “correggere” questa cosa in DW o si può solo allungare l’immagine in PS?
    Grazie mille del tempo che stai dedicando a questo lavoro e al regalo enorme che fai ai noi, appollaiati sugli alberi
    MC

12. Max Says:
    November 23rd, 2009 alle 09:30

    Ehi MariCri! Ma grazie a te di essere entrata a far parte della classe. Il merito della mia esistenza va solo alla mia mamma
    La soluzione al tuo problema l’hai già detta tu: ridurre l’immagine.
    Enjoy

13. Lele Says:
    December 21st, 2009 alle 00:53

    Ciao Max…i tutorials sono fenomenali!!!!!!! Complimenti…..volevo chiederti come è possibile creare l’immagine in png che hai usato per il background del pincopallino website ^_^

    grazie

14. Lele Says:
    December 29th, 2009 alle 10:46

    ok risolto tutto e trovato il tutorial il tutto pian pianino sta prendendo forma…… volevo chiederti solo se è possibile un tutorial per implementare AdSense con l’aiuto dei css…magari è una stupidagine ma volevo sentire il parere di un esperto!!!

15. Max Says:
    December 30th, 2009 alle 08:55

    cosa intendi esattamente? vuoi formattare degli annunci tuoi oppure pubblicare quelli di Google?

16. lele Says:
    January 14th, 2010 alle 19:29

    ciao max…..scusa se non sono stato chiaro. Ti chiedevo come poter inserire gli annunci di adsense di google all’interno di un template. Ho provato creando un div all’interno di un altro ma questo inesorabilmente non resta fisso nella parte destinata.
    Magari nel codice c’è qualcosa che devo settare meglio

17. Gianni Says:
    January 19th, 2010 alle 12:41

    Scusate la domanda probabilmente scontata ma sono appena arrivato a scoprire questi tutorial che trovoutilissimi.
    Si possono scaricare i filmati per visualizzarli offline?
    gRAZIE
    Gianni

18. Max Says:
    January 19th, 2010 alle 13:17

    Si possono scaricare utilizzando i reativi plugin per Firefox e per Internet Explorer

19. Alessandro Neri Says:
    February 10th, 2010 alle 20:31

    Ciao Max,
    innanzi tutto complimenti.
    Poi ti volevo fare una domanda:
    non riesco ad inserire il Tag Div nel posto giusto(come hai fatto tu) Precisamente inserisco l’Header (OK) navigazione (OK) il footer (OK) quando inserisco il TAG DIV contenuto mi va dove vuole lui.
    Grazie
    Alessandro

20. Alessandro Neri Says:
    February 10th, 2010 alle 23:30

    Scusa max,
    ora tutto ok, ma dopo una lunga gestazione mi sono accorto di essermi pescato la lezione precedente.
    Capita se le lezioni si fanno dopo una giornata di estenuante lavoro.
    Ciao Alessandro

21. Max Says:
    February 11th, 2010 alle 10:02

    Controlla le dimensioni e il punto esatto in cui lo inserisci.
    L’ordine di creazione comunque dovrebbe essere quello indicato dal tutorial: header, navigazione, contenuto e footer.
    Se ti viene difficile inserire il div in vista progettazione fallo in vista codice che rimane la soluzione più precisa.

22. Walter Says:
    February 15th, 2010 alle 23:39

    Non so se l’avete già trattato come argomento ma…
    Io ho provato in questo schema (che mi è riuscito) a nidificare altri due div nel div di colore rosso ma non riesco a posizionarli come desidero.
    Li vorrei far apparire uno a fianco dell’altro e vengono sempre fuori uno sopra l’altro.
    Come posso fare per ovviare al problema?
    Grazie in anticipo.

23. Max Says:
    February 16th, 2010 alle 09:59

    Ciao Walter, devi impostare la regola float:left ad uno dei due

24. Walter Says:
    February 23rd, 2010 alle 23:47

    Grazie Max.
    Problema risolto brillantemente! )

Lascia un commento