Dal layout al modello di pagina con Dreamweaver CS4 – 3a parte
Visto 16,091 volte
Pubblicato il : 24.11.2009
Categorie: DREAMWEAVER
Leggi i commenti a questo video
Il nostro modello di pagina cerato con Dreamweaver CS4 è oramai quasi pronto.
Rimangono alcuni dettagli da definire, nel caso venga in mente a noi, o al nostro cliente, di variare qualche cosa all’ultimo momento oppure, caso più probabile, che nelle diverse pagine possano essere presenti elementi di pagina (immagini, intestazioni, link) che potrebbero cambiare.
In questo video tutorial scopriamo cosa sono gli attributi e come possono essere resi modificabili all’interno di un modello.
November 25th, 2009 alle 10:25
Bene, non c’è che dire, anche questa volta meriti l’applauso.
Mi sono imbattuto nel Div PA, ne parleremo?
Visto? questa volta sono stato breve.
Ti saluto in attesa della prossima puntata.
November 25th, 2009 alle 11:58
Parleremo anche di quello, my friend
(oppure di lavorare con noi)
Piano piano affrontiamo tutto quanto fino a farvi diventare dei completi professionisti del web in grado di farci spietata concorrenza
November 25th, 2009 alle 17:46
Ciao Max….io usavo molto dreamweaver,ma grazie a questi tutorial,sto imparando tantissimo!!
Speriamo di arrivare presto alle connessioni con i database!!
November 25th, 2009 alle 18:03
Ciao Biagio!
Grazie a te per seguirci. Le connessioni con i DB saranno uno degli argomenti che affronteremo di sicuro, anche perchè lì ci sarà davvero da divertirsi
November 26th, 2009 alle 23:23
Nella vita c’è sempre da imparare….. non smettiamo mai di stupirci,sei un gran pezzo di professore
Max…….. e grazie per l’audio adesso sento benissimo.
November 27th, 2009 alle 00:13
Max volevo chiederti se c’è molta differenza tra dw cs3 e la nuova versione cs4. se vale veramente la pena fare un investimento per passare a quest’ultimo?
BHE !!!!!! considerando che tutta la suite costa uno stonfo.
November 27th, 2009 alle 09:38
Grazie Vincè
molto onorato del titolo e del “gran pezzo” 
Differenza tra DW CS3 e CS4? Direi molta ma dipende quanto spremi il sw. Personalmente ho rilevato che alcuni bug (endemici in tutti i sw) della CS3 sono stati riparati, trovo l’esecuzione del programma più leggera e senz’altro più performante. Trovo che anche la parte relativa alla gestione dei dati sia molto migliorata-
L’investimento secondo me (che ho appena speso una bella serie di biglietti da mille euri in licenze Adobe) vale sempre la pena.
Diciamo che nella versione CS3 gli sviluppatori Adobe si sono concentrati sul motore tecnologico di DW e molto poco sull’interfaccia.
In CS4 trovi una struttura generale della suite assolutamente omogenea.
Ma, ovviamente, non si tratta solo di una questione di make up, se così fosse non ne varrebbe la pena.
Credo (e questa è una mia valutazione personalissima) che il punto forte sia l’integrazione totale con tutti gli altri componenti della CS4: da Photoshop a Fireworks a Flash, senza rinunciare a Illustrator e InDesign.
Per questo mi chiedevo quanto spremessi il software.
Normalmente, la maggior parte degli utenti, passa ad una nuova versione continuando ad utilizzarla come se fosse quella precedente.
In realtà se al software chiedi di più lui te lo dà e se impari a giocare anche con gli altri componenti della CS4 allora puoi pure buttare la chiave del tuo studio, salutare amici e parenti e dedicarti alla tua avventura multimediale per sempre.
Credo che chi, come noi, sia fortemente appassionato di grafica, web e multimedia, in uno strumento come DW (e la CS4 in generale) trova il “compagno di giochi” ideale perchè puoi dare libero sfogo ad ogni tua idea.
Scusa se mi sono dilungato un po’ ma questi per me sono argomenti caldissimi
PS. Adobe mica mi paga per dire ste cose… tutta farina del mio sacco
November 27th, 2009 alle 18:40
clap clap clap!
December 3rd, 2009 alle 15:59
Ciao Max,
ho conosciuto da poco il tuo sito e ti volevo fare i miei complimenti per i tuoi videotutorial. A differenza di tanti altri sono abbastanza chiari da capire. Complimenti ancora.
ciao
Michael
December 3rd, 2009 alle 16:42
Ciao Michael, i tuoi apprezzamenti mi fanno molto piacere.
Continua a seguirci, passa parola e, ti garantisco, ne vedrai delle belle
December 19th, 2009 alle 13:22
ciao max…complimentissimi per i tuoi tutorial…li sto seguendo senza sosta per ampliare le mie conoscienze riguardo il webdesign….stai facendo un ottimo lavoro e sto apprendendo tantissime cose in piu che prima sconoscevo.
grazie mille ciao
December 19th, 2009 alle 22:57
Ciao ragazzi,
complimenti per i tutorial, sono molto chiari ed utili.
Sto cominciando ad usare dreamweaver, spero di essere in grado di costruire un discreto sito tra qualche mese.
Buon Natale e felice 2010!
Roy
December 21st, 2009 alle 10:27
Grazie mille a tutti
Vi prometto che l’anno prossimo ne vedrete delle belle
February 17th, 2010 alle 19:25
Ciao a tutti,
tanto per inziare faccio i miei complimentissimi a Max, chiarissimo nel spiegare i minimi passaggi, ma devo purtroppo rimproverarlo! Dopo aver applicato il modello alle pagine, perche’ non posso modificare i metatag?!!
February 17th, 2010 alle 19:43
Scherzi a parte, per poter modificare i meta tag devi crearti una regione modificabile al’interno del codice un po’ come si è fatto con le immagini.
I meta tag dovrebbero essere sempre gestibili in modo indipendente.
February 17th, 2010 alle 19:51
Quindi dovrei selezionare i metatag e creare l’area modificabile?
February 17th, 2010 alle 20:01
Mi correggo… sorry… i meta tag sono sempre modificabili.
Se provi a creare un’area modificabile opzionale DW ti restituisce un avviso del tipo “Ehi amico mio, l’area che hai selezionato è già considerata modificabile”
Ad ogni pagina che creai basandoti sul tuo modello devi inserire manualmente i meta tag che ti interessano nella sezione
February 17th, 2010 alle 20:04
perfetto, ho trovato la giusta soluzione, almeno credo. Devo rendere l’attribbuto modificabile, andando su elabora e poi su modelli.. o mi sbaglio?
February 17th, 2010 alle 20:06
Aspetta Max, mi spiego meglio. I metatag di cui parlo sono; title, descript e keywords..
February 17th, 2010 alle 20:36
Certo Francesco, quelli intendevo… e quelli rimangono sempre modificabili
February 17th, 2010 alle 20:58
Invece no, posso solamente modificare il title. Invece il metatag descript e kewords li vedo in griggio, senza possibiita’ di modificarli.. tra il tag tigle, trovo queste righe;
February 17th, 2010 alle 21:00
InstanceBeginEditable name=”doctitle”
Casino Online – Migliori casino online sicuri con bonus casinò playtech
InstanceEndEditable
February 18th, 2010 alle 09:28
Francesco, non è che per caso li hai inseriti nel punto sbagliato del documento, intendo dire fuori dal tag ?
Altrimenti non mi spiego come sei riuscito ad ottenere una cosa del genere….
February 18th, 2010 alle 17:44
Io ho semplicemente ho selezionato il testo ed immagini creando le aree modificabili e creato il modello.Cmq adesso faccio delle prove sperando di risolverlo. Grazie mille e ti rifaccio i miei complimenti per i video tutorial e per il sito in generale
February 19th, 2010 alle 07:15
Niente Max, non riesco a modificare i metatag al di fuori delle aree modificabili direttamente, dopo aver applicato il modello. Cosa devo far per risolvere questo problema?
February 19th, 2010 alle 07:16
Niente Max, non riesco a modificare i metatag al di fuori delle aree modificabili, dopo aver applicato il modello. Cosa devo far per risolvere questo problema?
February 19th, 2010 alle 14:16
Scusami Max, ma ho da chiederti una cosa importate. Potresti togliere il mio sito dai post che ho pubblicato qui’? Non vorrei che venissi penalizzato dai motori per Spam.
February 20th, 2010 alle 20:32
non capisco una cosa:
facendo tutto questo ho capito come cambiare il logo pagina per pagina. ma come fare per cambiare il logo del template generale dato che adesso il collegamento all’immagine è “@@(Logo)@@”?
February 24th, 2010 alle 16:25
Max, devo mettermi in ginocchio per ricevere un risposta? e’ urgente cio’ che ti ho chiesto..
February 24th, 2010 alle 17:18
Francesco, abbiamo rimosso il tuo link. Perdonami se non possiamo essere sempre veloci come vorremmo ma, come capirai, migliaia di richieste al giorno non sono semplici da evadere
February 24th, 2010 alle 17:57
Capisco perfettamente, anzi scusami per l’insistenza ma purtroppo sto avendo dei cali nei motori di ricerca e forse e dovuto al linkaggio ripetuo del mio sito in questa pagina. Max hai saltato un post dove ancora e’rimasto linkato il mio sito, ti chiedo se puoi togliere anche quello, please. Grazie mille
February 24th, 2010 alle 18:03
Fatto
March 22nd, 2010 alle 18:36
Ciao Max!!
Io in teoria avrei una soluzione più “facile” (il facile viene dopo però prima bisogna ragionarsi un pò, sempre se è fattibile) per il cambio del logo; la mia può essere una soluzione ma più che altro è una domanda che gira da un pò in testa: è possibile dove si mette il contenuto modificale e cioè nel div contenuto, fare in modo di visualizzare un documento tramite link senza quindi necessariamente dover applicare il template al documento di testo; cioè, quello che accade nei frame, a sinistra ho il menu di navigazione, clicco su un link che mi porta ad un testo che si visualizza nella stessa pagina, senza quindi applicare il template al testo ma è il testo che si visualizza nel template senza che questo si debba ricaricare nella pagina; quindi volevo sapere se era possibile applicarlo anche ad un div; questo perchè i div sono molto più facili da gestire rispetto i frame e quindi mi gironzolava questa domanda nella testa.
Spero di essermi spiegato e quindi che tu possa darmi una mano!! Grazie!
March 22nd, 2010 alle 18:44
Davide, devo dire che non sono sicuro di aver capito… comunque una soluzione è quella di fare un’inclusione tramite una procedura cosiddetta “server-side”.
In pratica con una riga di codice (PHP) includi un documento esterno in quel div.
Quel documento esterno conterrà, ad esempio, il logo che potrai cambiare in un unico file.
E’ la logica dei template dinamici. Un discorso un po’ lungo, a dire il vero.
A mia volta spero di essermi spiegato e di esserti stato utile
March 23rd, 2010 alle 09:49
Prova a guardare questo template: http://demo.joomlashow.it/index.php?option=com_frontpage&Itemid=5 (questo è un template per joomla ma giusto per capirci); mettiamo che ci sono 3 div in questa pagina, uno dove c’è il logo in alto, uno a sinistra dove c’è il menu e il login e uno a destra dove c’è il contenuto; se clicchi nel menu a sinistra su News, Contatti o Dummy vedrai che i div del logo e del menu a sinistra rimangono fermi mentre dove c’è il contenuto compare la pagina a cui fa riferimento il link quindi senza caricare di nuovo tutto il template.
Spero di essermi fatto capire e grazie ancora.
March 28th, 2010 alle 12:52
Ciao seguo con attenzione i tuoi tutorial, sei un grande!.
Io sto muovendo i primi passi con DW(per adesso cs3) e ti volevo chiedere l’illuminazione sull’ utilità e l’uso dell area opzionale nei modelli.
Per favore illuminami.
Grazie
March 29th, 2010 alle 08:42
Gianfranco, l’area opzionale serve per poter sostituire attributi ed elementi in pagine diverse utilizzando lo stesso template. Grazie a questa funzione puoi cambiare, ad esempio, un’immagine, un collegamento o il testo di un paragrafo (solo per fare degli esempi). Ad ogni modo controlla bene egli altri tutorial perchè ne abbiamo parlato
Enjoy
January 5th, 2011 alle 18:12
Ciao Max , mi sto sparando tutti i vostri tutorial in quanto li trovo interessantissimi e molto ben spiegati, spero in futuro nella possibilità di comprare corsi completi di DW e illustrator stile lynda per intenderci all’italiana che manca in italia. Ho riscontrato un problema nel creare un’altro div , quello hightlight che non vuole posizionarsi al suo posto , esiste un tutorial semplice su come risolvere questo problema?
Grazie mille
February 5th, 2011 alle 15:56
Ciao Max, mi chiamo Mariano e sto seguendo i tuoi corsi da un pò ed oggi finalmente mi sento di doverti chiedere un’info.
Seguendo le tue spiegazioni sono arrivato a realizzare il DIV per gli HightLights ben posizionato ed ho creato il mio bel modello di pagina.
Basandomi sul modello creo la Home Page (o Index.html) e le altre pagine (Chi sono, ecc.) e fin qui tutto ok.
Quello che ti chiedo è: è possibile fare in modo che quando modifico gli HightLights nella Home automaticamente si aggiornano anche nelle altre pagine?
Grazie in aticipo per la tua risposta e ti faccio tutti i miei complimenti per il tuo bel corso.
Mi stai facendo appassionare!
March 14th, 2011 alle 12:31
Ciao Max,
intanto complimentoni per le lezioni (dopo tutto era il minimo che potessi fare….).
Ti spiego subito il problema: ho creato la prima pagina con tanto di sprymenubar orizzontale dentro l’header, una sidebar1, una sidebar2, il contenuto e un footer.
Dopo di che ho creato il modello svuotando il div “contenuto e “sidebar1″ e rendendoli modificabili (naturalmente tutto il resto è rimasto bloccato). Una volta richiamato il template in questione ho reinserito il contenuto sia della sidebar 1 (un logo) che del contenuto (presentazione+una foto).
Dopo di che ho uppato su server ma con il risultato che tutte le immagini sono scomparse.
Premetto che nel “check browser compatibility” non risulta alcun problema e che le anteprime fatte sia con Iexplorer, Firefox, Opera e Safari non presentavano alcun problema.
Adesso non pretendo che Tu mi risolva il problema, ma contavo su qualche suggerimento che potesse aiutarmi a far luce su questo problema da cui non riesco ad uscire.
Grazie
Luca
March 14th, 2011 alle 13:37
Ciao Luca, ma grazie per i tuoi apprezzamenti.
Quando si verificano questi problemi in genere è semplicemente sbagliato il collegamento alle immagini.
Controlla, banalmente, di averle caricate correttamente sul server e poi che il collegamento alle immagini nei vari tag <img src="…." sia corretto
March 15th, 2011 alle 09:50
Ciao Max,
intanto grazie per il suggerimento. Il problema l’ho risolto seguendo il tuo consiglio e cioè rifacendo nuovamente i collegamenti alle immagini site nella cartella “immagini”. (anche se i collegamenti erano giusti pure prima….non la capisco bene questa cosa).
Un altra differenza rispetto a prima era il formato di queste immagini: una parte in .gif e una parte in .jpg, mentre adesso sono tutte in .png, però mi risulta difficile che il problema possa essere stato questo perchè tutti e tre i formati mi pare che siano largamente supportati da DW.
Adesso ho rilevato un piccolo problemino che sicuramente ti farà venir da ridere (a me però da piangere sigh).
, supera il test di compatibilità con tutti e quattro i motori di ricerca impostati sul mio DW, tranne che su Iexplorer 6!
La mia “simpatica” home page
Per la verità nelle opzioni del test di compatibilità per quest’ultimo browser ho impostato proprio la versione 6 e non mi restituisce alcun problema, però sul web mi crea il seccante problemino di mandarmi a capo la “sidebar di destra”.
Quindi ok con Firefox, Opera, Safari e Iexplorer 8, ma problema di width con Iexplorer 6.
Che dirti Max come al solito un grazie anticipato….qui la patria la puoi salvare soltato Te.
Luca
March 18th, 2011 alle 11:45
Ciao Max,
scusa l’insistenza….mi potresti gentilmente dare un suggerimento per risolvere il problema di width (diciamo) con IExplorer 6?
Il problema è quello descritto nel post sopra questo.
Grazie
Luca
March 20th, 2011 alle 16:41
Ciao Max!
complimenti per i tutorial…
non riesco a capire perchè ma non riesco a vedere questo video… si blocca il caricamento… puoi aiutarmi?
grazie
March 20th, 2011 alle 17:44
come non detto ora funziona.
grazie
July 21st, 2011 alle 13:52
CIAO MAX SEI BRAVISSIMO , Xò AVREI UNA DOMANDA DA FARTI
SUL MENU A TENDINA DEFINIZIONE REGOLA COSA USO ?
September 5th, 2011 alle 11:45
ciao max, innanzitutto complimenti per i tutorial, volevo farti una domandina, è possibile inserire una gallery basata su codice javascript all’interno di un’attributo modificabile?
mi spiego meglio: ho messo all’interno del div una tabella con all’interno un’immagine resa modificabile nel modo che hai illustrato in questo tutorial..fin qui funziona tutto ..volevo poi aggiungere una gallery appunto basata su javascript all’interno di questa tabella e renderla modificabile, ovvero un tot di immagini diverse per ogni pagina..si può?
grazie
November 21st, 2011 alle 11:10
ciao come al solito impeccabile nelle tue spiegazioni, ho provato a riprodurre le pagine utilizzando i div e mi capita a volte che modificando e creando le edit region (area modificabile del template) l’aspetto edella pagina (usando un gergo terra terra) mi sballa perdendo le posizioni dei div. non c’è un modo per non fare perdere le impostazioni dei div?? grazie
January 31st, 2012 alle 17:59
ciao max una curiosità:
come faccio ad impostare un template nuovo in sostituzione di un altro ed applicare all’intero sito
? (un pò come avviene con joomla) non so se sono stato chiaro…