Dal layout al modello di pagina con Dreamweaver CS4 – 1a parte
Visto 32,613 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…
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
September 17th, 2010 alle 16:46
smanetto… smanetto… e rismanetto! Ma il mio caro div#new non vuole proprio mettersi sotto #navigazione! anche lavorando sui codici ed inserendo la stringa dopo il paragrafo di div#navigazione non funge!!! So che è stato un problema di molti ma io sono 2 giorni che ci provo! Max, se hai qualche suggerimento sono sempre ben accetti
! Oh, ho messo il tuo url nei miei topic di skype e msn!! Dei tutorials fantastici! Bravo!
September 17th, 2010 alle 17:24
Sicuro di aver messo il float giusto? Il div news è messo nella posizione giusta? Perchè è tutto lì l’inghippo…
La tecnica è quella di mettere DIV CONTENUTO – DIV NEWS
Assegni al div news un float: left e deve starsene lì
Grazie per la promo eh ?
November 15th, 2010 alle 08:21
Vogliamo tutti un mega DVD su DW…. ma significa savan sa dir???? sei geniale
September 12th, 2011 alle 17:18
Ciao! Questi tutorial sono fantastici! Spiegati bene, chiari! Oro che cola! Solo non riesco a raccapezzarmi nel seguirli con un ordine cronologico….sono riuscito a seguire il primo sull’impostazione, e il secondo (credo..). C’è un modo di visualizzarli in ordine cronologico, o cmq con un senso di lettura?
September 12th, 2011 alle 17:25
Ciao Danikogi
I tutorial sono pubblicati a partire dal più recente (nelle prime pagine) a finire con quelli più datati e sono tutti in ordine cronologico.
Guarda che in basso alla pagina trovi il numero delle pagine da scorrere avanti e indietro per visualizzare quelli meno recenti
October 27th, 2011 alle 21:37
Ciao Max, seguo da un po’ i tutorial!
Sono fatti benissimo, complimenti, veramente!
Ho imparato ad usare (un pochino) flash, x merito vostro (TUO)!!!
Sto cercando d’imparare DW, e non é facile, ma sta sera, dopo 1000 prove x fare quello stra-maledetto div news, ce l’ho fatta!!!
E sono troppo soddisfatta!
GRAZIEEEEE!
October 28th, 2011 alle 09:31
Grandeeee
January 5th, 2012 alle 14:12
Caro Max,
grazie mille per le tue lezioni per mezzo delle quali anche un dilettante come me è riuscito a fare qualcosina con dreamweaver. Sto facendo un sito bilingue (10 pagine per ogni lingua). Mi chiedevo quale fosse la strategia migliore; mi spiego:
- ammesso che sia possibile per lo stesso sito (te lo chiedo) è meglio costruire due modelli, uno italiano e uno inglese, così da cambiare i nomi dei link solo in ciascuno di essi?
- è meglio un unico modello lasciando i link da cambiare pagina per pagina?
- l’ideale sarebbe un “modello dei modelli”: è possibile qualcosa del genere?
Ciao e grazie ancora
Alberto