Video: HTML - Come inserire una Google Maps 2024
La funzione Tracing Image in Dreamweaver è particolarmente apprezzata dai designer. Il concetto, che risale ai primi giorni del design, ti consente di utilizzare la grafica come guida per i disegni della tua pagina, proprio come potresti copiare un cartone animato con carta sottile trasparente.
La funzione Tracing Image è ideale per le persone che amano creare un disegno in un programma, come Photoshop o Fireworks, e quindi modellare la propria pagina Web dopo di essa. Utilizzando la funzione Tracing Image, è possibile inserire qualsiasi immagine pronta per il Web sullo sfondo di qualsiasi pagina di Dreamweaver.
Quindi puoi posizionare tag o inserire tabelle o altri elementi sopra l'immagine di traccia, rendendo più facile ricreare il tuo disegno in Dreamweaver. Puoi utilizzare immagini JPG, GIF o PNG come immagini di tracciamento e puoi crearle in qualsiasi applicazione grafica che supporti questi formati.
Sebbene l'immagine di tracciamento appaia sullo sfondo di una pagina, non prende il posto di un'immagine di sfondo e non apparirà in un browser.
Per aggiungere un'immagine di traccia alla tua pagina, segui questi passaggi:
-
Crea una nuova pagina o apri una pagina esistente in Dreamweaver.
-
Scegli Visualizza → Immagine traccia → Carica.
Si apre la finestra di dialogo Seleziona origine immagine.
-
Selezionare l'immagine che si desidera utilizzare come immagine di analisi e fare clic su OK.
La finestra di dialogo Proprietà pagina si apre con la categoria Immagine traccia selezionata.
-
Fare clic sul pulsante Sfoglia per individuare l'immagine che si desidera utilizzare come immagine di traccia.
Viene visualizzata la finestra di dialogo Seleziona origine immagine.
-
Fare clic sull'immagine da cui si desidera eseguire il tracciamento, quindi fare clic su Applica per visualizzare l'anteprima dell'aspetto dell'immagine dietro la pagina.
-
Imposta l'opacità per l'immagine di traccia con il cursore Trasparenza.
L'abbassamento del livello di trasparenza fa sbiadire l'immagine di tracciamento, rendendo semplice la distinzione tra l'immagine di tracciamento e il contenuto della pagina. Puoi impostare il livello di trasparenza in base alle tue preferenze, ma da qualche parte circa il 50 percento funziona bene con la maggior parte delle immagini.
-
Fare clic su OK.
L'immagine di tracciamento viene visualizzata nella finestra del documento e la finestra di dialogo si chiude.
Hai alcune altre opzioni con la funzione Tracing Image. Scegli Visualizza → Traccia immagine per visualizzare le seguenti opzioni:
-
Mostra: Nasconde l'immagine di traccia se vuoi controllare il tuo lavoro senza l'immagine ma non vuoi rimuoverlo.
-
Allinea con selezione: Consente di allineare automaticamente l'immagine di traccia con un elemento selezionato su una pagina.
-
Regola posizione: Consente di utilizzare i tasti freccia o immettere le coordinate X, Y per controllare la posizione dell'immagine di tracciamento dietro la pagina.
-
Ripristina posizione: Reimposta l'immagine di traccia su 0, 0 sulle coordinate X, Y.
-
Carica: Consente di aggiungere o sostituire un'immagine di traccia.
Una volta posizionata l'immagine di tracciamento, puoi utilizzarla come guida mentre progetta la pagina. Poiché l'immagine di tracciamento si trova dietro la pagina, non interferirà con il tuo lavoro di progettazione e potrai aggiungere qualsiasi elemento sull'immagine di traccia che potresti aggiungere a qualsiasi altra pagina web. Utilizzare l'immagine di traccia come riferimento per inserire e posizionare tag, immagini e altri elementi.