html5 – budućnost web sajtova - razvoj karijere · Šta je html?-kompjuterski jezik za...
TRANSCRIPT
![Page 1: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/1.jpg)
HTML5 – budućnost web sajtova
Damir KokezaBeograd, 13.10.2012.
![Page 2: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/2.jpg)
Damir Kokeza
- osnovnu i srednju školu završio u Herceg Novom
- Diplomirao u Beogradu, na Fakultetu za Informatiku i menadžment, smer Grafički dizajn
- Više od 12 godina iskustva u Web dizajnu
- Trenutno zaposlen kao glavni Web dizajner u kompaniji Mozzart (www.mozzartbet.biz)
![Page 3: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/3.jpg)
Damir Kokeza
Sajtovi:
-Toyota Centar (Beograd) - Casino Aleksandar
-Lava Bar - ECUonline
-MozzartBet - MozzartSport
-...
![Page 4: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/4.jpg)
Damir Kokeza
- Prva srpska browser igra
- Političko, vojno, eknomska igra
- Preko 100.000 igrača
COLONIAM (www.coloniam.rs)
![Page 5: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/5.jpg)
ŠTA JE HTML?
- Kompjuterski jezik za prezentaciju sadržaja
- Tim Berners-Lee
- Nije programiranje, nije programski jezik
- Klasifikuje i grupiše elemente web stranice uz pomoć tagova
- Web browser čita HTML
![Page 6: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/6.jpg)
KADA JE NASTAO HTML?
1990. 1994. 1997. 2000. 2002. 2006. 2012.
HTML 1 - Tim Berners-Lee (WorldWideWeb)HTML 2 – Prvi komercijalni Web browser - Netscape
HTML 3.2HTML 4
XHTML 1.0XHTML 2.0
HTML5
![Page 7: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/7.jpg)
KAKO IZGLEDA HTML JEZIK?
<html><head><title>Naziv sajta</title></head><body> <h1>Naslov</h1> <p>Moj prvi paragraf.</p> <p>Moj drugi paragraf.</p> </body></html>
<html><head><title>Naziv sajta</title></head><body> <h1>Naslov</h1> <p>Moj prvi paragraf.</p> <p>Moj drugi paragraf.</p> </body></html>
![Page 8: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/8.jpg)
1992.
KAKO SU IZGLEDALI SAJTOVI?
![Page 9: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/9.jpg)
Yahoo - 1996.
KAKO SU IZGLEDALI SAJTOVI?
![Page 10: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/10.jpg)
McDonald’s - 1996.
KAKO SU IZGLEDALI SAJTOVI?
![Page 11: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/11.jpg)
Disney Online - 1996.
KAKO SU IZGLEDALI SAJTOVI?
![Page 12: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/12.jpg)
Apple - 1997.
KAKO SU IZGLEDALI SAJTOVI?
![Page 13: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/13.jpg)
Apple - 2012.
KAKO SU IZGLEDALI SAJTOVI?
![Page 14: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/14.jpg)
Facebook – 2005.
KAKO SU IZGLEDALI SAJTOVI?
![Page 15: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/15.jpg)
Facebook – 2006.
KAKO SU IZGLEDALI SAJTOVI?
![Page 16: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/16.jpg)
Facebook – 2007.
KAKO SU IZGLEDALI SAJTOVI?
![Page 17: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/17.jpg)
Facebook – 2008.
KAKO SU IZGLEDALI SAJTOVI?
![Page 18: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/18.jpg)
Facebook – 2009.
KAKO SU IZGLEDALI SAJTOVI?
![Page 19: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/19.jpg)
Facebook – 2009.
KAKO SU IZGLEDALI SAJTOVI?
![Page 20: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/20.jpg)
Facebook – 2010.
KAKO SU IZGLEDALI SAJTOVI?
![Page 21: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/21.jpg)
Facebook – 2012.
KAKO SU IZGLEDALI SAJTOVI?
![Page 22: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/22.jpg)
Sve super izgleda i mnogo je bolje nego ranije?
Zašto nam uopšte treba HTML5?
Šta nam on donosi bolje?
HTML5
![Page 23: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/23.jpg)
ŠTA JE HTML5?
- Nastavak HTML jezika
- Kompatibilan sa prethodnim verzijama
- Prilagodljivost različitim uređajima i programima
- Smanjuje potrebu za dodacima (Flash, Ajax, JavaScript...)
- Unapređuje jezik
![Page 24: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/24.jpg)
ŠTA JE NOVO U HTML5?
- Direktna implementacija zvuka i videa
- Canvas
- Offline pristup aplikacijama
- Unapređene forme za unos sadržaja
- Geolokacija
- Drag & Drop
![Page 25: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/25.jpg)
DA LI JE SVE TAKO SUPER?
- NE!
- HTML5 još nije u potpunosti gotov
- 2015. godine
- Browseri ne podržavaju sve mogućnosti HTML5 jezika
![Page 26: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/26.jpg)
DA LI JE SVE TAKO SUPER?
![Page 27: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/27.jpg)
KAKO SVE TO IZGLEDA?
![Page 28: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/28.jpg)
Toyota Prius Projects (www.toyotapriusprojects.com)
![Page 29: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/29.jpg)
Lost World’s Fairs (http://lostworldsfairs.com/atlantis/)
![Page 30: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/30.jpg)
This Shell (www.thisshell.com/)
![Page 31: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/31.jpg)
Pleasure Hunt (http://pleasurehunt2.mymagnum.com/)
![Page 32: HTML5 – budućnost web sajtova - Razvoj karijere · ŠTA JE HTML?-Kompjuterski jezik za prezentaciju sadržaja-Tim Berners-Lee-Nije programiranje, nije programski jezik-Klasifikuje](https://reader034.vdocuments.net/reader034/viewer/2022050401/5f7eb45e8610b42d3657c3cc/html5/thumbnails/32.jpg)
Rumpetroll (www.rumpetroll.com)