Vježbe

Uvod u web tehnologije

Vježba 2
Potrebno je izraditi stranicu index.html s osnovnim podacima o temi po želji (npr. film, grad) i direktorij
vjezba_01. Za izradu stranice koristit će se slika sheme stranice (možete pronaći na moodlu). U izradi se
smiju upotrijebiti osnovne oznake (obrađene na predavanju) koristeći tekstualni uređivač (obično notepad
ili notepad++).
**Napomena za Windows: potrebno je provjeriti jesu li uključeni datotečni nastavci unutar mapa, ako nisu uključiti
ih.
1. Potrebno je napraviti stranicu index.html i kostur od osnovnih oznaka stranice: preambula, zaglavlje
i tijelo.
2. Zaglavlje treba sadržavati:
a. Naslov: “Naziv stranice”
b. Definirani autor i datum
c. Stranica treba ispravno prikazivati hrvatske znakove
3. Tijelo se sastoji od sadržajnih cjelina: zaglavlje, sadržaj i podnožje
4. Zaglavlje tijela treba sadržavati:
a. naslov 6. Razine naziv_stranice
b. navigaciju koja se sastoji od liste i trenutno sadrži samo poveznicu na stranicu index.html
naziva “Početna stranica”
5. Sadržaj tijela treba sadržavati 4 sekcije:
a. Naslov - sadrži naslov prve razine naziv_stranice.
b. O nama - sadrži naslov “O nama” i sastoji se od teksta koji uključuje minimalno 5 rečenica
koje opisuju poduzeće ili stranicu.
c. Naš tim - sadrži
i. naslov “Naš tim”
ii. sređenu listu članova tima od imena i prezimena. Svaki element liste sastoji se od
podliste koja uključuje ulogu člana tima i kratki opis posla (jedna rečenica),
iii. poveznicu na svako ime i prezime tima koje vodi na bilo koju stranicu sa detaljima
uloge tog člana tima.
d. Dodatne informacije - sadrži naslov “Dodatne informacije” i tekst “Više se može pronaći
ovdje” pri čemu je riječ “ovdje” poveznica na stranicu. Nakon svega treba doći blok s
identifikacijom “slika”.

1
 Vježbe
Uvod u web tehnologije

6. Podnožje tijela se sastoji od Vaših podataka uređeno putem <address> oznake:

a. Copyright znak s Vašim imenom i prezimenom
b. FOI mail s poveznicom koja otvara sustav s elektroničkom poštom
c. Broj +3859000000 s poveznicom koja otvara aplikacije za pozive.
7. Uredite navigaciju stranice tako se sastoji od poveznica na sekcije stranice index.html i da se može
kopirati i zalijepiti na druge stranice bez previše izmjena.
8. Kreirajte stranicu o_autoru.html koja će imati isto zaglavlje stranice i zaglavlje i podnožje tijela kao
stranica index.html.
9. Glavni sadržaj stranice o_autoru.html se sastoji od
a. naslova prve razine “O autoru”
b. nesređene liste koja sadrži: Vaše ime i prezime, email, godina rođenja i smjer na fakultetu
10. Povežite stranice putem navigacije.