Sådan tilføjes et link til et billede i Adobe Dreamweaver: 7 trin

Indholdsfortegnelse:

Sådan tilføjes et link til et billede i Adobe Dreamweaver: 7 trin
Sådan tilføjes et link til et billede i Adobe Dreamweaver: 7 trin

Video: Sådan tilføjes et link til et billede i Adobe Dreamweaver: 7 trin

Video: Sådan tilføjes et link til et billede i Adobe Dreamweaver: 7 trin
Video: How To Use TRELLO for Beginners + Workflow Examples [TRELLO TUTORIAL] 2024, Marts
Anonim

Mens du laver websteder, er der visse ting at huske på, en af dem gør dit websted interessant for seerne. Med Dreamweaver, et HTML -redigeringsprogram, er det let at konvertere et billede til et link. Denne artikel viser dig, hvordan det er gjort!

Trin

Tilføj et link til et billede i Adobe Dreamweaver Trin 1
Tilføj et link til et billede i Adobe Dreamweaver Trin 1

Trin 1. Åbn Dreamweaver

Åbn en eksisterende fil, eller definer et nyt websted, og opret en ny HTML -fil, hvis du ikke allerede har gjort det.

Tilføj et link til et billede i Adobe Dreamweaver Trin 2
Tilføj et link til et billede i Adobe Dreamweaver Trin 2

Trin 2. Når du opretter en ny HTML -fil, vil Dreamweaver allerede oprette en grundlæggende webside struktur for dig

Indtast markøren et sted mellem og -tags.

Tilføj et link til et billede i Adobe Dreamweaver Trin 3
Tilføj et link til et billede i Adobe Dreamweaver Trin 3

Trin 3. Indsæt det ønskede billede

Der er tre alternative metoder til at gøre dette:

  • Gå til panelet 'Indsæt' øverst. Klik på 'Billede' og vælg 'Billede' i den undermenu, der vises.
  • Mod højre er der en bjælke med 'Indsæt' og 'Filer' skrevet oven på. Klik på 'Vælg', og klik derefter på 'Almindelig' i rullemenuen. Indsæt nu billedet ved at klikke på 'Billede'. Hvis denne bjælke ikke vises, skal du klikke på det sted, hvor 'Kompakt' eller 'Udvidet' arbejdsområde er skrevet. Klik på 'Compact' og derefter på 'Reset Compact' for at nulstille Dreamweavers standardindstillinger.
  • Tryk på Ctrl+Alt+I på dit tastatur.
Tilføj et link til et billede i Adobe Dreamweaver Trin 4
Tilføj et link til et billede i Adobe Dreamweaver Trin 4

Trin 4. Juster størrelsen på dit billede ved at indtaste antallet af pixels i felterne "Bredde" og "Højde"

Tilføj et link til et billede i Adobe Dreamweaver Trin 5
Tilføj et link til et billede i Adobe Dreamweaver Trin 5

Trin 5. Gå til tilstanden 'Design' for at se, hvordan dit billede ser ud

Klik på 'Live' for at se, hvordan det rent faktisk vil se ud på dit websted.

Tilføj et link til et billede i Adobe Dreamweaver Trin 6
Tilføj et link til et billede i Adobe Dreamweaver Trin 6

Trin 6. Klik på billedet

Tilføj et link til et billede i Adobe Dreamweaver Trin 7
Tilføj et link til et billede i Adobe Dreamweaver Trin 7

Trin 7. Gem din webside ved at trykke på Ctrl+S (Gem) eller Ctrl+⇧ Shift+S (Gem som).

Tips

  • Hvis du vil have det til at ligne en knap eller kun en form i dit billede, skal du ændre baggrunden til en, der ligner den på din webside med et billedredigeringsprogram som Photoshop.
  • Klik på den lille Globus ikon øverst for at se det i din browser.

Anbefalede: