CSS, DIV e Layout con Dreamweaver: la pagina prende forma – 2a parte
Visto 51,540 volte
Pubblicato il : 28.10.2009
Categorie: DREAMWEAVER
Leggi i commenti a questo video
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.
October 28th, 2009 alle 12:04
grande max!!!
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
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
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!!!
October 28th, 2009 alle 14:39
Ehi grazie! Troppo buono… come diciamo sempre: “ce la mettiamo tutta”
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.
October 28th, 2009 alle 17:17
arriviamo anche a quello, Sponkie… un passo per volta e vedrai quanto lontano arriviamo
October 29th, 2009 alle 18:25
Complimenti, spiegato benissimo….ed anche con il mac……grandeee
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!!!
November 3rd, 2009 alle 02:43
Si appunto Alessandro R. , era proprio quello che intendevo dire io
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
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
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
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!!!
December 30th, 2009 alle 08:55
cosa intendi esattamente? vuoi formattare degli annunci tuoi oppure pubblicare quelli di Google?
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
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
January 19th, 2010 alle 13:17
Si possono scaricare utilizzando i reativi plugin per Firefox e per Internet Explorer
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
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
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.
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.
February 16th, 2010 alle 09:59
Ciao Walter, devi impostare la regola float:left ad uno dei due
February 23rd, 2010 alle 23:47
Grazie Max.
)
Problema risolto brillantemente!
March 23rd, 2010 alle 13:53
Ciao Max, sono pochi giorni che sto seguendo i tuoi tutorial per Dreamweaver. ho già creato un mio sito internet, ma seguendo le tue dritte mi sto accorgendo di quanto caos abbia fatto!sicuramente grazie ai tuoi consigli migliorerò!!ho un problema, non ho ancora capito come scaricare i tuoi tutorial: in un post hai detto di usare i plugin di explorer o firefox: scusa l’ignoranza, ma 1)dove li trovo 2)come li uso?
Complimenti davvero per la tua chiarezza, ad ascoltarti sembra che queste cose siano facili come fare 2+2!!
March 23rd, 2010 alle 14:17
Usa il buon vecchio Google, my friend
March 24th, 2010 alle 02:30
Ci sono riuscito!Grazie Max..passo passo me li guardo, me li salvo e me li studio!=)
April 25th, 2010 alle 23:54
Evviva il Lorem “ispum”!
September 28th, 2010 alle 00:21
Max, mi sto avvicinando di nuovo alla programmazione sul web, provengo dal vecchio FrontPage passando poi a expression web.. ed ora voglio imparare ad utilizzare dreamweaver.
Ti dirò che sto iniziando tramite i tuoi videotutorial.
Ho una domanda su questa lezione, sono abituato a creare il “contenitore” delle varie sezioni del sito (menu, contenuto, header, footer) con le tabelle, è un metodo sbagliato? con i DIV si scrive codice in modo più corretto?
ti ringrazio se mi fai chiarezza.
September 28th, 2010 alle 09:51
Caro Gio, la risposta è semplice: dimentica le tabelle per impaginare.
Le tabelle usale solo per i dati e non per le pagine.
I Div consentono di fare le cose con più precisione e libertà.
All’inizio ti può sembrare un po’ più ostico ma vedrai che con la pratica sarà tutto più facile
September 30th, 2010 alle 20:28
certamente, mi potresti indicare un qualche “documento” dove poter approfondire sui DIV?
October 1st, 2010 alle 08:57
cosa intendi per “documento”?
October 2nd, 2010 alle 10:51
una guida in cui sono spiegati dettagliatamente.
grazie
April 20th, 2011 alle 14:02
Io semplicemente vi amo!
November 16th, 2011 alle 12:28
ragazzi mi sapete dire il link per vedere la prima parte di questo tutorial, non riesco a trovarlo !!! grazie