Vse slike, ki jih želite povezati na spletnem mestu HTML najprej naložiti na isto mesto, kamor pošljete HTML za spletno stran, ne glede na to, ali spletno mesto gostuje na spletnem strežniku, do katerega dostopate FTP ali uporabljate storitev spletnega gostovanja. Če uporabljate storitev spletnega gostovanja, verjetno uporabite obrazec za nalaganje, ki ga ponuja storitev. Ti obrazci so običajno v upravnem razdelku vašega gostiteljskega računa.
Nalaganje slike v storitev gostovanja je le prvi korak. Nato morate v HTML dodati oznako, da jo prepoznate.
Nalaganje slik v isti imenik kot HTML
Vaše fotografije se lahko nahajajo v istem imeniku kot HTML. V tem primeru:
- Naložite sliko v koren vašega spletnega mesta.
- Dodajte oznako slike v HTML, da kaže na sliko.
- Datoteko HTML naložite v koren vašega spletnega mesta.
- Datoteko preizkusite tako, da odprete stran v spletnem brskalniku.
Oznaka slike ima naslednjo obliko:
Ob predpostavki, da nalagate fotografijo lune z imenom "lunar.jpg", ima slikovna oznaka naslednjo obliko:
Višina in širina sta neobvezna, vendar priporočljiva. Te privzete vrednosti so v slikovnih pikah, lahko pa so izražene tudi v odstotkih:
Oznaka slike ne zahteva zaključne oznake.
Če povezujete s sliko v drugem dokumentu, uporabite sidrne oznake in prilepite sliko v notranjost.
Nalaganje slik v podimenik
Pogosteje je shranjevanje slik v podimenik, ki se običajno imenuje Slike. Če želite kazati na slike v tem imeniku, morate vedeti, kje je glede na koren vašega spletnega mesta.
Koren vašega spletnega mesta je tam, kjer se prikaže URL brez kakršnih koli imenikov na koncu. Na primer, za spletno mesto z imenom "MyWebpage.com" koren sledi temu obrazcu: http://MyWebpage.com/. Na koncu opazite poševnico. Tako je običajno označen koren imenika. Podimeniki vključujejo poševnico, da prikažejo, kje sedijo v strukturi imenika. Primer spletnega mesta MyWebpage ima lahko strukturo:
http://MyWebpage.com/ - korenski imenik
http://MyWebpage.com/products/ - imenik izdelkov
http://MyWebpage.com/products/documentation/ - imenik dokumentacije pod imenikom izdelkov
http://MyWebpage.com/images/ - imenik slik
V tem primeru, ko pokažete na svojo sliko v imeniku slik, napišete:
To se imenuje absolutna pot na vašo sliko.
Pogoste težave s slikami, ki se ne prikažejo
Prikazovanje slik na vaši spletni strani je sprva lahko izziv. Dva najpogostejša razloga sta ta, da slika ni bila naložena tja, kamor kaže HTML, ali pa je HTML napisan nepravilno.
Najprej je treba preveriti, ali lahko svojo sliko najdete v spletu. Večina ponudnikov gostovanja ima neko vrsto orodja za upravljanje, s pomočjo katerega lahko vidite, kam ste naložili svoje slike. Ko mislite, da imate pravi URL za sliko, ga vnesite v brskalnik. Če se slika prikaže, potem imate pravilno lokacijo.
Nato preverite, ali vaš HTML kaže na to sliko. To najlažje naredite tako, da prilepite URL slike da ste pravkar preizkusili atribut SRC. Znova naložite stran in preizkusite.
Atribut SRC vaše slikovne oznake se ne sme nikoli začeti C: \ ali mapa: Zdi se, da delujejo, ko svojo spletno stran preizkusite v svojem računalniku, toda vsi, ki obiščejo vaše spletno mesto, bodo videli pokvarjeno sliko. To je zato, ker C: \ kaže na lokacijo v vaš trdi disk. Ker je slika na trdem disku, se prikaže, ko si jo ogledate, ne pa tudi drugim.