Casa Social media Come aggiungere un'immagine di traccia a una pagina in Dreamweaver - dummies

Come aggiungere un'immagine di traccia a una pagina in Dreamweaver - dummies

Video: HTML - Come inserire una Google Maps 2024

Video: HTML - Come inserire una Google Maps 2024
Anonim

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:

  1. Crea una nuova pagina o apri una pagina esistente in Dreamweaver.

  2. Scegli Visualizza → Immagine traccia → Carica.

    Si apre la finestra di dialogo Seleziona origine immagine.

  3. 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.

    credito: foto di istockphoto. com
  4. 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.

  5. 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.

  6. 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.

  7. 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.

Come aggiungere un'immagine di traccia a una pagina in Dreamweaver - dummies

Scelta dell'editore

Converti documenti cartacei in file Acrobat PDF - dummy

Converti documenti cartacei in file Acrobat PDF - dummy

Una volta che hai Adobe Creative Suites 5, l'unica altra cosa è necessario convertire i documenti cartacei in PDF è uno scanner. Se si prevede di eseguire la scansione di un numero elevato di pagine in PDF, valutare l'acquisto di uno scanner con un alimentatore automatico di documenti. Alcuni scanner possono scansionare sia la parte anteriore che quella posteriore di un documento ...

Convertire pagine Web in file PDF - dummies

Convertire pagine Web in file PDF - dummies

Adobe Acrobat Creative Suite 5 può acquisire contenuti Web come notizie o informazioni commerciali e trasformarle in un file PDF. È possibile convertire una singola pagina Web o un intero sito Web. Se si desidera convertire solo una singola pagina e si utilizza Internet Explorer, fare clic su Converti pagina Web in ...

Convertire i file PowerPoint in PDF - dummies

Convertire i file PowerPoint in PDF - dummies

Adobe Acrobat Creative Suite 5 include strumenti che semplificano la conversione dei file di Microsoft PowerPoint in PDF. Quando installi Acrobat sul tuo computer, cerca i programmi di Microsoft Office. Se Acrobat individua Word, Excel, PowerPoint o Outlook, installa un componente aggiuntivo, PDF Maker, in questi programmi che consentono di convertire Microsoft ...

Scelta dell'editore

Che determina il tuo piano di attacco SEO - manichini

Che determina il tuo piano di attacco SEO - manichini

Assicurati di sapere cosa stai affrontando quando determinare il tuo piano di attacco SEO. Puoi più o meno dimenticare quelle migliaia di siti di ricerca e concentrarti su una manciata. Hai sei fattori essenziali con cui giocare: parole chiave, contenuto, ottimizzazione della pagina, link, invio e tempo. Dimentica il tempo: inizia subito! ...

Progettazione di codice "Spider-Friendly" per risultati SEO migliori - dummies

Progettazione di codice "Spider-Friendly" per risultati SEO migliori - dummies

Che tu stia scrivendo il tuo codice HTML o l'assunzione di un webmaster per farlo per te, si desidera mantenere il codice sottostante del codice del ragno-friendly per ottenere risultati SEO migliori. Fondamentalmente, devi semplificare il codice del tuo sito in modo che gli spider dei motori di ricerca abbiano un tempo facile per scansionare le tue pagine e capire che cosa ...

Esclude pagine Web da motori di ricerca usando Meta Robots Tag - dummies

Esclude pagine Web da motori di ricerca usando Meta Robots Tag - dummies

Puoi usare Tag Meta robot per impedire a uno spider dei motori di ricerca di eseguire la scansione di pagine specifiche nel tuo sito Web. Puoi includere un tag speciale nel codice HTML della pagina per dire ai robot di non indicizzare quella pagina, o di non seguire i link su quella pagina. Inseriresti questo tag ...

Scelta dell'editore

Cisco Networking: Network Protocol Analyzer Nozioni di base - dummies

Cisco Networking: Network Protocol Analyzer Nozioni di base - dummies

In precedenza Ethereal, Wireshark è un analizzatore di protocollo di rete, che è un strumento in grado di visualizzare i dettagli del traffico di rete. Prima della diffusione della commutazione di rete, uno strumento come questo potrebbe visualizzare tutto il traffico che scorre sulla rete. Negli ambienti commutati, viene visualizzato solo il traffico destinato al computer o il traffico broadcast su ...

Cisco Networking: MAC Addressing - dummies

Cisco Networking: MAC Addressing - dummies

L'indirizzo MAC viene preso di default dall'indirizzo hardware della scheda di rete. L'indirizzo MAC è un numero esadecimale di 12 cifre o 48 bit di lunghezza. Questo indirizzo è assegnato dal produttore dell'hardware ed è globalmente unico, quindi non dovresti avere indirizzi duplicati sulla tua rete (anche se le schede con indirizzi duplicati ...

Cisco Networking: OSI Model Layer 2 - Data Link - dummies

Cisco Networking: OSI Model Layer 2 - Data Link - dummies

Il secondo livello dell'Open Il modello System Interconnession (OSI) è il livello di collegamento dati. Il livello di collegamento dati è adiacente al livello fisico, quindi sono associati abbastanza strettamente insieme. Mentre lo strato fisico si occupa del supporto fisico reale (i cavi e così via su cui si spostano i dati), il collegamento dati ...