Dal layout al modello di pagina con Dreamweaver CS4 – 1a parte
In questo video
Pubblicato il 10 November, 2009
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…
CATEGORIE: DREAMWEAVER
Video lezioni Photoshop
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!!
mr sponkie, 2 anno fà
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
Freddy, 2 anno fà
Non avevo dubbi che riuscissi a farlo
Alla prossima
Max, 2 anno fà
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.
Letizia, 2 anno fà
@letizia:
Felice che il tuo approccio a DW sia più easy… vedrai che ti ripagherà con grandi soddisfazioni
Max, 2 anno fà
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
Vincenzo, 2 anno fà
Come disse Garibaldi: “Obbedisco!”
Max, 2 anno fà
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!
MariCri, 2 anno fà
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?
Max, 2 anno fà
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…!
MariCri, 2 anno fà
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.
Fogliaverde, 2 anno fà
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!!!
Pablo, 2 anno fà
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.
Peres Giuseppe Torre, 2 anno fà
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…
markino, 2 anno fà
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….
juansebastian, 2 anno fà
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
Max, 2 anno fà
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!!!
juansebastian, 2 anno fà
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
Max, 2 anno fà
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!
Nicolò, 2 anno fà
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?
Specialguest, 2 anno fà
Bravo a spiegare. Informazioni utilissime.
Grazie!
Crazer, 2 anno fà
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
tyler.d, 1 anno fà
Ciao Tyler.
Grazie per gli apprezzamenti
Ti ho risposto sul forum. A presto
Max, 1 anno fà
Scusatemi per il ritardo, ma vorrei sapere dove sono gli altri video tutorial precedenti a questa videolezione
mb2, 1 anno fà
vai nella sezione di DW e in fondo alla pagina trovi il collegamento alle pagine precedenti
Max, 1 anno fà
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!
eddy, 1 anno fà
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 ?
Max, 1 anno fà
Vogliamo tutti un mega DVD su DW…. ma significa savan sa dir???? sei geniale
tiziana, 1 anno fà
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?
danikogi, 8 mese fà
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
Max, 8 mese fà
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!
Martioska, 6 mese fà
Grandeeee
Max, 6 mese fà
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
Alberto, 4 mese fà
Ciao Max!
Innanzitutto complimenti per i tuoi tutorial che sono davvero fantastici!
Volevo chiederti, ho qualche problema nel settare quella che nel tuo sito è la parte dedicata alle news… Io ci sto mettendo tutt’altro, però quando ci scrivo dentro, il testo prende le caratteristiche della navigazione, quindi mi vien fuori un “sottomenu”, diciamo così…
Ho provato a ridurre le dimensioni dello spazio navigazione per inserirne un altro del tutto nuovo sotto, ma niente, mi compare al di sopra del contenuto…
Dove va posizionato esattamente? E si può fare in modo che la formattazione non valga per ogni paragrafo in quell’area ma solo per alcune zone? Grazie mille
Jethro Matthews, 2 settimana fà
Credo di esserci riuscito, non inserendo tag nel div dedicato a quello spazio… E’ il procedimento giusto? Qual era la soluzione?
Jethro Matthews, 2 settimana fà
Mi ri-edito: la mia soluzione non è quella corretta, in quanto semmai dovessero esserci tag (ho dat spazi appositamente), riprendono le caratteristiche del menu creato sopra… Sapete darmi una mano?
Jethro Matthews, 2 settimana fà