Spletni scenarij na spletu je, da imate na svoji spletni strani sliko, ki jo želite povezati. Morda kodirate stran na svojem spletnem mestu in želite dodati to sliko ali pa jo želite povezati z druge strani, kot je račun za socialne medije, ki ga imate. V obeh primerih je prvi korak v tem procesu identifikacija URL-ja (enotnega lokalnega vira) te slike. To je edinstvena naslov in datoteka poti do določene slike na spletu.
Oglejmo si, kako je to storjeno.
Začetek
Za začetek pojdite na stran s sliko, ki jo želite uporabiti. Vendar imeti v mislih, da bi morali uporabiti podobo, ki jo imate. To je zato, ker kažejo na slike drugih ljudi, se šteje za krajo pasovne širine in vas lahko v težavah - celo zakonito. Če se povežete s sliko na vaši spletni strani, uporabljate svojo sliko in lastno pasovno širino. To je v redu, toda če se povežete s spletno stranjo nekoga drugega, s svojim pasovno širino sesajte, da prikažejo to sliko. Če ima ta stran mesečno omejitev uporabe svoje pasovne širine, ki jo mnoga gostiteljska podjetja naložijo, potem brez njihove privolitve vnašate v mesečno omejitev. Poleg tega bi lahko kopiranje slike druge osebe na vaše spletno mesto kršilo avtorske pravice. Če je nekdo licenciral sliko, ki jo je treba uporabiti na svoji spletni strani, so to storili samo za svoje spletno mesto. Povezovanje s to sliko in risanje na vašo spletno stran, tako da se prikaže na vaši strani, ki ne spada v to licenco in bi vas lahko odprlo do zakonitih kazni in glob.
Spodaj se lahko povežete s slikami, ki so zunaj vašega spletnega mesta / domene, vendar je v najslabšem primeru nezaželeno v najhujšem in nezakonitem načinu, tako da se izogibajte tej praksi. Zaradi tega članka bomo domnevali, da so slike zakonito gosti na lastno domeno.
Zdaj, ko razumete "gotchas" za povezovanje slik, bomo želeli ugotoviti, kateri brskalnik boste uporabljali.
Različni brskalniki delajo stvari drugače, kar je smiselno, saj so vse edinstvene programske platforme, ki jih ustvarijo različna podjetja. V večini primerov pa vsi brskalniki danes delajo nekoliko podobni. V brskalniku Google Chrome bi to storil:
- Poiščite sliko, ki jo želite.
- Z desno miškino tipko kliknite sliko ( Ctrl + kliknite na Mac).
- Pojavi se meni. V tem meniju izberite Kopiraj naslov slike .
- Če prilepite tisto, kar je zdaj v odložišču, boste ugotovili, da imate popolno pot do te slike.
Zdaj tako deluje v Google Chromu. Drugi brskalniki imajo razlike. V Internet Explorerju desno kliknite na sliko in izberite Lastnosti . V tem pogovornem oknu boste videli pot do te slike. Kopirajte naslov slike tako, da jo izberete in kopirate v odložišče.
V Firefoxu bi z desno miškino tipko kliknili sliko in izbrali mesto za kopiranje slike .
Mobilne naprave so še bolj zahtevne, ko gre za iskanje poti URL, in ker danes obstaja toliko različnih naprav na trgu, bi bilo ustvarjanje dokončnega seznama, kako najti URL slike na vseh platformah in napravah, zastrašujoča naloga. V mnogih primerih pa se dotaknete in pridržite sliko, da dostopite do menija, ki vam omogoča, da shranite sliko ali poiščete njen URL.
V redu, zato, ko imate URL-jev slike, ga lahko dodate v dokument HTML. Ne pozabite, to je bila celotna točka te vaje, da bi našli URL slike, da bi ga lahko dodali na našo stran! Dodajte ga v HTML. Upoštevajte, da bi to kodo napisali v kateremkoli urejevalniku HTML, ki vam je najbolj všeč:
Tip:
Med prvim nizom dvojnih narekov vam prilepite pot do slike, ki jo želite vključiti. Vrednost besedila besedila bi morala biti opisna vsebina, ki pojasnjuje, kakšna je slika za nekoga, ki ga morda dejansko ne vidi na strani.
Naložite svojo spletno stran in jo preizkusite v spletnem brskalniku, da vidite, ali je vaša slika zdaj na mestu!
Koristni nasveti
Atributi širine in višine niso potrebni na slikah, zato jih je treba izključiti, razen če vedno želite, da se slika prikazuje v tej natančni velikosti. Z odzivnimi spletnimi mesti in slikami, ki se prilagajajo in spreminjajo glede na velikost zaslona, je to v teh dneh redko. Verjetno vam je bolje, da pustite širino in višino, še posebej, ker v odsotnosti drugih informacij o velikosti ali slogov) brskalnik prikaže podobo v svoji privzeti velikosti.