18. WEB DIZAJN 1 || Jurica Doli || 2008/2009
WEB
DIZAJN 1 Uvod i i osnove
Uvod
osnove HTML-a
HTML a
2011/2012 Bojan Kanižaj
19. WORLD WIDE WEB
WWW W3
¬ Sistem međusobno
povezanih dokumenata
¬ Jedna od usluga interneta
¬ Povezivanje pomoću
hiperveza (linkova)
20. WEB PREGLEDNICI
¬ Zaduženi su za ekranski prikaz web stranice
¬ Interpretiraju kod
¬ Zbog njihove različite interpretacije koda teško
je standardizirati ekranski prikaz stranice
W3C (World Wide Web Consortium )
– svjetska organizacija za standardizaciju WWW-a
21. ALATI ZA IZRADU
INTERNETSKE (HTML) STRANICE
Notepad Adobe Dreamweaver
Tekst editori
WYSIWYG editori
TextEdit MS Expression
EditPlus Web KompoZer
Emacs Amaya
Gedit iWeb
... ...
22. WEB DIZAJN 1
HTML
HyperText Markup Language
¬ Prezentacijski jezik za kreiranje web stranice
¬ HTML dokument = Web stranica
¬ Ekstenzija .html ili .htm
23. 0/11
HTML SINTAKSA
<naredba>Sadržaj</naredba>
HTML naredbe nazivamo tagovima
¬ HTML tag dolazi u paru
¬ Prvi tag je početni ili otvoreni,
a drugi završni ili zatvoreni tag
24. JEDNOSTAVNA
HTML STRANICA
<html>
<head>
<title> Moj WEB </title>
</head>
<body>
<h1>Naslov</h1>
<p>Paragraph.</p>
</body>
</html>
25. HTML TAGOVI
<html> </html> opisuju web stranicu
<head> </head> sadrži head elemente
npr. <base>, <link>, <meta>, <script>, <style> i <title>
<body> </body> vidljivi dio stranice
26. HTML TAGOVI
HTML NASLOVI
Definirano je 6 nivoa/veličina naslova (h1 - h6)
– h1 je najveći, a h6 najmanji
HTML automatski dodaje prazan red prije i poslije naslova
<h1>Ovo je naslov</h1>
<h2>Ovo je naslov</h2>
<h3>Ovo je naslov</h3>
27. HTML TAGOVI
<p> Ovdje ide tekst </p>
Formira odlomak teksta na stranici.
Dva odlomka razmaknuta su jednim praznim redom.
<br> ili <br />
Primjer:
<p> Ovo je tekst<br />novi red</p>
Prelazak na novi red unutar odlomka.
<!-- Ovdje ide komentar -->
Dodavanje komentara unutar koda koji neće biti vidljivi u pregledniku
<hr />
28. ATRIBUTI
¬ HTML elementi mogu imati definirane dodatne
parametre koje nazivamo atributima
¬ Atribut sa vrijednostima se definira unutar
početnog tag-a HTML naredbe
<naredba atribut=“vrijednost”>Sadržaj</naredba>