Bežným scenárom online je to, že máte na svojom webe obrázok, na ktorý chcete odkazovať. Pravdepodobne kódujete stránku na vašom webe a chcete tento obrázok pridať, alebo možno chcete naň odkazovať z inej stránky, napríklad účet sociálnych médií, ktorý máte. V oboch prípadoch je prvým krokom v tomto procese identifikácia adresy URL (jednotného lokátora) tohto obrázka. Jedná sa o jedinečnú adresu a cestu k súboru na konkrétny obrázok na webe.
Poďme sa pozrieť na to, ako sa to robí.
Začíname
Ak chcete začať, prejdite na stránku s obrázkom, ktorý chcete použiť. Majte však na pamäti, že by ste mali použiť obrázok, ktorý vlastníte. To je preto, že poukazovanie na obrázky iných ľudí sa považuje za krádež šírky pásma a môže vás dostať do problémov - dokonca aj legálne. Ak odkazujete na obrázok na svojich webových stránkach, používate svoj vlastný obrázok a svoju vlastnú šírku pásma. To je v poriadku, ale ak odkazujete na webovú stránku niekoho iného, vysušujete ich šírku pásma, aby ste zobrazili tento obrázok. Ak má táto stránka mesačné obmedzenia na využitie šírky pásma, ktorú ukladajú mnohé hostiteľské spoločnosti , potom ich mesačne obmedzujete bez ich súhlasu. Okrem toho kopírovanie obrázka inej osoby na vaše webové stránky môže byť porušením autorských práv. Ak má niekto licenciu na obrázok, ktorý má používať na svojich webových stránkach, urobili to len pre svoje webové stránky. Prepojenie s týmto obrázkom a jeho nakreslenie na vašu stránku, takže sa zobrazí na vašej stránke ide mimo túto licenciu a mohlo by vám otvoriť právne sankcie a pokuty.
V spodnom riadku môžete prepojiť s obrázkami, ktoré sa nachádzajú mimo vášho webu / domény, avšak v najhoršom prípade to bolo najlepšie a nelegálne, takže sa len vyhnite tejto praxi. V záujme tohto článku budeme predpokladať, že obrázky sú legálne hosťované vo vašej doméne.
Teraz, keď rozumiete "gotchas" spojenia obrázkov, budeme chcieť určiť, ktorý prehliadač budete používať.
Rôzne prehliadače robia veci inak, čo dáva zmysel, pretože sú jedinečné softvérové platformy vytvorené rôznymi spoločnosťami. Z väčšej časti však prehliadače pracujú v týchto dňoch trochu podobne. V prehliadači Google Chrome to je to, čo by som urobil:
- Nájdite požadovaný obrázok.
- Kliknite pravým tlačidlom na tento obrázok ( Ctrl + kliknite na Mac).
- Zobrazí sa menu. Z tejto ponuky vyberiem možnosť Kopírovať adresu obrázku .
- Ak prilepíte to, čo je teraz vo vašej schránke, zistíte, že máte úplnú cestu k tomuto obrázku.
Teraz funguje v prehliadači Google Chrome. Ostatné prehliadače majú rozdiely. V programe Internet Explorer kliknite pravým tlačidlom myši na obrázok a vyberte položku Vlastnosti . Z tohto dialógového okna sa zobrazí cesta k tomuto obrázku. Skopírujte adresu obrázku tak, že ju vyberiete a skopírujete do schránky.
Vo Firefoxe by ste pravým tlačidlom myšlienok na obrázok a zvolili miesto kopírovania obrázkov .
Mobilné zariadenia sú ešte oveľa zložitejšie, pokiaľ ide o nájdenie cesty URL, a keďže je na dnešnom trhu toľko rôznych zariadení, vytvorenie konečného zoznamu, ako nájsť adresu URL obrázka na všetkých platformách a zariadeniach, bude náročná úloha. V mnohých prípadoch sa však dotknete a podržíte obrázok a vstúpite do menu, ktoré vám umožní uložiť obrázok alebo nájsť jeho adresu URL.
OK, takže akonáhle máte svoju adresu URL obrázka, môžete ju pridať do dokumentu HTML. Pamätajte si, že to bol celý bod tohto cvičenia, nájsť adresu URL obrázka, aby sme ho mohli pridať na našu stránku! Tu je postup, ako ho pridať s HTML. Všimnite si, že by ste napísali tento kód v ľubovoľnom preferovanom HTML editore:
typ:
Medzi prvou sadu dvojitých úvodzoviek by ste vložili cestu k obrázku, ktorý chcete zahrnúť. Hodnota alt textu by mala obsahovať popisný obsah vysvetľujúci, čo je obrázok pre niekoho, kto sa na stránke naozaj nemusí zobraziť.
Odovzdajte svoju webovú stránku a otestujte ju vo webovom prehliadači, aby ste zistili, či je váš obrázok na mieste!
Užitočné tipy
Atribúty šírky a výšky sa na obrázkoch nevyžadujú a mali by byť vylúčené, pokiaľ nechcete, aby bol obraz vykresľovaný v tejto presnej veľkosti. S citlivými webovými stránkami a obrázkami, ktoré sa zmenia na základe veľkosti obrazovky, to je zriedka v týchto dňoch. Je pravdepodobné, že lepšie necháte šírku a výšku mimo, najmä preto, že pri absencii iných veľkostí info alebo štýly) prehliadač zobrazí obrázok vo svojej predvolenej veľkosti aj tak.