Linkin lisääminen kuvaan Adobe Dreamweaverissa: 7 vaihetta

Sisällysluettelo:

Linkin lisääminen kuvaan Adobe Dreamweaverissa: 7 vaihetta
Linkin lisääminen kuvaan Adobe Dreamweaverissa: 7 vaihetta

Video: Linkin lisääminen kuvaan Adobe Dreamweaverissa: 7 vaihetta

Video: Linkin lisääminen kuvaan Adobe Dreamweaverissa: 7 vaihetta
Video: Pikaopas Trellon käyttöön ja ilmainen suunnittelupohja 2024, Huhtikuu
Anonim

Verkkosivustoja luodessasi sinun on pidettävä mielessä tietyt asiat, joista yksi on tehdä sivustostasi kiinnostava katsojille. Dreamweaverin, HTML -muokkausohjelman, avulla on helppo muuntaa kuva linkiksi. Tämä artikkeli näyttää, miten se tehdään!

Askeleet

Linkin lisääminen kuvaan Adobe Dreamweaverissa Vaihe 1
Linkin lisääminen kuvaan Adobe Dreamweaverissa Vaihe 1

Vaihe 1. Avaa Dreamweaver

Avaa olemassa oleva tiedosto tai määritä uusi sivusto ja luo uusi HTML -tiedosto, jos et ole jo tehnyt sitä.

Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 2
Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 2

Vaihe 2. Kun luot uuden HTML -tiedoston, Dreamweaver luo jo perusverkkosivurakenteen sinulle

Kirjoita kohdistin tunnisteiden ja kohdalle.

Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 3
Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 3

Vaihe 3. Aseta haluamasi kuva

Tähän on kolme vaihtoehtoista tapaa:

  • Siirry yläreunan Lisää -paneeliin. Napsauta 'Kuva' ja valitse avautuvasta alivalikosta 'Kuva'.
  • Oikealla on palkki, jonka päälle on kirjoitettu "Insert" ja "Files". Napsauta Valitse ja valitse sitten avattavasta valikosta Yleinen. Lisää nyt kuva napsauttamalla 'Kuva'. Jos palkki ei tule näkyviin, napsauta kohtaa Kompakti tai Laajennettu työtila. Palauta Dreamweaverin oletusasetukset napsauttamalla Compact ja sitten Reset Compact.
  • Paina näppäimistöllä Ctrl+Alt+I.
Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 4
Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 4

Vaihe 4. Säädä kuvan kokoa kirjoittamalla pikselimäärä Leveys- ja Korkeus -kenttiin

Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 5
Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 5

Vaihe 5. Siirry Suunnittelu -tilaan nähdäksesi miltä kuva näyttää

Napsauta "Live" nähdäksesi, miltä se todellisuudessa näyttää verkkosivustollasi.

Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 6
Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 6

Vaihe 6. Napsauta kuvaa

Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 7
Lisää linkki kuvaan Adobe Dreamweaverissa Vaihe 7

Vaihe 7. Tallenna verkkosivusi painamalla Ctrl+S (Tallenna) tai Ctrl+⇧ Vaihto+S (Tallenna nimellä).

Vinkkejä

  • Jos haluat sen olevan painikkeen kaltainen tai vain muoto kuvassa, vaihda tausta samanlaiseksi kuin verkkosivullasi kuvankäsittelyohjelmalla, kuten Photoshopilla.
  • Napsauta pientä Maapallo -kuvaketta yläosassa nähdäksesi sen selaimessasi.

Suositeltava: