Kako dodati povezavo do slike v programu Adobe Dreamweaver: 7 korakov

Kazalo:

Kako dodati povezavo do slike v programu Adobe Dreamweaver: 7 korakov
Kako dodati povezavo do slike v programu Adobe Dreamweaver: 7 korakov

Video: Kako dodati povezavo do slike v programu Adobe Dreamweaver: 7 korakov

Video: Kako dodati povezavo do slike v programu Adobe Dreamweaver: 7 korakov
Video: 8 инструментов в Excel, которыми каждый должен уметь пользоваться 2024, April
Anonim

Pri izdelavi spletnih mest je treba upoštevati nekatere stvari, od katerih je ena zanimiva za gledalce. S programom za urejanje HTML Dreamweaver je sliko enostavno pretvoriti v povezavo. Ta članek vam bo pokazal, kako je to storjeno!

Koraki

Dodajte povezavo do slike v programu Adobe Dreamweaver 1. korak
Dodajte povezavo do slike v programu Adobe Dreamweaver 1. korak

Korak 1. Odprite Dreamweaver

Odprite obstoječo datoteko ali določite novo spletno mesto in ustvarite novo datoteko HTML, če tega še niste storili.

Dodajte povezavo do slike v programu Adobe Dreamweaver 2. korak
Dodajte povezavo do slike v programu Adobe Dreamweaver 2. korak

Korak 2. Ko ustvarite novo datoteko HTML, vam bo Dreamweaver že ustvaril osnovno strukturo spletne strani

Kazalec vnesite nekje med oznakama in.

Dodajte povezavo do slike v programu Adobe Dreamweaver 3. korak
Dodajte povezavo do slike v programu Adobe Dreamweaver 3. korak

Korak 3. Vstavite želeno sliko

Za to obstajajo tri alternativne metode:

  • Pojdite na ploščo »Vstavi« na vrhu. Kliknite »Slika« in v podmeniju, ki se prikaže, izberite »Slika«.
  • Desno je vrstica z napisom »Vstavi« in »Datoteke« na vrhu. Kliknite »Izberi« in nato v spustnem meniju kliknite »Skupno«. Zdaj vstavite sliko s klikom na 'Slika'. Če se ta vrstica ne prikaže, kliknite, kjer je napisan »kompakten« ali »razširjen« delovni prostor. Kliknite 'Compact', nato 'Reset Compact', da ponastavite privzete nastavitve Dreamweaverja.
  • Pritisnite Ctrl+Alt+I na tipkovnici.
Dodajte povezavo do slike v programu Adobe Dreamweaver 4. korak
Dodajte povezavo do slike v programu Adobe Dreamweaver 4. korak

Korak 4. Prilagodite velikost slike tako, da vnesete število slikovnih pik v polji 'Širina' in 'Višina'

Dodajte povezavo do slike v programu Adobe Dreamweaver 5. korak
Dodajte povezavo do slike v programu Adobe Dreamweaver 5. korak

Korak 5. Pojdite v način "Design", da vidite, kako izgleda vaša slika

Kliknite »V živo«, če si želite ogledati, kako bo dejansko videti na vašem spletnem mestu.

Dodajte povezavo do slike v programu Adobe Dreamweaver 6. korak
Dodajte povezavo do slike v programu Adobe Dreamweaver 6. korak

Korak 6. Kliknite sliko

Dodajte povezavo do slike v programu Adobe Dreamweaver 7. korak
Dodajte povezavo do slike v programu Adobe Dreamweaver 7. korak

Korak 7. Shranite svojo spletno stran s pritiskom na Ctrl+S (Shrani) oz Ctrl+⇧ Shift+S (Shrani kot).

Nasveti

  • Če želite, da je kot gumb ali samo oblika na vaši sliki, spremenite ozadje v podobno tistemu na svoji spletni strani s programom za urejanje slik, kot je Photoshop.
  • Kliknite na majhno Globus ikono na vrhu, da si jo ogledate v brskalniku.

Priporočena: