Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 13 di 62
  • livello principiante
Indice lezioni

Immagini segnaposto, mappe immagine, filetto orizzontale

Varie possibilità di scelta per quanto riguarda i colori da assegnare agli oggetti HTML
Varie possibilità di scelta per quanto riguarda i colori da assegnare agli oggetti HTML
Link copiato negli appunti

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.

Impostazione del layout di pagina con immagini e testo segnaposto

Per inserire delle immagini segnaposto si può accedere dal menu:

  • Insert >> Image Placeholder,
  • oppure dal pannello Common e scegliere Image Placeholder.

    Inserimento di un'immagine segnaposto

    Viene visualizzata una finestra di dialogo dove inserire il nome, le dimensioni,
    il colore ed il testo alternativo per l'immagine segnaposto.

Finestra di dialogo dell'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.

Mappe immagini di varie forme

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.

Proprietà della mappa immagine

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.

Le proprietà del filetto orizzontale

Tuttavia si può sempre inserre in modalità Code View, ad
esempio con lo strumento Code Hint.

Ti consigliamo anche