Dodajanje slik na svoje spletne strani

Pridobivanje slik za pravilno prikazovanje

Vse slike, ki jih želite povezati v HTML-ju spletnega mesta, morate najprej prenesti na isti kraj, kamor pošljete HTML za spletno stran, ali je spletno mesto gostilo na spletnem strežniku, ki ga dosežete s pomočjo FTP ali uporabljate spletno gostovanje. Če uporabljate storitev spletnega gostovanja, verjetno uporabljate obrazec za nalaganje, ki ga nudi storitev. Ti obrazci so običajno v razdelku za upravljanje vašega gostujočega računa.

Prenos slike na storitev gostovanja je le prvi korak. Potem morate v HTML dodati oznako, da jo prepoznate.

Prenos slik v isti imenik kot HTML

Vaše fotografije so lahko v istem imeniku kot HTML. Če je tako:

  1. Naložite sliko v koren vašega spletnega mesta.
  2. V sliko HTML dodajte slikovno oznako, da bi kazali na sliko.
  3. Naložite datoteko HTML v koren vašega spletnega mesta.
  4. Preizkusite datoteko tako, da odprete stran v spletnem brskalniku.

Oznaka slike ima naslednjo obliko:

Ob predpostavki, da nalagate fotografijo lune z imenom "lunar.jpg", slikovna oznaka ima naslednjo obliko:

Višina in širina sta neobvezna, vendar priporočljiva. Upoštevajte, da slikovna oznaka ne zahteva zapiralne oznake.

Če se povezujete s sliko v drugem dokumentu, uporabite sidrne oznake in v notranjosti vtaknite slikovno oznako.

Nalaganje slik v podimenik

Običajneje je shranjevanje slik v podimenik, ki se običajno imenuje Slike . Če želite prikazati slike v tem imeniku, morate vedeti, kje je v zvezi s korenom spletnega mesta.

Koren vaše spletne strani je, če se prikaže URL, brez imenikov na koncu. Na primer, za spletno mesto z imenom "MyWebpage.com" root sledi tej obliki: http://MyWebpage.com/. Na koncu slišite črto. Tako je običajno označen koren imenika. Poddirektorji vključujejo to poševnico, ki prikazuje, kje sede v strukturi map. Spletna stran z vzorcem MyWebpage ima lahko strukturo:

http://MyWebpage.com/ - korenski imenik http://MyWebpage.com/products/ - imenik izdelkov http://MyWebpage.com/products/documentation/ - imenik dokumentacije v imeniku izdelkov http: // MyWebpage.com/images/ - imenik slik

V tem primeru, ko usmerite na svojo sliko v imeniku slik, napišete:

To se imenuje absolutna pot do vaše slike.

Pogosti problemi s slikami, ki niso prikazane

Pridobivanje slik, ki se prikažejo na vaši spletni strani, je lahko na prvem mestu izziv. Dva najpogostejša razloga sta, da slika ni bila prenesena, če HTML kaže ali je napačno napisan HTML.

Prva stvar je, če si lahko ogledate svojo spletno stran. Večina ponudnikov gostovanja ima določeno vrsto orodja za upravljanje, ki ga lahko uporabite, da vidite, kje ste naložili svoje slike. Ko menite, da imate pravilen URL za svojo sliko, jo vnesite v svoj brskalnik. Če se slika pojavi, potem imate pravilno lokacijo.

Potem preverite, ali vaš HTML kaže na to sliko. Najlažji način za to je, da prilepite URL slike, ki ste ga pravkar preizkusili v atributu SRC. Ponovno naložite stran in preizkusite.

Atribut SRC vaše slikovne oznake naj ne bi nikoli začel z datoteko C: \ ali datoteko: ti bodo delovali, ko boste preizkusili svojo spletno stran na svojem računalniku, vendar bodo vsi, ki obiščejo vašo spletno stran, videli slomljeno sliko. To je zato, ker C: \ kaže na lokacijo na trdem disku. Ker je slika na trdem disku, se prikaže, ko jo pregledujete.