Preglednik prikazuje slike, kao i sve ostale elemente web stranice, u skladu s detaljnim uputama koje je poslao poslužitelj. Ove su upute napisane u HTML-u (HyperText Markup Language) i sastoje se od "oznaka". Oznake opisuju vrstu svih elemenata web stranice, njihovo mjesto i izgled.
Upute
Korak 1
Prvo trebate datoteku slike prenijeti na poslužitelj. To se može učiniti pomoću FTP-a (File Transfer Protocol) putem posebnog programa. Ti se programi nazivaju FTP klijenti - na primjer, Cute FTP, WS FTP, FlashFXP i drugi. Ali možete ga preuzeti putem upravitelja datoteka, koji bi se trebao nalaziti na upravljačkoj ploči hostinga na kojem se nalazi vaša web lokacija. Upravitelj datoteka omogućuje vam prijenos datoteka putem preglednika.
Korak 2
Nakon toga trebate staviti odgovarajuću oznaku u html-kod željene stranice. Odnosno, trebali biste pronaći ovu stranicu i otvoriti njezin izvorni kod za uređivanje. Ako imate datoteku stranice, možete je otvoriti jednostavnim uređivačem teksta - na primjer, standardnim Notepadom. A ako koristite bilo koji sustav za upravljanje web stranicom, na administracijskoj ploči ovog sustava pronađite uređivač stranica i otvorite željenu stranicu u njemu. Nakon toga ostaje umetnuti oznaku slike na mjesto koje vam treba na stranici i spremiti promjene.
3. korak
Više o samoj oznaci - u najjednostavnijem obliku može izgledati ovako: Oznaka sadrži razne dodatne informacije - "atribute". Za oznaku slike potreban je samo jedan atribut - src. Pregledniku govori adresu na koju bi trebao dobiti datoteku koja sadrži carnink. Ako se ova datoteka nalazi na poslužitelju u istoj mapi (ili podmapi) kao i sama stranica, tada je dovoljno navesti samo njezino ime ili put do podmape. Takve se adrese nazivaju "relativnim". A apsolutna adresa može izgledati ovako:
- Još jedan atribut - alt="Slika" - sadrži tekst koji se pojavljuje u opisu pri prelasku mišem: Ostali atributi - naslov čine isto: - Dva atributa - širina i visina - postavljaju veličinu pravokutnika u kojem preglednik će prikazati sliku: Ovi atributi nisu potrebni, ali ako nešto pođe po zlu i slika se ne može učitati, svi ostali elementi stranice možda nisu na svom mjestu, jer preglednik ne prepoznaje dimenzije koje slika je trebala zauzeti. Dimenzije su navedene u "pikselima" - ovo je glavna mjerna jedinica koja se koristi u izgledu stranice. - Atribut border postavlja širinu obruba oko slike (u pikselima): Ako se na slici napravi veza, preglednik će crtati plavi obrub oko njega prema zadanim postavkama. Da biste ga se riješili, vrijednost obruba morate postaviti na nulu: - Dva atributa postavljaju uvlačenje slike iz susjednih elemenata (na primjer, iz redaka teksta) - hspace postavlja vodoravno uvlačenje (lijevo i desno), vspace - okomito (dolje i gore): - To su najčešće korišteni atributi, a ima ih više od 50 za ovu oznaku!