Ang isang karaniwang sitwasyon sa online ay mayroon kang isang imahe sa iyong website na gusto mong i-link sa. Marahil ikaw ay coding isang pahina sa iyong site at gusto mong idagdag ang imahe na iyon, o marahil nais mong i-link sa ito mula sa isa pang site, tulad ng isang social media account na mayroon ka. Sa alinmang kaso, ang unang hakbang sa prosesong ito ay ang pagkakakilanlan ng URL (magkakatulad na tagahanap ng mapagkukunan) ng larawang iyon. Ito ang natatanging address at file path sa partikular na imahe sa Web.
Tingnan natin kung paano ito natapos.
Nagsisimula
Upang magsimula, pumunta sa pahina gamit ang imaheng nais mong gamitin. Tandaan, gayunpaman, na dapat mong gamitin ang isang imahe na pagmamay-ari mo. Iyon dahil sa pagturo sa mga imahe ng ibang tao ay itinuturing na bandwidth na pagnanakaw at makakakuha ka sa problema - kahit legal. Kung nag-link ka sa isang imahe sa iyong website, ginagamit mo ang iyong sariling imahe at ang iyong sariling bandwidth. Iyon ay pagmultahin, ngunit kung nag-link ka sa website ng ibang tao, sinusubukan mo ang kanilang bandwidth ng site upang ipakita ang larawang iyon. Kung ang site na iyon ay may mga buwanang limitasyon sa paggamit ng bandwidth nito, kung saan maraming mga hosting company ang nagpapataw, pagkatapos ay kumakain ka sa kanilang buwanang limitasyon nang walang pahintulot. Bukod pa rito, ang pagkopya ng imahen ng ibang tao sa iyong website ay maaaring paglabag sa copyright. Kung ang isang tao ay may lisensya ng isang imahe na gagamitin sa kanilang website, ginawa nila ito para sa kanilang website lamang. Pag-uugnay sa larawang iyon at pagguhit ito sa iyong site upang maipakita nito sa iyong pahina ang napupunta sa labas ng lisensyang iyon at maaaring magbukas ka ng mga legal na parusa at multa.
Sa ilalim, maaari kang mag-link sa mga larawan na nasa labas ng iyong sariling site / domain, ngunit itinuturing itong bastos sa pinakamahusay at iligal sa pinakamasamang, kaya lang iwasan ang pagsasanay na ito nang sama-sama. Para sa kapakanan ng artikulong ito, ipagpapalagay namin na ang mga imahe ay legal na naka-host sa iyong sariling domain.
Ngayon na nauunawaan mo ang "gotchas" ng pag-link ng imahe, nais naming kilalanin kung aling browser ang gagamitin mo.
Iba't ibang mga browser ang ginagawa ng mga bagay na naiiba, na may katuturan dahil ang mga ito ay ang lahat ng natatanging mga platform ng software na nilikha ng iba't ibang mga kumpanya. Gayunman, sa karamihan ng mga browser, ang lahat ng mga browser ay medyo katulad ng mga araw na ito. Sa Google Chrome, ganito ang gagawin ko:
- Hanapin ang imaheng nais mo.
- I-right click ang larawang iyon ( Ctrl + mag-click sa isang Mac).
- Lilitaw ang isang menu. Mula sa menu na iyon, piliin ko ang Kopyahin ang Address ng Larawan .
- Kung na-paste mo kung ano ang nasa iyong clipboard, makikita mo na mayroon kang ganap na landas sa larawang iyon.
Ngayon, ganito ang ginagawa nito sa Google Chrome. May iba pang mga pagkakaiba ang iba pang mga browser. Sa Internet Explorer, mag-click ka nang tama sa larawan at piliin ang Mga Katangian . Mula sa kahon ng dialogo makikita mo ang landas sa larawang ito. Kopyahin ang address ng imahe sa pamamagitan ng pagpili nito at kopyahin ito sa iyong clipboard.
Sa Firefox, gusto mong mag-click sa larawan at piliin ang lokasyon ng imaheng pang-kopya .
Ang mga aparatong mobile ay mas mahina pagdating sa paghahanap ng landas ng URL, at dahil may napakaraming iba't ibang mga device sa merkado ngayon, ang paglikha ng isang tiyak na listahan ng kung paano makahanap ng isang URL ng imahe sa lahat ng mga platform at mga aparato ay magiging isang daunting gawain. Gayunpaman, sa maraming kaso, hinawakan mo at hinawakan ang isang imahe upang ma-access ang isang menu na magbibigay-daan sa iyo upang i-save ang imahe o mahanap ang URL nito.
OK, kaya sa sandaling mayroon ka ng iyong URL ng imahe, maaari mong idagdag ito sa isang HTML na dokumento. Tandaan, ito ang buong punto ng pagsasanay na ito, upang mahanap ang URL ng imahe upang maidagdag namin ito sa aming pahina! Narito kung paano idagdag ito sa HTML. Tandaan na isusulat mo ang code na ito sa alinman sa HTML editor na ginusto mo:
Uri:
Sa pagitan ng unang hanay ng mga double quotes na iyong i-paste ang path sa imahe na nais mong isama. Ang halaga ng alt text ay dapat na naglalarawan ng nilalaman na nagpapaliwanag kung ano ang imahe ay para sa isang tao na maaaring hindi talaga makita ito sa pahina.
I-upload ang iyong web page at subukan ito sa isang web browser upang makita kung ang iyong imahe ay nasa lugar na!
Mga Kapaki-pakinabang na Tip
Ang mga katangian ng lapad at taas ay hindi kinakailangan sa mga imahe, at dapat na maibukod ang mga ito maliban kung lagi mong nais na maisalin ang larawang iyon sa eksaktong sukat na iyon. Sa mga tumutugon na mga website at mga imahe na pinapalitan at binabago batay sa laki ng screen, bihirang ito ang mga araw na ito. Malamang na mas mainam ka na umalis sa lapad at taas, lalo na dahil sa kawalan ng anumang iba pang impormasyon o estilo ng sizing) ipapakita ng browser ang larawan sa default na laki nito.