Slik legger du til en kobling til et bilde i Adobe Dreamweaver: 7 trinn

Innholdsfortegnelse:

Slik legger du til en kobling til et bilde i Adobe Dreamweaver: 7 trinn
Slik legger du til en kobling til et bilde i Adobe Dreamweaver: 7 trinn

Video: Slik legger du til en kobling til et bilde i Adobe Dreamweaver: 7 trinn

Video: Slik legger du til en kobling til et bilde i Adobe Dreamweaver: 7 trinn
Video: How To Use TRELLO for Beginners + Workflow Examples [TRELLO TUTORIAL] 2024, Kan
Anonim

Når du lager nettsteder, er det visse ting du må huske på, og en av dem gjør nettstedet ditt interessant for seerne. Med Dreamweaver, et HTML -redigeringsprogram, er det enkelt å konvertere et bilde til en lenke. Denne artikkelen vil vise deg hvordan det er gjort!

Trinn

Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 1
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 1

Trinn 1. Åpne Dreamweaver

Åpne en eksisterende fil eller definer et nytt nettsted, og opprett en ny HTML -fil hvis du ikke allerede har gjort det.

Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 2
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 2

Trinn 2. Når du oppretter en ny HTML -fil, vil Dreamweaver allerede lage en grunnleggende webside struktur for deg

Skriv inn markøren et sted mellom og -koder.

Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 3
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 3

Trinn 3. Sett inn bildet du ønsker

Det er tre alternative metoder for å gjøre dette:

  • Gå til "Sett inn" -panelet øverst. Klikk "Bilde" og velg "Bilde" fra undermenyen som vises.
  • Til høyre er det en stolpe med "Sett inn" og "Filer" skrevet på toppen. Klikk "Velg" og deretter "Vanlig" fra rullegardinmenyen. Sett inn bildet ved å klikke "Bilde". Hvis den linjen ikke vises, klikker du der "Kompakt" eller "Utvidet" arbeidsområde er skrevet. Klikk "Compact" og deretter "Reset Compact" for å tilbakestille Dreamweavers standardinnstillinger.
  • Trykk Ctrl+Alt+I på tastaturet.
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 4
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 4

Trinn 4. Juster størrelsen på bildet ditt ved å angi antall piksler i feltene "Bredde" og "Høyde"

Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 5
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 5

Trinn 5. Gå til "Design" -modus for å se hvordan bildet ditt ser ut

Klikk "Live" for å se hvordan det faktisk vil se ut på nettstedet ditt.

Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 6
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 6

Trinn 6. Klikk på bildet

Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 7
Legg til en kobling til et bilde i Adobe Dreamweaver Trinn 7

Trinn 7. Lagre websiden din ved å trykke Ctrl+S (Lagre) eller Ctrl+⇧ Shift+S (Lagre som).

Tips

  • Hvis du vil at det skal være som en knapp eller bare en figur i bildet ditt, kan du endre bakgrunnen til en som ligner den på websiden din med et bilderedigeringsprogram som Photoshop.
  • Klikk på den lille Kloden ikonet på toppen for å se det i nettleseren din.

Anbefalt: