Kõik pildid, mille soovite oma veebisaidil linkida HTML tuleks kõigepealt üles laadida samasse kohta, kuhu saadate veebisaidi HTML-i, olenemata sellest, kas saiti hostitakse veebiserveris, kuhu jõuate FTP või kasutate veebimajutusteenust. Veebimajutusteenuse kasutamisel kasutate tõenäoliselt teenuse pakutavat üleslaadimisvormi. Need vormid asuvad tavaliselt teie hostikonto halduse jaotises.
Kujutise üleslaadimine hostimisteenusesse on alles esimene samm. Seejärel peate selle tuvastamiseks lisama HTML-i märgendi.
Piltide üleslaadimine HTML-iga samasse kataloogi
Teie fotod võivad asuda HTML-iga samas kataloogis. Sel juhul:
- Laadige pilt üles oma veebisaidi juure.
- Lisage pildile osutamiseks oma HTML-is pildimärgend.
- Laadige HTML-fail üles oma veebisaidi juure.
- Testige faili, avades lehe oma veebibrauseris.
Pildimärgisel on järgmine vorming:
Eeldades, et laadite üles kuu foto nimega "lunar.jpg", on pildimärgend järgmisel kujul:
Kõrgus ja laius on valikulised, kuid soovitatav. Need vaikeväärtused on pikslites, kuid neid võib väljendada ka protsentidena:
Pildimärgend ei vaja sulgemismärgendit.
Kui lingite mõne teise dokumendi pildi, kasutage ankrusilte ja pesake pildimärgend selle sisse.
Piltide üleslaadimine alamkataloogi
Tavalisem on piltide salvestamine alamkataloogi, mida tavaliselt nimetatakse Kujutised. Selles kataloogis olevatele piltidele osutamiseks peate teadma, kus see asub teie veebisaidi juure suhtes.
Teie veebisaidi juur on see, kus kuvatakse URL ilma otsakataloogideta. Näiteks veebisaidi nimega "MyWebpage.com" järgib juur seda vormi: http://MyWebpage.com/. Pange tähele kaldkriipsu lõpus. Nii näidatakse tavaliselt kataloogi juur. Alamkataloogid sisaldavad seda kaldkriipsu, et näidata kataloogistruktuuris asukohta. Minu veebisaidi näidissaidil võib olla järgmine struktuur:
http://MyWebpage.com/ - juurkataloog
http://MyWebpage.com/products/ - toodete kataloog
http://MyWebpage.com/products/documentation/ - toodete kataloogi kuuluv dokumentatsioonikataloog
http://MyWebpage.com/images/ - piltide kataloog
Sellisel juhul kirjutate piltide kataloogis oma pildile osutades:
Seda nimetatakse absoluutne tee oma pildile.
Tavalised probleemid piltidega, mida ei kuvata
Kujutiste oma veebisaidil kuvamine võib alguses olla keeruline. Kaks kõige levinumat põhjust on see, et pilti ei laaditud üles sinna, kuhu HTML osutab, või HTML on valesti kirjutatud.
Kõigepealt tuleb vaadata, kas leiate oma pildi veebis. Enamikul hostimisteenuse pakkujatel on teatud tüüpi haldustööriist, mille abil saate oma pilte üles laadida. Kui arvate, et teil on pildi jaoks õige URL, tippige see oma brauserisse. Kui pilti kuvatakse, on teil õige asukoht.
Seejärel kontrollige, kas teie HTML osutab sellele pildile. Lihtsaim viis selleks on kleepida pildi URL mida proovisite just atribuudiga SRC. Laadige leht uuesti üles ja testige.
Teie pildimärgendi SRC atribuut ei tohiks kunagi alata C: \ või fail: Need näivad toimivat, kui testite oma veebilehte oma arvutis, kuid kõik, kes teie saiti külastavad, näevad katkist pilti. Seda seetõttu, et C: \ osutab asukohale sinu kõvaketas. Kuna pilt on teie kõvakettal, kuvatakse see seda vaadates, kuid see pole kellelegi teisele.