Praktični ispit iz predmeta „Web programiranje“

Odsjek za matematiku
Prirodno-matematički fakultet
7. 12. 2018.

Vrijeme za izradu ispita je 90 minuta.

Folder smjestiti na desktop računara pod nazivom web_test_1_ime_prezime, gdje ćete ime i prezime
zamijeniti odgovarajućim podacima.

Zadatak.

Kreirati stranicu koja se sastoji od tri glavna dijela:

1. Navigacijska traka
2. Pozadinska slika sa tekstom
3. Kartični dio sa dodatnim informacijama
Pomoćne slike u folderu (slika_1 i slika_2) prikazuju konačan izgled stranice. Kompletan kod se treba
nalaziti u dva fajla, index.html i style.css.

Detaljnije specifikacije.
Navigacijska traka i slika sa tekstom trebaju zauzimati 100% visine "prozora".

1. Navigacijska traka
- FIFA link vodi na stranicu: https://www.fifa.com
- UEFA link vodi na stranicu: https://www.uefa.com

- Navigacijska traka:
o visina 50px

- Linkovi unutar navigacijske trake

o bez dekoracije (nisu podvučeni i drugo)
o veličina fonta: 20px
o margine: 10 i 30px
o podesiti promjenu podloge prelaskom miša

2. Pozadinska slika sa tekstom

- Slika u pozadini:
o širina 100%
o visina: 100% visina minus visina navigacijske trake (50px)
o podesiti linearni gradijent za tamniju pozadinu (linear-gradient(rgba(0, 0, 0, 0.6), rgba(0,
0, 0, 0.6)))

- Tekst u sredini stranice:

 o centriran horizontalno
o pomjeren 30vh od vrha ekrana
o veličina fonta 40px

3. Kartični dio
- Dio ispod slike:
o Ukupna visina: 600px

- Svaka kartica ispod slike:

o širina 47%
o visina 500px
o margine: 1.5%
o puni okvir debljine 4px i boje rgb(48, 127, 255)
o pozadina: bijela
o zakrivljenost ruba (uglova): 10px
o tekst unutar svakog dijela elementa: crni

- Tekst unutar kartica:

o padding: 10px
o veličina fonta 20px
o poravnanje: centar

- Listu sa rezultatima utakmica formatirati po želji.

- Forma za unos podataka:

o padding za sve elemente: 10px
o veličina fonta za sve elemente: 20px
o unos teksta:
 Puni crni okvir debljine 2px
o dugmić unutar forme:
 crni puni okvir debljine 2px