Pildile lingi lisamine Adobe Dreamweaveris: 7 sammu

Sisukord:

Pildile lingi lisamine Adobe Dreamweaveris: 7 sammu
Pildile lingi lisamine Adobe Dreamweaveris: 7 sammu

Video: Pildile lingi lisamine Adobe Dreamweaveris: 7 sammu

Video: Pildile lingi lisamine Adobe Dreamweaveris: 7 sammu
Video: #158 Õppevideo – Kuidas kasutada Trellot? 2024, Aprill
Anonim

Veebisaitide tegemisel tuleb meeles pidada teatud asju, millest üks on teie saidi vaatajate jaoks huvitavaks muutmine. HTML -i redigeerimisprogrammi Dreamweaver abil on lihtne pilti lingiks teisendada. See artikkel näitab teile, kuidas seda teha!

Sammud

Lisage pildile link Adobe Dreamweaveris 1. samm
Lisage pildile link Adobe Dreamweaveris 1. samm

Samm 1. Avage Dreamweaver

Avage olemasolev fail või määratlege uus sait ja looge uus HTML -fail, kui te pole seda juba teinud.

Lisage pildile link Adobe Dreamweaveris 2. samm
Lisage pildile link Adobe Dreamweaveris 2. samm

Samm 2. Uue HTML -faili loomisel loob Dreamweaver teile juba põhilise veebilehe struktuuri

Sisestage kursor siltide ja vahele.

Lisage pildile link Adobe Dreamweaveris 3. samm
Lisage pildile link Adobe Dreamweaveris 3. samm

Samm 3. Sisestage soovitud pilt

Selleks on kolm alternatiivset meetodit:

  • Minge ülaosas asuvale paneelile „Lisa”. Klõpsake "Pilt" ja valige kuvatavast alammenüüst "Pilt".
  • Paremal pool on riba, mille ülaosale on kirjutatud „Insert” ja „Files”. Klõpsake nuppu „Vali” ja seejärel rippmenüüst „Tavaline”. Nüüd sisestage pilt, klõpsates nuppu "Pilt". Kui seda riba ei kuvata, klõpsake tööruumi „Kompaktne” või „Laiendatud” kohta. Dreamweaveri vaikeseadete lähtestamiseks klõpsake nuppu Kompaktne ja seejärel nuppu Lähtesta kompaktne.
  • Vajutage klaviatuuril Ctrl+Alt+I.
Lisage pildile link Adobe Dreamweaveris 4. samm
Lisage pildile link Adobe Dreamweaveris 4. samm

Samm 4. Reguleerige oma pildi suurust, sisestades väljadele „Laius” ja „Kõrgus” pikslite arvu

Lisage pildile link Adobe Dreamweaveris 5. samm
Lisage pildile link Adobe Dreamweaveris 5. samm

Samm 5. Avage kujundusrežiim, et näha, kuidas teie pilt välja näeb

Klõpsake nuppu „Reaalajas”, et näha, kuidas see teie veebisaidil tegelikult välja näeb.

Lisage pildile link Adobe Dreamweaveris 6. samm
Lisage pildile link Adobe Dreamweaveris 6. samm

Samm 6. Klõpsake pilti

Lisage pildile link Adobe Dreamweaveris. Samm 7
Lisage pildile link Adobe Dreamweaveris. Samm 7

Samm 7. Salvestage oma veebileht, vajutades klahvikombinatsiooni Ctrl+S. (Salvesta) või Ctrl+⇧ Shift+S (salvesta nimega).

Näpunäiteid

  • Kui soovite, et see oleks pildil nupp või ainult kuju, muutke pilditöötlusprogrammiga, näiteks Photoshopiga, oma veebisaidi taustaga sarnane.
  • Klõpsake väikest Maakera ikooni ülaosas, et seda oma brauseris vaadata.

Soovitan: