SREDNJA ŠKOLA KRAPINA

SKRIPTNI JEZICI I WEB PROGRAMIRANJE

ŠESTA LABORATORIJSKA VJEŽBA

Ime i prezime učenika:_________________________________ Razred:_____,

Datum:_____________________, Ocjena:___________________,

Zadatak: Semantički strukturni elementi

Kreirati početnu stranicu index.html koristeći HTML5 jezik. Početna stranica treba imati
sljedeće semantičke elemente: <header>, <nav>, <main><aside><article>,<section>, <footer>
Na stranici kreirati izbornik u obliku liste (elementi list su poveznice).
Izbornik neka ima stavke Početna, Kontakt, O nama. (unutar elementa <nav> )
Puna linija preko cijele stranice debljine 1px.
Pozadina stranice sive boje.
Sadržaj stranice: >main><section><article>

Von Neumanov model – tekst s slikom

Sadržaj sa strane: Intel- logo i nekoliko riječi o Intelu, AMD- logo i nekoliko riječi o AMD-u

Kreiraj novu stranicu Kontakt na kojoj piše naslov : Stranica za upis vašeg upita.
Puna linija preko cijele stranice debljine 1px.
Stranica treba imati sljedeće sematičke elemente: <header>, <nav>,
<article>,<section>,<aside> <footer>

Pozadina stranice sive boje.

Na stranici mora biti obrazac(forma) za upis imena, prezimena, adrese, odabir učenik, student ili
djelatnik, mogućnost potvrde da se primaju obavijesti i mogućnost da se upiše pitanje od više
riječi.
Na formi moraju biti ugrađene tipke za slanje i brisanje(reset).

Kreirati stranicu O nama na kojoj su osnovni podaci o učeniku. Ime i prezime, razred, smjer,
škola, hobi, mjesto stanovanja.
Stranica ima pozadinu određene boje, tekst je mjestimično podebljan(po želji) , na vrh je veliki
naslov O nama žute boje ,ispod naslova linija žute boje.
Stranica treba imati sljedeće sematičke elemente: <header>, <nav>,
<article>,<section>,<aside> <footer>