domaci zadaci

3
DomNet edukacija 16.4.2016. Domaći zadaci 1. Zadatak: HTML Form Dizajnirati HTML strukturu i CSS pravila za oblikovanje FORM-e prikazane na slici ispod. Napisati http requestmessage i http responsemessage. 2. Zadatak: HTTP messages Napisati minimalni izgled HTTP requestmessage i HTTP responsemessage za slanje podataka preko forme iz prvog zadatka. Skripta koja obrađuje podatke nalazi se na adresi: http://www.skripta.com/admin/upis/obrada_upisa.php .

Upload: ivan-vidovic

Post on 12-Jul-2016

25 views

Category:

Documents


3 download

DESCRIPTION

zadaca za uradit

TRANSCRIPT

Page 1: Domaci zadaci

DomNet edukacija16.4.2016.

Domaći zadaci

1. Zadatak: HTML FormDizajnirati HTML strukturu i CSS pravila za oblikovanje FORM-e prikazane na slici ispod. Napisati http requestmessage i http responsemessage.

2. Zadatak: HTTP messagesNapisati minimalni izgled HTTP requestmessage i HTTP responsemessage za slanje podataka preko forme iz prvog zadatka. Skripta koja obrađuje podatke nalazi se na adresi: http://www.skripta.com/admin/upis/obrada_upisa.php.

Page 2: Domaci zadaci

3. Zadatak: Dizajnirati izbornik

U HTML-u i CSS-u treba dizajnirati desni izbornik (slika 1.)koji će biti širine 220px. Izbornik se sastoji od zaglavlja u kojem se nalazi naslov sa lijeve strane, a sa desne strane se nalazi slika arrow1.png bijele boje okrenuta prema gore. Vrsta font Helvetica bijele boje, veličine 1.2em . Pozadina je obojena tamno plavom bojom #232e30.

Tijelo izbornika je realizirano sa nenumeriranom listom sa nazivima kategorija filtriranja. S desne stranice nalazi se slika strelice okrenute prema dolje arrow2.png , boja pozadine je #6b8288. Postaviti donji obrub boje: #a1aea1, širine 2px.

NAPOMENE: Obratiti pozornost na CSS box model. Trebati će podešavati margine i odmak. Poželjno je na početku CSS stilizacije postaviti margine i padding preko univerzalnog selektora * na vrijednost 0 za sve elemente, te nakon toga vršiti podešavanja margine i padding za pojedine elemente.

Kad je riječ o listama, treba ukinuti grafičke oznake. Slike <img> možete dodati unutar <li> te koristiti svojstvo float za dodavanje sa desne strane ili koristiti position svojstvo.

Preporuka:

Kroz ovaj tjedan pokušati proci HTML i CSS tutorijale na W3C Schools , http://www.w3schools.com/

U direktoriju FrontEnd se nalazi skripta vodič za izradu statičke web stranice koju smo počeli izrađivati. Dužni ste pročitati i pripremiti se za idući tjedan.

Zadatke je potrebno riješiti do četvrtka 21.travnja. do 12h. Uredno odrađene primjere poslati na mail: [email protected] .

U slučaju bilo kakvih nejasnoća vezano za zadatke, te ukoliko je potrebna bilo kakva pomoć možete se javiti na mail: [email protected] ili [email protected] .

*{ margin:0; padding:0; }