Lägga till en länk till en bild i Adobe Dreamweaver: 7 steg

Innehållsförteckning:

Lägga till en länk till en bild i Adobe Dreamweaver: 7 steg
Lägga till en länk till en bild i Adobe Dreamweaver: 7 steg

Video: Lägga till en länk till en bild i Adobe Dreamweaver: 7 steg

Video: Lägga till en länk till en bild i Adobe Dreamweaver: 7 steg
Video: How to Insert Image in Trello (2023) 2024, Mars
Anonim

När du skapar webbplatser finns det vissa saker att tänka på, en av dem är att göra din webbplats intressant för tittarna. Med Dreamweaver, ett HTML -redigeringsprogram, är det enkelt att konvertera en bild till en länk. Denna artikel kommer att visa dig hur det är gjort!

Steg

Lägg till en länk till en bild i Adobe Dreamweaver Steg 1
Lägg till en länk till en bild i Adobe Dreamweaver Steg 1

Steg 1. Öppna Dreamweaver

Öppna en befintlig fil eller definiera en ny webbplats och skapa en ny HTML -fil om du inte redan har gjort det.

Lägg till en länk till en bild i Adobe Dreamweaver Steg 2
Lägg till en länk till en bild i Adobe Dreamweaver Steg 2

Steg 2. När du skapar en ny HTML -fil kommer Dreamweaver redan att skapa en grundläggande webbsidesstruktur för dig

Ange markören någonstans mellan taggarna och.

Lägg till en länk till en bild i Adobe Dreamweaver Steg 3
Lägg till en länk till en bild i Adobe Dreamweaver Steg 3

Steg 3. Sätt in den bild du vill ha

Det finns tre alternativa metoder för att göra detta:

  • Gå till panelen "Infoga" längst upp. Klicka på "Bild" och välj "Bild" från undermenyn som visas.
  • Till höger finns en stapel med "Infoga" och "Filer" ovanpå. Klicka på "Välj" och klicka sedan på "Vanligt" från rullgardinsmenyn. Nu sätter du in bilden genom att klicka på "Bild". Om fältet inte visas klickar du där "Kompakt" eller "Utökad" arbetsyta är skriven. Klicka på 'Compact' och sedan på 'Reset Compact' för att återställa Dreamweavers standardinställningar.
  • Tryck på Ctrl+Alt+I på tangentbordet.
Lägg till en länk till en bild i Adobe Dreamweaver Steg 4
Lägg till en länk till en bild i Adobe Dreamweaver Steg 4

Steg 4. Justera storleken på din bild genom att ange antalet pixlar i fälten "Bredd" och "Höjd"

Lägg till en länk till en bild i Adobe Dreamweaver Steg 5
Lägg till en länk till en bild i Adobe Dreamweaver Steg 5

Steg 5. Gå till "Design" -läget för att se hur din bild ser ut

Klicka på "Live" för att se hur det faktiskt kommer att se ut på din webbplats.

Lägg till en länk till en bild i Adobe Dreamweaver Steg 6
Lägg till en länk till en bild i Adobe Dreamweaver Steg 6

Steg 6. Klicka på bilden

Lägg till en länk till en bild i Adobe Dreamweaver Steg 7
Lägg till en länk till en bild i Adobe Dreamweaver Steg 7

Steg 7. Spara din webbsida genom att trycka på Ctrl+S (Spara) eller Ctrl+⇧ Skift+S (Spara som).

Tips

  • Om du vill att det ska vara som en knapp eller bara en form i din bild, ändra bakgrunden till en som liknar den på din webbsida med ett bildredigeringsprogram som Photoshop.
  • Klicka på den lilla Klot ikon överst för att visa den i din webbläsare.

Rekommenderad: