A cura di GIUSEPPE CIABURRO
Pubblicato il 04/05/2007
Una guida sull'editor html della Adobe
Sommario
La nuova interfaccia
2. Esploriamo l'interfaccia I
3. Esploriamo l'interfaccia II
4. Personalizzazione dell'interfaccia
Le novità del programma
5. Le novità di Dreamweaver MX I
6. Le novità di Dreamweaver MX II
7. Le novità di Dreamweaver MX III
Creazione di un sito: operazioni
preliminari
8. Creazione, controllo e pubblicazione dei siti
9. Creare un sito: la funzione syncronize
10. Definire i tag <head>
Permette delle operazioni sui file di un
sito presente sul proprio hard-disk
11. Definire i tag <body>
La finestra principale della modalità
Authoring è una pagina bianca nella quale possiamo inserire una enorme varietà
di oggetti
Inserimento e gestione delle immagini e dei link
12. Inserimento, modifica e posizionamento delle immagini
Inserire
manualmente le marcature che definiscono le caratteristiche generali della
pagina
13. Immagini segnaposto, mappe immagine, filetto orizzontale
Varie
possibilità di scelta per quanto riguarda i colori da assegnare agli oggetti
HTML
14. Inserimento dei link
Mediante questi tag si trovano infatti definite
le parole chiave usate dai motori di ricerca
15. Link a FTP, E-Mail e Newsgroup
Dall'interfaccia Authoring di
Dreamweaver si accede facilmente ad ogni elemento di un documento HTML
Creazione della struttura: creazione di tabelle e layer
16. Le tabelle: controllare le proprietà di una tabella
Gestire link
ipertestuali con Dreamweaver
17. Le tabelle: agire sulle celle e sulle righe
Gestire e inserire
immagini all'interno del documento
18. Le tabelle: altre opzioni di gestione
Con Dreamweaver è molto
semplice inserire nelle pagine tabelle
19. La layout view
Modificare tabelle con Dreamweaver
20. Creiamo un sito di prova
Modificare celle con Dreamweaver
21. Introduzione ai livelli o layers
Mediante l'utilizzo di livelli è
possibile inserire in una pagina contenuto testuale, di immagini od altri
oggetti, e posizionarlo con assoluta precisione.
22. Le proprietà dei livelli
Inserire e modificare livelli
23. Avvertenze e ultime precisazioni finali
Una peculiarità di
Dreamweaver è quella di permettere allo sviluppatore di convertire una qualsiasi
pagina in un documento composto da livelli
I Frame in Dreamweaver MX
24. Introduzione ai Frame e al Frameset
Le diverse voci disponibili nel
menu della finestra degli oggetti
25. Costruire una pagina con Frame
Definire una impostazione grafica
adatta alla realizzazione di una serie di documenti
26. Salvare il frameset e controllare le pagine
Una libreria di oggetti
personale da cui attingere rapidamente porzioni di contenuto di utilizzo
frequente
27. Tutte le proprietà del Frameset
L'opzione Dreamweaver HTML Comments e
Non-Dreamweaver HTML comments
28. Iframe o inline Frame
Un documento HTML può essere suddiviso in più
files, i cui contenuti vengono visualizzati in determinate aree della stessa
pagina, i cosiddetti frames.
29. Due utili comandi per gestire i Frame
Dreamweaver crea un frameset
senza nome, composto da due frames anchÂ’essi senza nome.
Inserimento di
elementi multimediali
30. Il supporto ai file esterni dei browser
Dopo avere selezionato un
frame nella finestra principale od in quella dei Frames, definirne le proprietà.
31. Filmati Flash e Shockwave
Le proprietà del frameset sono accessibili
nella relativa istanza della finestra delle proprietà e si riducono alla
definizione delle dimensioni dei frames
32. Riproduzione video
Gestione dei collegamenti ipertestuali nei
documenti suddivisi in più frames
33. Riproduzione audio
Dreamweaver permette di usare i livelli in molti
modi diversi ed uno dei più appariscenti è rappresentato dalla possibilità di
variarne le proprietà
34. Inserimento di applet Java
Controllo sullÂ’animazione, movimento sul
percorso e prolungamento della durata
Funzioni di controllo e validazione
del codice
35. Validazione dell'accessibilità
Esecuzione automatica e ripetizione
ciclica
36. Validazione del codice
Mediante i behaviors (comportamenti) di
Dreamweaver è possibile associare ai diversi elementi della pagina complesse
funzioni interattive
37. Validazione della compatibilità tra browser
Un behavior inserisce
automaticamente una azione ed un evento che ne determina lÂ’esecuzione.
38. Validazione dei link
Come inserire Behavior all'interno di un
documento
39. Find & Replace: automatizzare le sostituzioni
Alcuni esempi
pratici sull'inserimento di Behavior
40. Le regular expression
Un utilizzo interessante di JavaScript è
lÂ’analisi locale dei dati inseriti in un modulo (form), senza che sia
necessario inviarli al server per la convalida e poi farli tornare.
Gli
stili HTML o (HTML Styles)
41. Gli stili HTML
Sono disponibili su Internet numerose estensioni
scaricabili gratuitamente con le quali potenziare ulteriormente il programma
42. Come creare gli stili HTML
43. Duplicare, modificare, cancellare gli HTML Styles
44. Applicare gli HTML Styles al testo
I comandi di Dreamweaver
45. Le voci del menu Commands
46. Scaricare estensioni e modificare la visualizzazione del codice
47. Ripulire il codice HTML
48. Lavorare con le immagini
49. Ultime funzioni del menu commands
I CSS e Dreamweaver MX
50. Introduzione ai CSS
51. Dreamweaver MX e i CSS
52. Come creare i CSS con Dreamweaver MX
53. Le classi: creare stili personalizzati
54. Le novità di Dreamweaver MX
I Behaviors di Dreamweaver MX
55. I Behaviors
56. Gestire il codice dei Behaviors
57. I Behaviors per Dreamweaver MX - parte I
58. I Behaviors per Dreamweaver MX - parte II
Timeline e DHTML
59. La timeline di Dreamweaver MX
60. Creare una Timeline
61. Le opzioni e il controllo della Timeline
62. Le estensioni per la Timeline
PER CONSULTARE IL MANUALE CLICCARE SUL LINK SEGUENTE: