Paano Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver: 7 Hakbang

Talaan ng mga Nilalaman:

Paano Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver: 7 Hakbang
Paano Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver: 7 Hakbang

Video: Paano Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver: 7 Hakbang

Video: Paano Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver: 7 Hakbang
Video: Узнав это СЕКРЕТ, ты никогда не выбросишь пластиковую бутылку! Идеи для мастерской из бутылок! 2024, Abril
Anonim

Habang gumagawa ng mga website, may ilang mga bagay na dapat tandaan, isa sa mga ito ay ginagawang kawili-wili ang iyong site sa mga manonood. Sa Dreamweaver, isang programa sa pag-edit ng HTML, madaling i-convert ang isang imahe sa isang link. Ipapakita sa iyo ng artikulong ito kung paano ito tapos!

Mga hakbang

Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 1
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 1

Hakbang 1. Buksan ang Dreamweaver

Magbukas ng isang mayroon nang file o tukuyin ang isang bagong site at lumikha ng isang bagong file na HTML, kung hindi mo pa nagagawa iyon.

Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 2
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 2

Hakbang 2. Kapag lumikha ka ng isang bagong HTML file, ang Dreamweaver ay lilikha na ng isang pangunahing istraktura ng webpage para sa iyo

Ipasok ang iyong cursor sa isang lugar sa pagitan ng mga at tag.

Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 3
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 3

Hakbang 3. Ipasok ang imaheng nais mo

Mayroong tatlong mga kahaliling pamamaraan para sa paggawa nito:

  • Pumunta sa panel na 'Ipasok' sa tuktok. I-click ang 'Larawan' at piliin ang 'Imahe' mula sa lilitaw na sub-menu.
  • Patungo sa kanan, mayroong isang bar na may nakasulat na 'Isingit' at 'Mga File' sa itaas. I-click ang 'Piliin' at pagkatapos ay i-click ang 'Karaniwan' mula sa drop-down na menu. Ngayon, ipasok ang imahe sa pamamagitan ng pag-click sa 'Imahe'. Kung ang bar na iyon ay hindi lilitaw, mag-click kung saan nakasulat ang workspace na 'Compact' o 'Expaced'. I-click ang 'Compact', pagkatapos ay 'I-reset ang Compact' upang i-reset ang mga default na setting ng Dreamweaver.
  • Pindutin ang Ctrl + Alt + I sa iyong keyboard.
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 4
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 4

Hakbang 4. Ayusin ang laki ng iyong imahe sa pamamagitan ng pagpasok ng bilang ng mga pixel sa mga patlang na 'Lapad' at 'Taas'

Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 5
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 5

Hakbang 5. Pumunta sa mode na 'Disenyo' upang makita kung ano ang hitsura ng iyong imahe

I-click ang 'Live' upang makita kung paano ito magiging hitsura sa iyong website.

Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 6
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 6

Hakbang 6. Mag-click sa imahe

Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 7
Magdagdag ng isang Link sa isang Imahe sa Adobe Dreamweaver Hakbang 7

Hakbang 7. I-save ang iyong web page sa pamamagitan ng pagpindot sa Ctrl + S (I-save) o Ctrl + ⇧ Shift + S (I-save Bilang).

Mga Tip

  • Kung nais mo itong maging tulad ng isang pindutan o isang hugis lamang sa iyong imahe, baguhin ang background sa isang katulad sa isa sa iyong web page na may isang programa sa pag-edit ng imahe tulad ng Photoshop.
  • Mag-click sa maliit Globe icon sa itaas upang matingnan ito sa iyong browser.

Inirerekumendang: