Una novità di Dreamweaver MX è la possibilità di inserire delle immagini segnaposto che servono per ottimizzare
il flusso di lavoro in fase di realizzazione del layout della pagina.
Per inserire delle immagini segnaposto si può accedere dal menu:
- Insert >> Image Placeholder,
- oppure dal pannello Common e scegliere Image Placeholder.
Viene visualizzata una finestra di dialogo dove inserire il nome, le dimensioni,
il colore ed il testo alternativo per l'immagine segnaposto.
Alcune opzioni di controllo su queste immagini virtuali sono disattivate nel
pannello Property, sebbene sia sempre possibile inserire tali
attributi manualmente in modalità Code View.
Mappe Immagine
Dreamweaver consente di creare punti attivi all'interno delle immagini: le
cosiddette mappe immagine, dove inserire dei link o comportamenti
JavaScript. Gli strumenti per disegnare le mappe immagine sono il rettangolo,
l'ellisse ed il poligono. Selezionato il tipo di strumento è sufficiente disegnare
l'area attiva sull'immagine. Con lo strumento poligono è sufficiente
inserire 3 punti in un'immagine e l'area verrà creata automaticamente
all'interno dei tre punti. Con lo strumento rettangolo e con quello ovale ancora
più semplicemente basta determinare un vertice dell'area da ricoprire
con la mappa immagine e spostare il mouse in diagonale fino al punto desiderato.
Quando si utilizza lo strumento rettangolo, cliccando contemporaneamente il
tasto Maiuscolo viene disegnato un quadrato
Avvertenza: sebbene si chiami ellisse, questo strumento è
in grado di disegnare solo cerchi.
Creati i punti attivi sull'immagine è sufficiente cliccare sulla freccia accanto
alle forme delle mappe immagine nel panello Property e selezionare
con il mouse l'immagine per tornare alle proprietà dell'immagine. Puntando col
mouse sulla mappa immagine potremo accedere nuovamente al pannello Property
della stessa e ridimensionarla (o modificarla nel caso del poligono) attraverso
le maniglie contrassegnate da dei quadratini sui bordi, cliccando all'esterno
si visualizzano nuovamente le proprietà dell'immagine. È anche possibile spostare
di un pixel alla volta l'area attiva con i tasti Freccia, o
di 5 pixel per volta con la combinazione Maiuscolo+Freccia.
Filetto orizzontale
Il tag <hr> inserisce una riga orizzontale e sebbene non faccia ricorso
ad un'immagine, l'effetto è simile.
Si può inserire dal menu:
- Insert >> Horizontal Rule
- oppure premendo l'apposito pulsante del pannello Common
Dal pannello Property è possibile controllarne gli attributi:
id, larghezza in px o %, altezza, allineamento ed ombreggiatura, non è supportato
l'attributo colore, proprietario di Microsoft e visualizzabile con IE 4 e superiore.
Tuttavia si può sempre inserre in modalità Code View, ad
esempio con lo strumento Code Hint.