Slik legger du til et sporingsbilde på en side i Dreamweaver - dummies

Tracing Image-funksjonen i Dreamweaver er spesielt populær blant designere. Konseptet, som går tilbake til de tidligste designdagene, gjør at du kan bruke grafikk som guider for sidedesignene dine, mye som du kanskje kopierer en tegneserie gjennom tynt gjennomsiktig papir.

Funksjonen Tracing Image er ideell for folk som liker å lage et design i et program, for eksempel Photoshop eller Fireworks, og deretter modellere deres nettside etter det. Ved å bruke Tracing Image-funksjonen kan du sette inn et hvilket som helst nettklar bilde i bakgrunnen til en Dreamweaver-side.

Så kan du plassere tagger eller sette inn tabeller eller andre elementer på toppen av sporingsbildet, noe som gjør det enklere å gjenopprette designet ditt i Dreamweaver. Du kan bruke JPG-, GIF- eller PNG-bilder som å spore bilder, og du kan lage dem i et grafikkprogram som støtter disse formatene.

Selv om sporingsbildet vises i bakgrunnen til en side, tar det ikke plass til et bakgrunnsbilde og vises ikke i en nettleser.

Følg disse trinnene for å legge til et sporingsbilde på siden din:

1. Opprett en ny side eller åpne en eksisterende side i Dreamweaver.

2. Velg Vis → Spor bilde → Legg inn.

   Dialogboksen Velg bildekilde åpnes.

3. Velg bildet du vil tjene som sporingsbilde, og klikk OK.

   Dialogboksen Egenskaper for side åpnes med kategorien Tracing Image valgt.

   

   kreditt: Bilde av istockphoto. com

4. Klikk på Browse-knappen for å finne bildet du vil bruke som sporingsbilde.

   Dialogboksen Velg bildekilde vises.

5. Klikk bildet du vil spore fra, og klikk deretter Bruk for å forhåndsvise hvordan bildet ser ut bak siden.

6. Angi opaciteten for sporingsbildet med glidebryteren Transparency.

   Hvis du reduserer gjennomsiktighetsnivået, får det spore bildet til å virke falmet, noe som gjør det enkelt å skille mellom sporingsbildet og innholdet på siden. Du kan angi gjennomsiktighetsnivået slik at det passer dine preferanser, men et sted rundt 50 prosent fungerer bra med de fleste bilder.

7. Klikk på OK.

   Sporingsbildet vises i dokumentvinduet, og dialogboksen lukkes.

Du har noen andre alternativer med Tracing Image-funksjonen. Velg Vis → Spor bilde for å avsløre følgende alternativer:

• Vis: Skjuler sporingsbildet hvis du vil sjekke arbeidet uten bildet, men vil ikke fjerne det.

• Juster med valg: Gjør det mulig å justere sporingsbildet automatisk med et valgt element på en side.

• Juster posisjon: Gjør det mulig å bruke piltastene eller angi X, Y-koordinater for å kontrollere posisjonen til sporingsbildet bak siden.

• Tilbakestillingsposisjon: Tilbakestiller sporingsbildet til 0, 0 på X, Y-koordinatene.

• Last: Gjør det mulig å legge til eller erstatte et sporingsbilde.

Når sporingsbildet er på plass, kan du bruke det som en veiledning når du designer siden din. Fordi sporingsbildet er bak siden, vil det ikke forstyrre designarbeidet ditt, og du kan legge til elementer over sporingsbildet du kan legge til på en annen nettside. Bruk sporingsbildet som en referanse for å sette inn og plassere koder, bilder og andre elementer.