top of page

Cilj vježbe:
 

Učenik će moći opisati i primijenjivati svojstva za oblikovanje pozadine stranice ili nekog elementa,
odabrati i definirati pravilo za oblikovanje određenog svojstva elementa na stranici, dati primjer za
oblikovanje, prilagoditi izgled elementa na stranici zadanoj ili zamišljenoj ideji, urediti elemente na
mrežnoj stranici određivanjem njihove visine i širine, umetaka i margina te usporediti prikaz u
pregledniku sa definicijama CSS pravila.

Priprema za vježbu:

Zadatak 1: Što znate o RGBA bojama?
Odgovor: RGBA je sustav boja kod kojih su tri glavne boje crvena (R), zelena (G) i plava. A označava Alpha kanal koji daje prozirnost bojama. Kad se pomiješaju tri glavne boje dobije se bijela. Miješanjem po dviju boja ili po tri boja različitih nijansi dobiju se sve ostale boje. Ovaj sustav se koristi na uređajima koji imitiraju svjetlost jer je kod njih pozadina crna (monitori, TV...). RGBA boje se pišu pomoću tzv. RGB kodova tj. pomoću tri broja, a svaki broj predstavlja jednu nijansu glaven boje. Na primjer ćisto crvena boja je 255,0,0. Broj 255 označava crvenu boju, a 0 i 0 označavaju da nema prisutnosti zelene i plave. Ova boja ima kod 186, 218, 85. Prvi broj označava nijansu crvene, drugi nijansu zelene i treći nijansu plave. Postoji i četvrti broj, a to je Alpha. On može biti između 0 i 1. Broj označava da boja niije ni malo prozirna, dok broj 0 označava potpunu transparentnost boje.

Zadatak 2: Na koje se načine mogu zadavati boje pri pisanju CSS pravila?

Odgovor: Mogu se zadavati pomoću RGB(A) sustava, heksadecimalnog sustava, pomoću imena boje, ili HSL(A) sustava tj. vrijednosti.

Vježba:

Teorija_1.PNG
Teorija_2.PNG
Teorija_3.PNG

Riješite pet vježbi zadanih na stranici vježbe:

Zadatak_1.PNG
Zadatak_2.PNG
Zadatak_3.PNG
Zadatak_4.PNG
Zadatak_5.PNG
Teorija_4.PNG
Teorija_5.PNG

Riješite četiri vježbe pri dnu stranice:

Zadatak_6.PNG
Zadatak_7.PNG
Zadatak_8.PNG
Zadatak_9.PNG
Teorija_6.PNG
Teorija_7.PNG

Riješite četiri vježbe pri dnu stranice:

Zadatak_10.PNG
Zadatak_11.PNG
Zadatak_12.PNG
Zadatak_13.PNG
Teorija_8.PNG

Riješite tri vježbe pri dnu stranice:

Zadatak_14.PNG
Zadatak_15.PNG
Zadatak_16.PNG
Teorija_9.PNG

Riješite dvije vježbe pri dnu stranice:

Zadatak_17.PNG
Zadatak_18.PNG
Zadatak.PNG
zadatak_r.png

© 2021 Ivan Zavorka All rights reserved. Proudly created with Wix.com

  • Facebook
  • YouTube
  • Instagram
bottom of page