Internet tehnologije – drugi domaći zadatak

Zadatak 1

Vaš zadatak je da kreirate jedan HTML dokument koji če se prikazivati na dva

različita načina. U zavisnosti odgovarajućeg stila. Prva verzija HTML fajla treba
da ima naziv domaci2a.html a druga domaci2b.html. Dva fajla sa stilovima
trebaju da imaju nazive pmfa.css i pmfb.css. Ako je za html fajl vezan stil
pmfa.css tada izgled stranice treba da bude:

Ako je za html fajl vezan stil pmfb.css tada izgled stranice treba da bude:

Napomene
 Sadržaj treba da bude u jednom hrml fajlu u kome je sadržaj stranice
prikazan primjenom elementa <table>.
 U html fajlu ne smije biti nikavih informacija o formatiranju: sve mora
biti u CSS fajlovoma. (class i id atributi su dozvoljeni; oni ne zadaju
formatiranje direktno)
 Izgled mora biti generisana u potpunosti primjenom CSS-a. Nije
dozvoljeno koristiti slike.
 Jedina razlika izmeñu dva html fajla je u elementu <link> u hederu
fajlova: stil za fajl domaci2a.html je pmfa.css a za domaci2b.html je
pmfb.css.
 Pokušajte da u potpunosti kopirate izgled tabela koji vidite na slikama.
Npr:
 o Tabele treba da su centrirane.
o Neke kolone su centrirane dok su neke poravnate uz lijevu ivicu.
o "Total" se pojavljuje samo u verziji B (napomena: pogledajte
atribut display).
o Naslovna linija u veb-čitaču je "Internet tehnologije 2".
o Obje verzije koriste font Tahoma veličine 13 piksela.
o Pozadinska boja za header red u verziji A je #687291.
o Pozadinske boje za redove tabele u verziji A su #eeeff2 i #dfe1e7.
o Bijele linije između redova u tabeli A imaju širinu 1 piksel.
o Boja okvira tabele u verziji B je #d0d0ff.
o Okvir u verziji B je širine 10 piksela; postoji prazan prostor
veličine 20 piksela sa svake strane okvira.
o Horizontalna linija iznad "Total" ima širinu 2 piksela.
o Umjesto engleskih naziva stavite naše nazive (Item – sastojak,
Manufacturer – proizvođač, Size – veličina, Unit price – jedinična
cijena, Quantity – količina, Total price - ukupno). Umjesto mjere
oz (unca) koristite grame (gr). Podaci u tabeli opisuju jedan račun
u prodavnici.
o Vaši HTML fajlovi moraju biti validni XHTML dokumenti koji su
prošli validaciju. Vaši CSS fajlovi takođe moraju proći validaciju.
o Napomena: stilovi border i margin nisu podržani za <tr> elemente;
<td> element podržava border ali ne i margin.

Zadatak 2

Kreirati html stranicu frejmovi.html koja ima dva horizontalna frejma sa

nazivima nav i main. U frejmu nav treba kreirati linkove ka stranicama
domaci2a.html, domaci2b.html i podaci.html. U frejmu.main treba učitati
odgovarajuću stranicu izabranu linkom iz frejma nav. Na početku, u frejmu
main treba učitati stranicu podaci.html. Na stranici podaci.html postaviti dva
div elementa sa granicama u obliku zaobljenih pravougaonika. U prvom
elementu prikazati grb našeg univerziteta (slika sa prethodnog domaćeg) a u
drugom elementu vaše ime i prezime i broj indeksa. Ne koristiti tabele.
Linkovi u frejmu nav treba da budu u jednom redu. Dodati stil fra.css, u kome
realizovati rollover efekat (tj. prelaskom miša preko stavke menija mijenja se
boja stavke) kao i sva ostala podešavanja za stranice frejmovi.html i
podaci.html.

Rad se šalje na mejl internet@rc.pmf.ac.me, kao RAR datoteka

Domaci2_Marko_Markovic.rar, gdje umjesto Marko Markovic treba da bude
vaše ime i prezime, i to najkasnije do petka 25.marta u 12 sati. Radovi čiji
naziv nije odgovarajući neće biti pregledani. Kao subject poruke navesti
„Vaše ime i prezime Domaci 2“.
Napomena: Radove zipujte primjenom WinRAR-a, jer mejl-server PMF može
da odbije sve poruke koje u attachment-u imaju datoteke sa ekstenzijom ZIP.
Mogući su i problemi ako mejl šaljete sa domena cg.yu ili t-com.me, pa je
poželjno da otvorite besplatan imjel nalog na domenu Gmail, Hotmail ili
Yahoo i sa njega šaljete vaše radove.