Dodavanje slika na svoje veb stranice

Dobijanje slika za pravilno prikazivanje

Bilo koje slike koje želite da povežete sa HTML-om na vašem web sajtu prvo bi trebalo da budu postavljene na isto mesto na koje šaljete HTML za web stranicu, bez obzira da li se web lokacija hostuje na web serveru do kojeg dolazite putem FTP-a ili koristite web hosting uslugu. Ako koristite web hosting uslugu, verovatno koristite formu za učitavanje koju pruža usluga. Ovi obrasci su obično u odjeljku administracije na vašem hosting računu.

Prenošenje slike na hosting uslugu je samo prvi korak. Zatim morate dodati oznaku u HTML-u da biste je identifikovali.

Unošenje slika u isti direktorij kao HTML

Vaše fotografije mogu biti locirane u istom direktoriju kao i HTML. Ako je to slučaj:

  1. Postavite sliku u koren vaše web stranice.
  2. Dodajte oznaku slike u svoj HTML da biste pokazali na sliku.
  3. Otpremite HTML datoteku u koren vaše web stranice.
  4. Testirajte datoteku otvaranjem stranice u vašem veb pregledaču.

Oznaka slike uzima sledeći format:

Pod pretpostavkom da postavljate fotografiju meseca sa imenom "lunar.jpg", oznaka za sliku uzima sledeći oblik:

Visina i širina su neobavezni, ali preporučeni. Imajte na umu da oznaka slike ne zahteva zatvaranje oznake.

Ako se povezujete na sliku u nekom drugom dokumentu, koristite oznake sidra i gniježite sliku u sebi.

Otpremanje slika u poddirektorijumu

Često je čuvati slike u pod-direktoriju, obično pod nazivom Slike . Da biste ukazali na slike u tom direktorijumu, morate znati gdje je u odnosu na koren vaše web stranice.

Koren vaše web stranice je gdje se prikazuje URL, bez bilo kakvih direktorija na kraju. Na primer, za web lokaciju pod nazivom "MyWebpage.com" root sledi ovaj obrazac: http://MyWebpage.com/. Obratite pažnju na kosu na kraju. Evo kako je koren direktorijuma obično označen. Poddirektorije uključuju kosu da pokažu gde sede u strukturi direktorijuma. Sajt na primeru MyWebpage možda ima strukturu:

http://MyWebpage.com/ - korijenski direktorij http://MyWebpage.com/products/ - katalog proizvoda http://MyWebpage.com/products/documentation/ - katalog dokumentacije u katalogu proizvoda http: // MyWebpage.com/images/ - imenik slika

U ovom slučaju, kada pokažete na svoju sliku u direktorijumu slika, pišete:

Ovo se zove apsolutna staza za vašu sliku.

Zajednički problemi sa slikama koje ne prikazuju

Dobijanje slika koje se pojavljuju na vašoj web stranici može biti izazovno na početku. Dva najčešća razloga je da slika nije otpremljena tamo gde HTML pokazuje, ili je HTML napisan pogrešno.

Prva stvar koju treba uraditi je da vidiš da li možete pronaći svoju sliku online. Većina hosting provajdera ima neku vrstu alata za upravljanje koje možete koristiti da biste videli gde ste učitali svoje slike. Kada mislite da imate ispravan URL za vašu sliku, upišite ga u svoj pregledač. Ako se slika pojavi, onda imate tačnu lokaciju.

Zatim proverite da li HTML pokazuje na toj slici. Najlakši način da to uradite je da nalepite URL adresu slike koju ste upravo testirali u atribut SRC-a. Ponovo pošaljite stranicu i testirajte.

Atribut SRC-a vaše oznake za slike nikada ne bi trebalo da počinje sa C: \ ili datotekom: Ovi će izgledati da rade kada testirate svoju web stranicu na svom računaru, ali svi koji posećuju vašu stranicu videće slomljenu sliku. To je zato što C: \ ukazuje na lokaciju na tvrdom disku. Pošto je slika na tvrdom disku, ona se prikazuje kada je pogledate.