Preglednik prikazuje slike, kao i sve ostale elemente web stranice, u skladu s detaljnim uputama koje je poslao server. Ove su upute napisane u HTML-u (HyperText Markup Language) i sastoje se od „tagova“. Oznake opisuju vrstu svih elemenata web stranice, njihovo mjesto i izgled.
Instrukcije
Korak 1
Prvo trebate datoteku slike prenijeti na server. 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 trebao biti na kontrolnoj ploči hostinga na kojem je vaša web lokacija smještena. Upravitelj datotekama omogućuje vam prijenos datoteka putem vašeg pretraživača.
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 za upravljanje web lokacijom koristite bilo koji sistem, na administracijskoj ploči ovog sistema 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.
Korak 3
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. Pretraživaču govori adresu na koju bi trebao dobiti datoteku koja sadrži carnink. Ako se ova datoteka nalazi na serveru u istoj mapi (ili podmapi) kao i sama stranica, tada je dovoljno navesti samo njeno ime ili putanju do podmape. Takve adrese nazivaju se "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 pravougaonika 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 biti zauzeta. 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 nacrtati plavi obrub oko njega prema zadanim postavkama. Da biste se toga 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 - vertikalno (dolje i gore): - To su najčešće korišteni atributi, a ima ih preko 50 za ovu oznaku!
