SLIKE NA WEBU

Slike se koriste da bismo upotpunili stranicu ili kao pozadina.

Najčešće koristimo GIF i JPG slike.

GIF

Gif slike imaju 256 boja, no njihova je glavna prednost što mogu imati prozirna područja.

U tom se slučaju vidi pozadina stranice ili nešto drugo što se nalazi ispod slike.

Gif format je idealan za bannere, jednostavne gumbe i općenito grafike bez puno različitih boja i površina.

JPG

Jpg slike mogu imati neograničeni broj boja, no ne mogu sadržavati prozirna područja.

Zauzimaju vrlo malo prostora zbog svojeg stupnja kompresije.

Idealne su za fotografije i kompleksne slike na webu-

Program za jednostavnu obradu slika:

IRFANVIEW

Za postavljanje slika na stranicu gdje je slika u istom direktoriju kao i web koristimo slijedeći tag:

<img src = “slika.jpg”>

Ako slika nije u istom direktoriju kao i web src atribut postavljamo na :

“ime_direktorija/slika.jpg”

Slika se učitava u svojoj pravoj veličini, no dobro je odrediti njezinu visinu i širinu:

<img src=“slika.jpg” width =“100” height=“100”>

Slici možemo dodati i rub:

<img src = “slika.jpg” width = “100” height = “100” border = “2”>

Ispod slike možemo postaviti tekst koji će se postaviti dok se slika ne učita. Isto tako ako mišem pređemo preko slike vidjet će se taj tekst:

<img src = “slika.jpg” width = “100” height = “100” alt=“slika uz tekst” hspace=“5”

Vspace=“5”>

Pokušajmo sad malo urediti sliku:<img src =”slika.gif” width=“100”

height=“100” alt=“slika uz tekst” hspace=“15” align=“left”>

Tablica za korištenje poravnanja slike:

Vrijednost Poravnanje

default Po defaultnim postavkama

absbottom S najdonjom granicom redka texta

absmiddle Tekst poravnan po sredini slike

baseline S donjim rubom retka teksta

bottom Donji rub slike s donjim retkom teksta

center Sredinu slike poravnava po retku

left Lijevo od teksta, tekst okružuje sliku

middle Sredinu slike poravnava po retku

right Desno od teksta, tekst okružuje cijelu sliku

texttop Vrh slike po vrhu retka teksta

top Vrh slike po vrhu retka