CSS, DIV e Layout con Dreamweaver: la pagina prende forma – 2a parte
In questo video
Pubblicato il 28 October, 2009
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.
CATEGORIE: DREAMWEAVER
Video lezioni Photoshop
grande max!!!
raffaele, 2 anno fà
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
Freddy, 2 anno fà
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
Max, 2 anno fà
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!!!
mr sponkie, 2 anno fà
Ehi grazie! Troppo buono… come diciamo sempre: “ce la mettiamo tutta”
Max, 2 anno fà
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.
mr sponkie, 2 anno fà
arriviamo anche a quello, Sponkie… un passo per volta e vedrai quanto lontano arriviamo
Max, 2 anno fà
Complimenti, spiegato benissimo….ed anche con il mac……grandeee
Giuliano, 2 anno fà
Grande come sempre…
@mr sponkie : con la differenza che i tutorial di max sono molto più interessanti e chiari!!!
Alessandro R., 2 anno fà
Si appunto Alessandro R. , era proprio quello che intendevo dire io
mr sponkie, 2 anno fà
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
MariCri, 2 anno fà
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
Max, 2 anno fà
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
Lele, 2 anno fà
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!!!
Lele, 2 anno fà
cosa intendi esattamente? vuoi formattare degli annunci tuoi oppure pubblicare quelli di Google?
Max, 2 anno fà
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
lele, 2 anno fà
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
Gianni, 2 anno fà
Si possono scaricare utilizzando i reativi plugin per Firefox e per Internet Explorer
Max, 2 anno fà
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
Alessandro Neri, 2 anno fà
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.
Max, 2 anno fà
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
Alessandro Neri, 2 anno fà
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.
Walter, 2 anno fà
Ciao Walter, devi impostare la regola float:left ad uno dei due
Max, 2 anno fà
Grazie Max.
)
Problema risolto brillantemente!
Walter, 2 anno fà
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!!
juansebastian, 2 anno fà
Usa il buon vecchio Google, my friend
Max, 2 anno fà
Ci sono riuscito!Grazie Max..passo passo me li guardo, me li salvo e me li studio!=)
juansebastian, 2 anno fà
Evviva il Lorem “ispum”!
Dany, 2 anno fà
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.
giiig, 1 anno fà
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
Max, 1 anno fà
certamente, mi potresti indicare un qualche “documento” dove poter approfondire sui DIV?
giiig, 1 anno fà
cosa intendi per “documento”?
Max, 1 anno fà
una guida in cui sono spiegati dettagliatamente.
grazie
giiig, 1 anno fà
Io semplicemente vi amo!
Teddy, 1 anno fà
ragazzi mi sapete dire il link per vedere la prima parte di questo tutorial, non riesco a trovarlo !!! grazie
Lemuraccio, 6 mese fà