Een link naar een afbeelding toevoegen in Adobe Dreamweaver: 7 stappen

Inhoudsopgave:

Een link naar een afbeelding toevoegen in Adobe Dreamweaver: 7 stappen
Een link naar een afbeelding toevoegen in Adobe Dreamweaver: 7 stappen

Video: Een link naar een afbeelding toevoegen in Adobe Dreamweaver: 7 stappen

Video: Een link naar een afbeelding toevoegen in Adobe Dreamweaver: 7 stappen
Video: Hoe werkt Trello | Handleiding Nederlands | Organiseer je to do lijsten online (3 minuten video) 2024, April
Anonim

Bij het maken van websites zijn er bepaalde dingen waar u rekening mee moet houden, waaronder het interessant maken van uw site voor kijkers. Met Dreamweaver, een HTML-bewerkingsprogramma, is het eenvoudig om een afbeelding naar een link te converteren. In dit artikel leest u hoe u dat doet!

Stappen

Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 1
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 1

Stap 1. Open Dreamweaver

Open een bestaand bestand of definieer een nieuwe site en maak een nieuw HTML-bestand aan, als je dat nog niet hebt gedaan.

Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 2
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 2

Stap 2. Wanneer u een nieuw HTML-bestand maakt, maakt Dreamweaver al een basiswebpaginastructuur voor u

Typ uw cursor ergens tussen de en tags.

Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 3
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 3

Stap 3. Voeg de gewenste afbeelding in

Er zijn drie alternatieve methoden om dit te doen:

  • Ga naar het paneel 'Invoegen' bovenaan. Klik op 'Afbeelding' en selecteer 'Afbeelding' in het submenu dat verschijnt.
  • Naar rechts is er een balk met 'Insert' en 'Files' bovenaan geschreven. Klik op 'Selecteren' en vervolgens op 'Algemeen' in het vervolgkeuzemenu. Voeg nu de afbeelding in door op 'Afbeelding' te klikken. Als die balk niet verschijnt, klikt u op de plaats waar 'Compact' of 'Expanded' workspace is geschreven. Klik op 'Compact' en vervolgens op 'Reset Compact' om de standaardinstellingen van Dreamweaver te resetten.
  • Druk op Ctrl+Alt+I op uw toetsenbord.
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 4
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 4

Stap 4. Pas de grootte van je afbeelding aan door het aantal pixels in te voeren in de velden 'Breedte' en 'Hoogte'

Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 5
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 5

Stap 5. Ga naar de modus 'Ontwerpen' om te zien hoe je afbeelding eruitziet

Klik op 'Live' om te zien hoe het er in het echt uit komt te zien op uw website.

Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 6
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 6

Stap 6. Klik op de afbeelding

Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 7
Voeg een link toe aan een afbeelding in Adobe Dreamweaver Stap 7

Stap 7. Sla uw webpagina op door op Ctrl+S. te drukken (Opslaan) of Ctrl+⇧ Shift+S (Opslaan als).

Tips

  • Als u wilt dat het een knop is of alleen een vorm in uw afbeelding, wijzigt u de achtergrond in een achtergrond die lijkt op die op uw webpagina met een beeldbewerkingsprogramma zoals Photoshop.
  • Klik op de kleine Wereldbol pictogram bovenaan om het in uw browser te bekijken.

Aanbevolen: