PRIPREMA ZA VJEŽBU
1) Što su meta podaci?
Podatci koji opisuju karakteristike nekog izvora u digitalnom obliku.
2) Što opisujemo putanjama datoteka kod izrade web sjedišta?
Njihovu lokaciju pohrane.
IZVOĐENJE VJEŽBE
1) Meta podaci, element meta
A. Što definira element?
Meta element definira metapodatke (metadata) HTML dokumenta.
B. Gdje se piše element ?
Unutar <head>
C. Što se obično navodi, odnosno specificira pomoću elementa ?
Name i content.
D. Kome su obično namijenjeni meta podaci?
Browserima i search engine-ima.
E. Napišite primjer koda kojim se definiraju ključne riječi za tražilice.
<meta name="keywords" content="SJIWP, LV, Ivan, Cundekovic">
F. Napišite primjer koda kojim se definira opis mrežne stranice.
<meta name="description" content="SJIWP Laboratorijske vjezbe">
G. Napišite primjer koda kojim se definira autor stranice.
<meta name="author" content="Ivan Cundekovic">
H. Napišite primjer koda kojim se dokument osvježava svakih 60 sekundi.
<meta http-equiv="refresh" content="60">
Što označava pojam viewport?
Količina (dio) stranice koju korisnik vidi.
I. Napišite primjer koda kojim se postavlja viewport da ispravno prikazuje mrežno sjedište na različim uređajima. Objasnite kod.
<meta name="viewport" content="width=device-width, initial-scale=1.0">
width = device-width će postaviti širinu stranice da bude jednaka širina zaslona uređaja, a initial-scale = 1.0 će postaviti nivo zooma na x1 (normalno)
2) HTML putanje datoteka
A. Napišite redak HTML koda kojim opisujemo da se slika naziva ljeto.jpg nalazi u istoj mapi kao i trenutna stranica.
<img src="ljeto.jpg">
B. Napišite redak HTML koda kojim opisujemo da se slika naziva zima.jpg nalazi u podmapi images trenutne mape.
<img src="images/ljeto.jpg">
C. Napišite redak HTML koda kojim opisujemo da se slika naziva jesen.jpg nalazi u podmapi images u korijenskoj mapi trenutnog mrežnog sjedišta.
<img src="/images/jesen.jpg">
D. Napišite redak HTML koda kojim opisujemo da se slika naziva proljece.jpg nalazi u mapi koja je u strukturi mapa za jednu razinu viša od trenutne mape.
<img src="../proljece.jpg">
E. Što se podrazumijeva pod apsolutnom putanjom? Navedite primjer apsolutne putanje.
Apsolutna putanja je potpuni link slike ili putanja od korijenskog direktorija web sjedista.
<img src="https://imgur.com/QNy3CwP" alt="Traktor">
<img src="/images/jesen.jpg">
F. Što se podrazumijeva pod relativnom putanjom? Navedite primjer.
Relativna putanja je putanja je putanja koja ukazuje na lokaciju slike s obzirom na nesto drugo, kao prijašnji primjeri:
<img src="../proljece.jpg">
G. Kakve se putanje preporuča koristiti? Zašto?
Preporuča se koristiti apsolutne putanje jer su preciznije i lakse se vidi greska.
3) Izrada stranice
<head>
<meta charset=”UTF-8″>
<meta name=”description” content=”Psi i macke”>
<meta name=”keywords” content=”pas, macka”>
<meta name=”author” content=”Ivan Cundekovic”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
</head>
<img src=”images/pas/pas1.jpg”>
<img src=”images/pas/pas2.jpg”>
<img src=”images/pas/pas3.jpg”>
<img src=”images/macka/macka1.jpg”>
<img src=”images/macka/macka2.jpg”>
<img src=”images/macka/macka3.jpg”>
Ciji si ti
Burek je samo sa sirom.