Dal layout al modello di pagina con Dreamweaver CS4 – 3a parte
In questo video
Pubblicato il 24 November, 2009
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.
CATEGORIE: DREAMWEAVER
Video lezioni Photoshop
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.
Freddy, 2 anno fà
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
Max, 2 anno fà
Ciao Max….io usavo molto dreamweaver,ma grazie a questi tutorial,sto imparando tantissimo!!
Speriamo di arrivare presto alle connessioni con i database!!
biagio, 2 anno fà
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
Max, 2 anno fà
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.
Vincenzo, 2 anno fà
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.
Vincenzo, 2 anno fà
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
Max, 2 anno fà
clap clap clap!
mr sponkie, 2 anno fà
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
Michael Di Pietro, 2 anno fà
Ciao Michael, i tuoi apprezzamenti mi fanno molto piacere.
Continua a seguirci, passa parola e, ti garantisco, ne vedrai delle belle
Max, 2 anno fà
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
Luca, 2 anno fà
Grazie mille a tutti
Vi prometto che l’anno prossimo ne vedrete delle belle
Max, 2 anno fà
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
Roy, 2 anno fà
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?!!
Francesco, 2 anno fà
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.
Max, 2 anno fà
Quindi dovrei selezionare i metatag e creare l’area modificabile?
Francesco, 2 anno fà
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
Max, 2 anno fà
perfetto, ho trovato la giusta soluzione, almeno credo. Devo rendere l’attribbuto modificabile, andando su elabora e poi su modelli.. o mi sbaglio?
Francesco, 2 anno fà
Aspetta Max, mi spiego meglio. I metatag di cui parlo sono; title, descript e keywords..
Francesco, 2 anno fà
Certo Francesco, quelli intendevo… e quelli rimangono sempre modificabili
Max, 2 anno fà
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;
Francesco, 2 anno fà
InstanceBeginEditable name=”doctitle”
Casino Online – Migliori casino online sicuri con bonus casinò playtech
InstanceEndEditable
Francesco, 2 anno fà
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….
Max, 2 anno fà
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
Francesco, 2 anno fà
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?
Francesco, 2 anno fà
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?
Francesco, 2 anno fà
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.
Francesco, 2 anno fà
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)@@”?
Lawlietoc, 2 anno fà
Max, devo mettermi in ginocchio per ricevere un risposta? e’ urgente cio’ che ti ho chiesto..
Francesco, 2 anno fà
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
Max, 2 anno fà
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
Francesco, 2 anno fà
Fatto
Max, 2 anno fà
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!
Davide, 2 anno fà
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
Max, 2 anno fà
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.
Davide, 2 anno fà
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
gianfranco, 2 anno fà
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
Max, 2 anno fà
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
Simone, 1 anno fà
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!
Mariano, 1 anno fà
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
Gianluca, 1 anno fà
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
Max, 1 anno fà
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
Gianluca, 1 anno fà
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
Gianluca, 1 anno fà
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
Matteo, 1 anno fà
come non detto ora funziona.
grazie
Matteo, 1 anno fà
CIAO MAX SEI BRAVISSIMO , Xò AVREI UNA DOMANDA DA FARTI
SUL MENU A TENDINA DEFINIZIONE REGOLA COSA USO ?
RINO, 10 mese fà
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
veronica, 8 mese fà
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
tonino, 6 mese fà
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…
tonino, 3 mese fà