Dal layout al modello di pagina con Dreamweaver CS4 – 1a parte
Visto 11,227 volte
Pubblicato il : 10.11.2009
Categorie: DREAMWEAVER
Leggi i commenti a questo video
Una volta che con i css abbiamo creato le regole che ci interessano per definire la struttura di base delle nostre pagine web ottimizziamo ancora di più il nostro lavoro utilizzando una delle funzioni più potenti di Dreamweaver: la creazione di modelli o template.
In questo video tutorial vediamo come possiamo rendere ancora più performante la creazione di siti web (anche di grandi dimensioni) che necessitano di aggiornamenti frequenti anche di quelle parti che consideravamo “immobili” per prinicipio. Ma, come si sà, l’imprevisto è sempre dietro l’angolo, quindi meglio sapere prima come evitare le grane e le perdite di tempo. A questo (ma non solo) servono i modelli…
25 Commenti a “Dal layout al modello di pagina con Dreamweaver CS4 – 1a parte”
Lascia un commento
Usa il tuo account Facebook oppure compila il form Sei già iscritto?Entra
Argomenti collegati
Newsletter
NOVITA’
Più visti
- 1400 pennelli gratuiti per Photosho... 94,433 volte
- Video tutorial: Immagini HDR con Ph... 65,101 volte
- Immagini a colori dentro al bianco ... 49,573 volte
- Più di 800 texture gratuite per Pho... 43,011 volte
- Aggiungere tatuaggi con Photoshop 40,472 volte
- File grafici gratuiti su PSD Graphi... 34,714 volte
- Photoshop: pennelli gratuiti ad alt... 34,431 volte
- Fai dimagrire la barra degli strume... 31,295 volte
- Video tutorial: foto ritocco dei ri... 28,672 volte
- 158 Pattern gratuiti per Photoshop 28,498 volte
Who's Online
- 0 Members.
- 29 Guests.
November 10th, 2009 alle 14:42
Fino a ieri io andavo su vista codice , copia/incolla sulla nuova pagina e poi editavo le parti che mi interessava editare ahahahahha. Oppure facevo un css esterno e poi lo richiamavo nella nuova pagina. Così mi sa che farò molto prima. Grazie Max!!
November 12th, 2009 alle 09:52
Caro il mio Max anche questa videolezione è andata in porto, nonostante che il div#news con annessi e connessi messo in quella posizione e che di primo acchito sembrava una banalità, poi, perlomeno per me non è stato così, co sto’ div che mi sfuggiva da tutte le parti. Smandruzzando (rubo un tuo termine) ho trovato il bandolo della matassa e tutto il resto è filato liscio come l’olio.
Grazie e alla prossima
November 12th, 2009 alle 10:01
Non avevo dubbi che riuscissi a farlo
Alla prossima
November 13th, 2009 alle 16:27
Ciao Max,
grazie per queste lezioni, in due giorni ho imparato a “dialogare”
con DW, cosa che finora era assolutamente impossibile.
Se è possibile, avrei bisogno di una delucidazione:
è possibile, all’interno di quell’area modificabile,
inserire oggetti diversi in ogni pagina, (swf, immagini, testo)
oppure a seconda dell’elemento c’è una procedura diversa?
ancora grazie e complimenti.
November 13th, 2009 alle 19:04
@letizia:
Felice che il tuo approccio a DW sia più easy… vedrai che ti ripagherà con grandi soddisfazioni
November 15th, 2009 alle 14:22
Sono eccezzuanali veramente i tuoi Tutorial,ma caro Max non potresti per piacere alzare il volume dell’audio…..ho un portatile del cavolo e non sento niente Grazieeee
November 16th, 2009 alle 09:43
Come disse Garibaldi: “Obbedisco!”
November 22nd, 2009 alle 15:54
Carissimo Max, chissà se tu o il bravo Freddy mi date la dritta per creare il div delle news: le ho provate tutte, compreso scrivere direttamente nella finestra del codice, ma o non si vede nulla o finisce prima del testo lorem ipsum… Cosa sbaglio??? Help!
) – ma oggi sto quasi per rimpiangerle 
Grazie grazie grazie, con questi tutorial mi sto affrancando dalle pagine fatte solo con tabelle (ero rimasta all’età della pietra!!!
Ancora 1000 complimenti!
November 23rd, 2009 alle 01:28
okkei… a forza di prove ce l’ho fatta!!!!!!!!
– cioè continua a prendere i caratteri del div#news precedente anche se ho provato in mille modi a creare la nuova regola. Scusate, capisco che mi perdo in un bicchier d’acqua….
Però, ufffaaaaaaa, non riesco a modificare il
Grazie…!
November 23rd, 2009 alle 09:37
Carissima MariCri, innanzitutto mai rimpiangere le tabelle!
Abbi un po’ di pazienza e vedrai che i CSS saranno presto il tuo linguaggio naturale.
er creare il Div delle news non devi fare altro che posizionarti dopo l’ultimo paragrafo della navigazione ed inserirci il nuovo tag div.
Per semplificarti la vita ti scrivo il codice che ho creato io
COME CONTATTARCI
Web News
Nasce la nuova sezione dedicata al web deisgn
Online il nuovo sito web PincoPallino
Guida al webdesign con Dreamweaver su Total-Photoshop
Capire come usare i template di Dreamweaver
Recensione di Total-Photoshop su Computer Arts
Nuovi tutorial di TP su Photoshop Magazine
PS. Non prendetelo come vizio neh?
February 13th, 2010 alle 22:58
Ciao, complimenti per i tutorial, mai visti spiegati così bene(in itaGLiano!!!).
comunque,
mi sono incasinato un po’ nel costruire la sidebar. Avendo già costruito l’ header, il contenuto e il footer se cerco di aggiungere la barra laterale DW mi mette tutto in disordine. C’è un modo per evitare questo?
grazie.
February 26th, 2010 alle 18:37
Ciao,
innanzitutto grazie 1000 per il fantastico lavoro con questi tutorial. E’ un ottimo supporto di apprendimento, molto più di qualsiasi manuale.
Ma veniamo al punto dolente: Non riesco ad inserire nel punto corretto il tag div delle news, le ho provate tutte, ma rimane sempre “ballerino”. Mi sapreste dire la procedura di inserimento esatta?
grazie
Ps: aiuto Max!!!
March 5th, 2010 alle 15:36
Ciao MAX.
Oggi sono impazzito per creare un DIV come quello contenuto in NEWS
Ma non riesco ad ottenere proprio quel paragrafo.
Diciamo che smanettando per 1 ora ho scoperto tante proprietà, interessanti, ma continuo ad avere un difetto
Sotto la voce WEB NEWS ottengo il paragrafo con il colore di sfondo, carattere, MARGIN e PADDING come voglio io, ma mi si forma un VUOTO tra i LINK.
Forse con l’immagine di esempio capisci il mio problema.
March 11th, 2010 alle 10:51
hi guys, sono nuovo ma in 2 giorni ho divorato i tutorial (ottimi, mai trovato niente di simile in giro, complimenti davvero) non trovando problemi,fino a questo
anche io ho problemi con quel div news. Max suggerisce a “MariCri” di inserirlo dopo il div navigazione ma nel tutorial successivo si vede chiaramente che sta all’interno del div navigazione [penso:)] ed io ho fatto cosi. ma nonostante io abbia selezionato come altezza 400px (in modo da avere 200 + 400) si mangiucchia parte del div superiore (navigazione) e quindi rimane uno spazio aperto tra div news e footer…come faccio ad adattarlo? help help help
p.s. complimenti ancora per il sito…
March 25th, 2010 alle 02:33
Max help me!!!!!ho lo stesso problema riscontrato da molti: come hai fatto a mettere il div news?!?!!?oramai ci sono impazzito!sarà perché sono completamente nuovo, ma non riesco a capire quale procedimento devo seguire!!se puoi dammi una dritta indicandomi almeno il tutorial che posso usare, o indicami il procedimento che posso seguire!
Il problema è questo: o continuo a usare il tag p oppure non c’è modo per me di passare alle news ecc…
Disperazioneeeeeeeeeeeeeeeeeeee….
March 25th, 2010 alle 09:34
Il processo è uguale per tutti i div… ti posizioni nel punto in cui lo vuoi inserire e lo crei con la stessa procedura degli altri con l’aggiunta di Float: left
March 25th, 2010 alle 15:18
Dear Max, credo di essere riuscito ad inserire il div news, o meglio ce l’ho fatta, solo che non so se ho seguito il percorso migliore. In pratica ho ricreato l’intera pagina dall’inizio e andando ad inserire nell’ordine:
1) div header
2) div navigazione con float left
3) div contenuto con float right
4) div news con float left
5) div footer
In questo modo dovrei aver risolto, ma è la procedura corretta?oppure ho avuto solo fortuna?
Scusa per la mia ignoranza in materia e per le mie domande banali, ma mi sono accorto di non saperne una mazza, quindi devo recuperare!
Grazie, alla prossima!!sei il numero 1!!!
March 25th, 2010 alle 15:37
La risposta è facile, amico mio. Funziona? Allora hai fatto bene
Scherzi a parte. L’unico incidente che poteva esserci era sul continuo ricorso ai float ma se la pagina sta in piedi allora continua così
E ricorda: il vero numero 1 sei tu che continui a smanettare
May 16th, 2010 alle 21:43
Ciao Max, complimenti per le belle lezioni, ho iniziato da poco a seguirti ma devo dire che le trovo molto ben fatte. Ho un piccolo problema con la creazione di modelli: ho creato i miei div con una struttura molto semplice e ho creato il modello andando a selezionare come area modificabile il contenuto del div “contenuto”. Quando cerco di applicare il modello ad una nuova pagine però mi si presenta il seguente messaggio di errore:
“There is an error at line 11, columns 7 (absolute position 502) of “Macintosh HD:Users:[...]:Templates:PincoPallino.dwt”: Aree modificabili nidificate”. Mi sapresti dire dove sbaglio?? Grazie in anticipo!
May 17th, 2010 alle 13:35
E’ da poco che uso DW e sto seguendo passo passo le tue lezioni. Però ora mi sono bloccato perchè non riesco a creare il DIV#News.
In poche parole non riesco propio a metterlo sotto il div#navigazione.
Un aiuto?
May 20th, 2010 alle 18:19
Bravo a spiegare. Informazioni utilissime.
Grazie!
August 23rd, 2010 alle 20:39
Ciao Max, dirti che le tue lezioni sono un piacere è riduttivo…
A proposito di questa lezione in particolare vorrei sottoporti questo topic
http://www.total-photoshop.com/photoshop-forum/viewtopic.php?f=4&t=2146
a presto
August 24th, 2010 alle 09:14
Ciao Tyler.
Grazie per gli apprezzamenti
Ti ho risposto sul forum. A presto
August 31st, 2010 alle 09:11
Scusatemi per il ritardo, ma vorrei sapere dove sono gli altri video tutorial precedenti a questa videolezione
August 31st, 2010 alle 09:24
vai nella sezione di DW e in fondo alla pagina trovi il collegamento alle pagine precedenti