Hoe om 'n skakel na 'n prent in Adobe Dreamweaver te voeg: 7 stappe

INHOUDSOPGAWE:

Hoe om 'n skakel na 'n prent in Adobe Dreamweaver te voeg: 7 stappe
Hoe om 'n skakel na 'n prent in Adobe Dreamweaver te voeg: 7 stappe

Video: Hoe om 'n skakel na 'n prent in Adobe Dreamweaver te voeg: 7 stappe

Video: Hoe om 'n skakel na 'n prent in Adobe Dreamweaver te voeg: 7 stappe
Video: How To Use Trello ? | Getting Started With Trello | Trello Tutorial For Beginners | Simplilearn 2024, Maart
Anonim

By die maak van webwerwe is daar sekere dinge wat u in gedagte moet hou, en een daarvan maak u webwerf interessant vir kykers. Met Dreamweaver, 'n HTML -bewerkingsprogram, is dit maklik om 'n prent na 'n skakel om te skakel. Hierdie artikel sal u wys hoe dit gedoen word!

Stappe

Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 1
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 1

Stap 1. Maak Dreamweaver oop

Maak 'n bestaande lêer oop of definieer 'n nuwe webwerf en skep 'n nuwe HTML -lêer as u dit nog nie gedoen het nie.

Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 2
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 2

Stap 2. As u 'n nuwe HTML -lêer skep, sal Dreamweaver reeds 'n basiese webbladstruktuur vir u skep

Voer jou wyser iewers tussen die en -merke in.

Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 3
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 3

Stap 3. Voeg die prentjie in wat u wil hê

Daar is drie alternatiewe metodes om dit te doen:

  • Gaan na die paneel 'Invoeg' bo -aan. Klik op 'Beeld' en kies 'Beeld' in die subkieslys wat verskyn.
  • Regs is daar 'n balk met 'Insert' en 'Files' bo -op. Klik op 'Kies' en klik dan op 'Algemeen' in die keuselys. Voeg nou die prent in deur op 'Beeld' te klik. As die balk nie verskyn nie, klik op die plek waar die 'Compact' of 'Expanded' werkruimte geskryf is. Klik op 'Compact' en dan op 'Compact reset' om die standaardinstellings van Dreamweaver terug te stel.
  • Druk Ctrl+Alt+I op u sleutelbord.
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 4
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 4

Stap 4. Pas die grootte van u prent aan deur die aantal pixels in die 'Breedte' en 'Hoogte' velde in te voer

Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 5
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 5

Stap 5. Gaan na die 'Ontwerp' -modus om te sien hoe u beeld lyk

Klik op 'Live' om te sien hoe dit eintlik op u webwerf sal lyk.

Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 6
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 6

Stap 6. Klik op die prent

Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 7
Voeg 'n skakel na 'n prent in Adobe Dreamweaver Stap 7

Stap 7. Stoor u webbladsy deur op Ctrl+S te druk (Stoor) of Ctrl+⇧ Shift+S (Stoor as).

Wenke

  • As u wil hê dat dit soos 'n knoppie of slegs 'n vorm in u prent moet wees, verander die agtergrond na een soortgelyk aan die op u webwerf met 'n beeldbewerkingsprogram soos Photoshop.
  • Klik op die klein Wêreld ikoon bo -aan om dit in u blaaier te sien.

Aanbeveel: