Uobičajeni scenario na mreži je da imate sliku na vašoj web lokaciji kojoj želite da se povežete. Možda kodirate stranicu na vašoj web lokaciji i želite da dodate tu sliku, ili možda želite da ga povežete sa druge lokacije, kao što je račun društvenih mreža koji imate. U svakom slučaju, prvi korak u ovom procesu je identifikacija URL-a (jedinstvenog lokalnog izvora) te slike. Ovo je jedinstvena adresa i putanja datoteke za tu specifičnu sliku na Webu.
Hajde da pogledamo kako se to radi.
Počinjemo
Da biste započeli, idite na stranicu sa slikom koju želite da koristite. Imajte na umu, međutim, da koristite sliku koju posedujete. To je zato što ukazivanje na slike drugih ljudi smatra se krađom propusta i može vam dovesti do problema - čak i legalno. Ako se povežete na sliku na vašoj web lokaciji, koristite sopstvenu sliku i svoj propusni opseg. To je u redu, ali ako se povežete sa nekom drugom vebsajtom, sisate svoju širinu propusnog opsega da biste prikazali tu sliku. Ako ta lokacija ima mesečne limite u korišćenju bandwidth-a, koje mnoge kompanije hosting kompanije nametnuju, onda se jedete u njihovu mesečnu granicu bez njihove saglasnosti. Pored toga, kopiranje slike druge osobe na vašu web stranicu može biti kršenje autorskih prava. Ako neko licencira sliku koju treba koristiti na svojoj web stranici, to su učinili samo za svoju web stranicu. Povezivanje na tu sliku i crtanje na vašu web lokaciju, tako da se prikazuje na vašoj stranici koja ide izvan te licence i može vam otvoriti zakonske kazne i novčane kazne.
Donja linija, možete se povezati sa slikama koje su van vaše vlastite lokacije / domena, ali je u najgorem slučaju bilo najgrublje i nezakonito, pa jednostavno izbjegavajte ovu praksu zajedno. Zbog ovog članka pretpostavljamo da su slike zakonito hostirane na vlastitom domenu.
Sada kada razumete "gotchas" za povezivanje slika, želimo da identifikujemo koji pregledač ćete koristiti.
Različiti pregledači rade stvari drugačije, što ima smisla jer su sve jedinstvene softverske platforme koje su kreirale različite kompanije. Međutim, u većini slučajeva, pregledači sve radno donekle slične ovih dana. U Google Chrome-u to je ono što bih uradio:
- Pronađite željenu sliku.
- Desni klik na tu sliku ( Ctrl + kliknite na Mac).
- Pojaviće se meni. Iz tog menija odaberite Kopiraj adresu slike .
- Ako stavite ono što je sada na vašu klipbordu, videćete da imate punu putanju do te slike.
Evo kako to funkcioniše u Google Chrome-u. Ostali pregledači imaju razlike. U programu Internet Explorer, desnim klikom na sliku izaberite stavku Svojstva . Iz tog dijaloga videćete put do ove slike. Kopirajte adresu slike tako što ćete je izabrati i kopirati u vašu klipbord.
U Firefoxu, desnim klikom kliknite na sliku i izaberite lokaciju slike kopije .
Mobilni uređaji su čak i složeniji kada je u pitanju pronalaženje URL adrese, a pošto ima toliko različitih uređaja na tržištu danas, stvaranje definitivne liste kako pronaći URL adresu slike na svim platformama i uređajima bi bio zastrašujući zadatak. U mnogim slučajevima, međutim, dodirnite i držite sliku da biste pristupili meniju koji će vam omogućiti da sačuvate sliku ili pronađite njegovu URL adresu.
U redu, tako da kada imaš URL adresu slike, možete ga dodati u HTML dokument. Zapamtite, ovo je bila celokupna tačka ove vežbe, da biste pronašli URL slike kako bismo mogli da je dodamo na našu stranicu! Evo kako ga dodati HTML-om. Imajte na umu da ćete napisati ovaj kod u kojem god želite HTML editor:
Tip:
Između prvog seta dvostrukih citata, dodali biste put do slike koju želite uključiti. Vrednost alt tekstova treba da bude deskriptivni sadržaj koji objašnjava šta je slika za nekoga ko možda ne vidi to na stranici.
Otpremite svoju web stranicu i testirajte je u veb pregledaču da biste vidjeli da li je vaša slika sada na mjestu!
Korisni saveti
Atributi širine i visine nisu potrebni na slikama i trebaju biti isključeni osim ako uvijek želite da se slika prikazuje u toj preciznoj veličini. Sa odgovarajućim veb lokacijama i slikama koje se vraćaju i menjaju u zavisnosti od veličine ekrana, ovo retko se dešava ovih dana. Verovatno je bolje napustiti širinu i visinu, naročito pošto u odsustvu bilo kakvih drugih informacija ili stilova veličine) pregledač će u svakom slučaju prikazati sliku u svojoj podrazumevanoj veličini.