Dodavanje slika na vaše web stranice

Dobivanje prikaza slika na prikladan način

Svaka slika koju želite povezati u HTML web mjestu prvo treba prenijeti na isto mjesto na kojem šaljete HTML za web stranicu, da li je web mjesto hostirano na web poslužitelju koji ste došli do FTP-a ili koristite web hosting uslugu. Ako koristite web hosting uslugu, vjerojatno koristite obrazac za prijenos koji vam pruža usluga. Ti su obrasci obično u odjeljku administracije vašeg hosting računa.

Prijenos slike na hosting uslugu tek je prvi korak. Zatim trebate dodati oznaku u HTML da biste ga identificirali.

Učitavanje slika u isti direktorij kao HTML

Fotografije se mogu nalaziti u istom direktoriju kao i HTML. Ako je to slučaj:

1. Prenesite sliku u korijen svoje web stranice.
2. Dodajte oznaku slike u HTML da biste usmjerili na sliku.
3. Prenesite HTML datoteku u korijen svoje web stranice.
4. Isprobajte datoteku otvaranjem stranice u web pregledniku.

Oznaka za sliku preuzima sljedeći format:

Pod pretpostavkom da prenosite fotografiju mjeseca pod nazivom "lunar.jpg", oznaka slike ima sljedeći oblik:

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

Ako se povezujete s nekom slikom u drugom dokumentu, upotrijebite oznake sidara i umetnite oznaku slike unutar.

Prijenos fotografija u poddirektorij

Češće se pohranjuju slike u poddirektorij, obično nazvane Slike . Da biste ukazali na slike u tom direktoriju, morate znati gdje se nalazi u odnosu na korijen vaše web stranice.

Korijen vaše web stranice je gdje se prikazuje URL bez ikakvih direktorija na kraju. Na primjer, za web mjesto pod nazivom "MyWebpage.com", korijen slijedi ovaj obrazac: http://MyWebpage.com/. Obratite pozornost na kraku na kraju. Ovako se obično navodi korijen imenika. Poddirektorije uključuju tu crticu za prikaz gdje se nalaze u strukturi direktorija. Web mjesto primjerka usluge MyWebpage može imati sljedeću strukturu:

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

U tom slučaju, kada upišete na svoju sliku u imeniku slika, pišete:

To se zove apsolutni put do vaše slike.

Najčešći problemi sa slikama koje se ne prikazuju

Dobivanje slika za prikazivanje na vašoj web stranici može biti prvo izazovno. Dva najčešća razloga su ta da se slika nije prenijela gdje je HTML usmjeren ili je HTML pogrešno napisan.

Prvo što morate učiniti je vidjeti možete li pronaći sliku na mreži. Većina pružatelja hostinga ima neku vrstu alata za upravljanje koji možete koristiti da biste vidjeli gdje ste prenijeli slike. Nakon što mislite da imate točan URL svoje slike, upišite ga u svoj preglednik. Ako se slika pojavi, imate pravu lokaciju.

Zatim provjerite je li HTML usmjeren na tu sliku. Najlakši način za to je da zalijepite URL slike koji ste upravo testirali u atribut SRC. Ponovno učitajte stranicu i test.

Atribut SRC vaše oznake slike nikada ne bi trebao početi s C: \ ili datotekom: To će izgledati kao da funkcionira kada testirate svoju web stranicu na svom računalu, ali svatko tko posjeti vašu web stranicu vidjet će slomljena slika. To je zato što C: \ ukazuje na lokaciju na tvrdom disku. Budući da je slika na vašem tvrdom disku, prikazuje se kada ga pogledate.