domaci zadaci
DESCRIPTION
zadaca za uraditTRANSCRIPT
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.
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; }