V1 - WD 2011/2012

1,346 views
1,252 views

Published on

Web design 2011/2012 - Faculty of Graphic Arts, Zagreb, Croatia

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,346
On SlideShare
0
From Embeds
0
Number of Embeds
381
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

V1 - WD 2011/2012

  1. 1. OVO ĆE BITI WEB
  2. 2. Sadržaj & kontekst
  3. 3. Kreirajte relevantan i koristan sadržaj Naš kapacitet za prihvaćanje smeća se rapidno smanjuje.
  4. 4. http://www.dnevnik.hr9.10.2011
  5. 5. http://www.dnevnik.hr9.10.2011
  6. 6. Simplify
  7. 7. Simplify“We need a smarter content, not smarter containers”
  8. 8. Simplify“We need a smarter content, not smarter containers”
  9. 9. Simplify“We need a smarter content, not smarter containers” KONTEKST
  10. 10. STARI KONTEKST
  11. 11. STARI KONTEKST IE FOKUS VELIKI EKRAN QWERTY BRZA VEZA UDOBNABRZI CPU POZICIJA
  12. 12. NOVI KONTEKST
  13. 13. Krenimo ispočetka
  14. 14. WEB DIZAJN 1 || Jurica Doli || 2008/2009WEBDIZAJN 1 Uvod i i osnove Uvod osnove HTML-a HTML a2011/2012 Bojan Kanižaj
  15. 15. WORLD WIDE WEB WWW W3 ¬ Sistem međusobno povezanih dokumenata ¬ Jedna od usluga interneta ¬ Povezivanje pomoću hiperveza (linkova)
  16. 16. WEB PREGLEDNICI¬ Zaduženi su za ekranski prikaz web stranice¬ Interpretiraju kod¬ Zbog njihove različite interpretacije koda teškoje standardizirati ekranski prikaz straniceW3C (World Wide Web Consortium )– svjetska organizacija za standardizaciju WWW-a
  17. 17. ALATI ZA IZRADUINTERNETSKE (HTML) STRANICE Notepad Adobe DreamweaverTekst editori WYSIWYG editori TextEdit MS Expression EditPlus Web KompoZer Emacs Amaya Gedit iWeb ... ...
  18. 18. WEB DIZAJN 1 HTML HyperText Markup Language¬ Prezentacijski jezik za kreiranje web stranice¬ HTML dokument = Web stranica¬ Ekstenzija .html ili .htm
  19. 19. 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
  20. 20. JEDNOSTAVNA HTML STRANICA<html><head><title> Moj WEB </title></head><body><h1>Naslov</h1><p>Paragraph.</p></body></html>
  21. 21. HTML TAGOVI<html> </html> opisuju web stranicu<head> </head> sadrži head elementenpr. <base>, <link>, <meta>, <script>, <style> i <title><body> </body> vidljivi dio stranice
  22. 22. HTML TAGOVI HTML NASLOVIDefinirano je 6 nivoa/veličina naslova (h1 - h6) – h1 je najveći, a h6 najmanjiHTML automatski dodaje prazan red prije i poslije naslova <h1>Ovo je naslov</h1> <h2>Ovo je naslov</h2> <h3>Ovo je naslov</h3>
  23. 23. 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 />
  24. 24. ATRIBUTI¬ HTML elementi mogu imati definirane dodatneparametre koje nazivamo atributima¬ Atribut sa vrijednostima se definira unutarpočetnog tag-a HTML naredbe<naredba atribut=“vrijednost”>Sadržaj</naredba>
  25. 25. PRIMJER<html><head><title> Moj WEB </title></head><body><h1 align=”center”>Naslov</h1><p align=”center”>Paragraph.</p></body></html>

×