Kako dodati vezu do slike u programu Adobe Dreamweaver: 7 koraka

Sadržaj:

Kako dodati vezu do slike u programu Adobe Dreamweaver: 7 koraka
Kako dodati vezu do slike u programu Adobe Dreamweaver: 7 koraka

Video: Kako dodati vezu do slike u programu Adobe Dreamweaver: 7 koraka

Video: Kako dodati vezu do slike u programu Adobe Dreamweaver: 7 koraka
Video: Основные ошибки при возведении перегородок из газобетона #5 2024, Travanj
Anonim

Prilikom izrade web stranica morate imati na umu neke stvari, a jedna od njih je učiniti vašu web lokaciju zanimljivom gledateljima. S Dreamweaverom, programom za uređivanje HTML -a, sliku je lako pretvoriti u vezu. Ovaj članak će vam pokazati kako se to radi!

Koraci

Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 1
Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 1

Korak 1. Otvorite Dreamweaver

Otvorite postojeću datoteku ili definirajte novu web lokaciju i izradite novu HTML datoteku, ako to već niste učinili.

Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 2
Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 2

Korak 2. Kad kreirate novu HTML datoteku, Dreamweaver će već stvoriti osnovnu strukturu web stranice za vas

Unesite kursor negdje između oznaka i.

Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 3
Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 3

Korak 3. Umetnite željenu sliku

Postoje tri alternativne metode za to:

  • Idite na ploču "Umetni" pri vrhu. Pritisnite "Slika" i odaberite "Slika" na podizborniku koji se pojavi.
  • S desne strane nalazi se traka s "Umetni" i "Datoteke" na vrhu. Kliknite "Odaberi", a zatim s padajućeg izbornika "Uobičajeno". Sada umetnite sliku klikom na 'Slika'. Ako se ta traka ne pojavi, kliknite gdje je napisan "Kompaktni" ili "Prošireni" radni prostor. Pritisnite 'Compact', zatim 'Reset Compact' za vraćanje zadanih postavki Dreamweavera.
  • Pritisnite Ctrl+Alt+I na tipkovnici.
Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 4
Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 4

Korak 4. Podesite veličinu slike unošenjem broja piksela u polja "Širina" i "Visina"

Dodajte vezu na sliku u Adobe Dreamweaveru Korak 5
Dodajte vezu na sliku u Adobe Dreamweaveru Korak 5

Korak 5. Idite u način 'Dizajn' kako biste vidjeli kako vaša slika izgleda

Kliknite "Uživo" da biste vidjeli kako će to zapravo izgledati na vašoj web stranici.

Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 6
Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 6

Korak 6. Kliknite na sliku

Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 7
Dodajte vezu na sliku u programu Adobe Dreamweaver Korak 7

Korak 7. Spremite svoju web stranicu pritiskom na Ctrl+S (Spremi) ili Ctrl+⇧ Shift+S (Spremi kao).

Savjeti

  • Ako želite da bude poput gumba ili samo oblika na vašoj slici, promijenite pozadinu na onu sličnu onoj na vašoj web stranici pomoću programa za uređivanje slika, poput Photoshopa.
  • Kliknite na mali Globus ikonu na vrhu da biste je vidjeli u svom pregledniku.

Preporučeni: