Osnove weba

Multimedijski elementi

Pod pojmom multimedije podrazumijeva se kombiniranje različitih vrsta sadržaja kao što su tekst, slika, zvuk, animacija i video. Uloga multimedije jest omogućiti korisniku lakše snalaženje na web-stranici jer daje jasniji i zanimljiviji pregled sadržaja. Osim toga multimedijalni elementi mogu se iskoristiti i za učinkovito pretraživanje i pronalaženje sadržaja koji se odnose na upit korisnika. Multimedijalni obrazovni materijali moraju iskoristiti sve mogućnosti multimedije tako da se koriste multimedijalnim elementima kako bismo informacije prikazali što realnije kako bi zaokupile pozornost korisnika. Multimedijalni elementi su:

Tekst

Tekst je osnovni element svake web stranice, služi za prijenos informacije riječima.

Slike i video sadržaj

Fotografije, ilustracije, ikone i infografike koje vizualno privlače pažnju i objašnjavaju sadržaj. Često se koriste formati poput JPEG, PNG, WebP i SVG. Uz to, koriste se pokretne slike sa zvukom..

Zvuk

Glazba, govor ili zvučni efekti.

Animacije

Dinamični grafički elementi izrađeni putem CSS-a, JavaScript-a ili SVG formatom.

Rasterska grafika

Rasterska grafika se temenji na pixelu. Svaki od tih pixela može prikazati samo jednu boju odeđene svjetline. Znači rasterska slika se sastoji od piksela, različitih boja i svjetline. Svaka rasterirana grafika ovisi o gustoći polja, te ju ne možemo u beskonačnost povećavati. Povećavanjem grafike dolazi do gubitka kavlitete, vidjete će se pixeli golim okom, slika će postati “kvadratičasta”.

Rasterska grafika

Kvalitet jedne rasterske slike određuje ukupan broj piksela od kojih je napravljena i broj vrijednosti za svaki pojedinačni piksel (dubina boje). Ako je dubina boje veća, više se nijansi može prikazati, to znači bolju sliku kao i vjerodostojniji prikaz.

Vektorska grafika

Vektorska grafika je vrsta računalne grafike u kojoj se slike stvaraju pomoću matematičkih jednadžbi koje opisuju linije, oblike i boje. Za razliku od rasterske, vektorska grafika je skalabilna – može se povećavati ili smanjivati bez gubitka kvalitete, što je čini idealnim izborom za logotipe, ikone i sve grafike koje trebaju biti prikazane u različitim veličinama.

Vektorska grafika

U principu, vektorski oblici se mnogo lakše pamte nego zahtjevne rasterske (bitmap) slike. Skoro svi današnji računarski grafički prikazi prevode vektorsku sliku u rasterski format. Rasterska slika je pohranjena u memoriju i sadrži podatke za svaki pojedinačni piksel neke slike.