PRIRODNO-MATEMATIKI FAKULTET U NIU 9.4.2014.

Odsek za raunarske nauke I kolokvijum

UVOD U WEB PROGRAMIRANJE


Zadatak 1. Kreirati HTML i CSS datoteke tako da je glavna stranica podeljena na okvire (frejmove) kao na Slici 1.
Gornji okvir treba da sadrzi odgovarajui tekst. Levi okvir slui za navigaciju i sadri linkove na HTML
dokumente koji se otvaraju u desnom okviru. HTML dokument za desni okvir je poetna stranica sa tabelom.
Sajt sadri ukupno 4 HTML dokumenta:
Glavni.html glavni dokument koji definie lejaut stranice (podelu na okvire). Gornji okvir fiksne visine 110px,
noresize. Levi okvir irine 25%. Desni okvir sa postavljenim marginama 50x50.
gorni_okvir.html sadraj za gornji (naslovni) okvir: naslov veliine 2, centriran.
levi_okvir.html sadraj za navigacioni okvir. Dve nenumerisane liste sa odredjenim brojem stavki. Svaka
stavka link na dokument koji se otvara u desnom okviru.
desni_okvir.html otvara se u desnom okviru klikom na link Info i kao default okvir. Prikaz ovog dokumenta se
moe videti na slici. Odgovarajui korisni linkovi se otvaraju u desnom okviru klikom na odgovarajui link iz
levog okvira. Klikom na sliku PMF-a u tabeli otvara se sajt PMF-a u istom desnom okviru.

Odgovarajui CSS fajl treba da sadri:

Stil za body: velicina fonta: 14px, boja pozadine: #F9F9F9;
Stil paragrafa: postaviti maksimalnu irinu na 80% stranice, boja crvena; boja pozadine:#EFE7D6;
Stil liste: postaviti visinu stavki na 150% i sliku bullet.gif pre svake stavke.
Stil hedera 1 i 2: font Georgia, veliina fonta: 18 i 16px; podebljani; boja: #000000;
donja ivica debljine 1px i boje #C6EC8C;
Stil linkova u listi: Neposeceni link: boja crvena; nepodvuen, podebljan;
Poseeni linkovi: boja magenta, nepodvuen, podebljan.



Zadatak 2. Napraviti HTML datoteku koja se sastoji od nekoliko div elemenata za realizovanje funkcionalnosti
elektronske biblioteke Slika 2: header i footer, levi div element za navigaciju (linkove) i unos podataka o knjizi,
kao i desni div element sa slikom i tekstom (koristiti tagove za adresu i citat).

Odgovarajui CSS fajl treba da sadri:
Stil za body: velicina fonta: 12px, font Trebuchet MS, italic;
Stil tabele: bez oivienja; centriran tekst u elijama, veliina fonta:10;
Stil polja za tekst: centriran tekst, veliina fonta:10.
Stil gornjeg div elementa: irina 100%, visina: 10%, boja: #0099FF; centriran tekst, font: Arial 24px
Stil futera (donjeg div elementa): irina 100%, visina: 5%, boja: #0099FF;
Stil levog div elementa: irina 25%, visina: 85%, boja: #33CCFF;
Stil linkova u listi: Neposeceni link: boja plava; nepodvuen, italic;
Hover link: boja crvena, podvuen, italic.



Napomena: Pri izradi zadataka, u Title tagu svakog html fajla uneti svoje ime, prezime i broj indeksa.
Vreme izrade ispita je 90 minuta.

ZADATAK 1














ZADATAK 2