Web Dizajn Skripta PDF

1. Definirajte što je internet. Internet je mreža računala koja omogućava globalnu komunikaciju i razmjenu informacija. 2. Što je vladu SAD-a potaknulo na osnivanje agencija NASA i ARPA? NASA je osnovana kao odgovor na utrku s Rusijom, dok je ARPA (Advanced Resear...

1. Definirajte što je internet. Internet je mreža računala koja omogućava globalnu komunikaciju i razmjenu informacija. 2. Što je vladu SAD-a potaknulo na osnivanje agencija NASA i ARPA? NASA je osnovana kao odgovor na utrku s Rusijom, dok je ARPA (Advanced Research Programs Agency) osnovana radi vojnog istraživanja. 3. Što je ARPAnet i kada se počeo razvijati (godina)? Kakav problem je nastao pri širenju mreže priključenjem novih ustanova? Što je riješilo taj problem? ARPAnet je prva mreža koja koristi TCP/IP protokol, počela se razvijati 1979. godine, a problemi su nastali pri širenju mreže. Ti problemi su riješeni razvojem TCP/IP protokola. 4. Tko se smatra očevima interneta i zašto? Što je njihova inovacija i kada su je razvili (godina)? Očevi interneta su Vinton Cerf i Robert E. Kahn koji su razvili TCP/IP protokol 1979. godine. 5. Ukratko objasnite što je TCP/IP protokol. TCP/IP je komunikacijski protokol za umrežena računala, prateći prijenos podataka i osiguravajući točnost. 6. Navedite najpoznatije servise interneta (barem četiri). Najpoznatiji servisi interneta uključuju WWW (World Wide Web), e-poštu (mail), FTP (File Transfer Protocol) i društvene mreže poput Skype-a, WhatsApp-a, Viber-a. 7. Definirajte što je World Wide Web (WWW). World Wide Web (WWW) je mreža povezanih web stranica. 8. Gdje, kada i zašto je razvijen WWW? Tko se smatra ocem WWW-a? Što su njegove inovacije u okviru WWW projekta? WWW je razvijen u CERN-u krajem 80-ih godina (1989. ili 1990.) od strane Tima Bernersa-Leea radi olakšavanja razmjene informacija. Tim Berners-Lee smatra se ocem WWW-a, a njegove inovacije uključuju https protokol, HTML editor, URL adrese i HTTP server. 9. Ukratko objasnite što je HTTP/HTTPS protokol. HTTP (HyperText Transfer Protocol) i HTTPS (HTTP Secure) su protokoli za prijenos podataka na webu, gdje HTTPS pruža sigurnu, kriptiranu vezu. 10. Kada je objavljeno prvo web sjedište i kako je izgledao (od kojih elemenata se primarno sastojalo)? Prvo web sjedište objavljeno je 1991. godine i sadržavalo je bijeli dokument s paragrafima i linkovima. 11. Po čemu je poseban web preglednik (browser) Mosaic. Tko i kada ga je izradio? Mosaic je poseban jer je prvi koji je mogao prikazati slike i tekst u jednom dokumentu. Grupu u Illinoisu izradila ga je 1992. godine. 12. Definirajte što je W3C. Tko i kada ju je osnovao? W3C (World Wide Web Consortium) osnovan je 1994. godine od strane Tima Bernersa-Leea. 13. Koje značajne tehnologije i alati nastaju u periodu od 1994. do 1996. godine? U razdoblju od 1994. do 1996. nastale su tehnologije poput JavaScript-a, PHP-a, Flash-a i ActionScript-a. 14. Objasnite pojam web 1.0. Navedite najvažnije značajke. Web 1.0 je statičan, bez interakcije s publikom, gdje webmaster objavljuje informacije. 15. Objasnite pojmove dot-com boom i dot-com bubble burst. Dot-com boom označava intenzivan rast internetskih tvrtki, dok dot-com bubble burst označava pad tih tvrtki. 16. Objasnite pojam web 2.0. Navedite najvažnije značajke. Web 2.0 uključuje interakciju korisnika u stvaranju sadržaja i naglašava socijalizaciju i suradnju. Interakcija, socijalizacija i kolaboracija 17. Koje značajne tehnologije i alati nastaju u periodu od 2001. do 2008. godine? U razdoblju od 2001. do 2008. nastali su preglednici poput Chrome-a, Firefox-a, Safari-a, tehnologije HTML5 i CSS3. 18. Definirajte što je web dizajn? Navedite i ukratko objasnite temeljne korake pri izradi web sjedišta. Web dizajn je proces izrade web stranica koji uključuje planiranje, strukturiranje, kodiranje, front-end i back-end programiranje, objavu i marketing. 19. Što je cilj planiranja projekta u web dizajnu? Što je sve potrebno razmotriti i isplanirati? Cilj planiranja projekta u web dizajnu je ušteda vremena i resursa, s naglaskom na temi, svrsi, ciljanoj publici tehnološkim aspektima. 20. Definirajte što je sitemap, a što wireframe. Sitemap je hijerarhija povezanih stranica, a wireframe je skica web stranice. 21. Objasnite pojmove user experience (UX) i usability. User experience (UX) odnosi se na iskustvo korisnika prilikom korištenja web stranice, dok usability ocjenjuje koliko je stranica jednostavna za korištenje. 22. Definirajte što je domena. Gdje se domene mogu zakupiti? Navedite nekoliko primjera popularnih vršnih domena (barem četiri). Što je poddomena? Domena je alias za IP adresu, kupuje se na registrarima domena, primjeri uključuju.com,.hr,.fr,.net. Poddomena je dodatak domene. 23. Pri odabiru domene web sjedišta, što se preporučuje izbjegavati? Navedite dobar i loš primjer domene. Pri odabiru domene preporučuje se izbjegavati teško razumljive nazive. Dobar primjer je "marko.com", a loš primjer "m4rko.net". 24. Definirajte što je IP adresa. Navedite primjer IPv4 adrese. Po čemu se razlikuju IPv4 i IPv6 adrese? Zašto se uvode IPv6 adrese? IP adresa je jedinstvena adresa računala na internetu, primjer IPv4 adrese je "82.162.11.227". IPv6 adrese uvode se radi ograničenja IPv4 adresa. 25. Definirajte što je DNS i objasnite njegovu svrhu. DNS (Domain Name System) veže domene i IP adrese. 26. Definirajte što je web poslužitelj (server). Web poslužitelj (server) je računalo koje poslužuje web stranice. 27. Definirajte što je URL. Navedite primjer. URL (Uniform Resource Locator) definira adresu web stranice. 28. Objasnite što su client-side/frontend web tehnologije. Navedite najpopularnije web tehnologije iz te kategorije. Frontend web tehnologije uključuju HTML, CSS, JavaScript. 29. Definirajte što je HTML te ukratko objasnite svrhu i primjenu. HTML (HyperText Markup Language) koristi se za oblikovanje web stranica. 30. (Izbačeno pitanje) Kada je HTML5 postao službena W3C preporuka (godina)? Što to znači? HTML5 postao je službena W3C preporuka 2014. godine. 31. U kontekstu reprodukcije audio i video sadržaja, po čemu je HTML5 napredniji od prethodnih verzija? HTML5 je napredniji po integriranom audio/video playeru, nema potrebe za dodatnim kodiranjem, jednostavno reproducira video, sve je integrirano u HTML. 32. Definirajte što je CSS te ukratko objasnite svrhu i primjenu. CSS je jezik za oblikovanje prezentacije, odnosno izgleda web stranice. Koristi se za stiliziranje HTML elemenata. 33. Tko, kada i zašto je izradio prvu verziju CSS jezika? Prvu verziju CSS jezika izradio je Håkon Wium Lie 1996. godine kako bi odvojio stilove od strukture HTML-a. 34. Što su web fontovi? U kontekstu web dizajna po čemu se razlikuju od klasičnih (sistemskih) fontova? Web fontovi se učitavaju putem web preglednika pomoću CSS-a, za razliku od klasičnih fontova koji su ugrađeni u operativni sustav. 35. Ukratko objasnite što je layout engine (browser engine)? Navedite nekoliko primjera. Layout engine je sustav u web pregledniku koji interpretira web stranicu. Primjeri uključuju Blink (Chrome), Gecko (Firefox) i Trident (Internet Explorer). 36. (Izbačeno pitanje )Što je Bootstrap? Bootstrap je popularni CSS framework razvijen od strane Twittera za olakšavanje razvoja responzivnih i mobilno prilagodljivih web stranica. 37. Definirajte što je JavaScript te objasnite po čemu se razlikuje od jezika HTML i CSS. Tko je izvorni tvorac JavaScripta? JavaScript je programski jezik za programiranje logike web stranica. Razlikuje se od HTML-a i CSS-a jer omogućava dinamičko ponašanje. Izvorni tvorac je Brendan Eich, a JavaScript je prvi put implementiran 1996. godine. 38. Objasnite što su server-side/backend web tehnologije. Navedite najpopularnije web tehnologije iz te kategorije. Server-side tehnologije bave se obradom podataka na serveru. Popularne tehnologije uključuju PHP, Python, Ruby on Rails i Node.js. 39. Čime se bavi frontend, a čime backend web developer? Frontend developer bavi se dizajnom web stranica i korisničkim sučeljem, dok se backend developer bavi razvojem serverne logike i obradom podataka. 40. iPhone je predstavljen javnosti u siječnju 2007. godine. Zašto je taj događaj značajan za web dizajn? Po čemu je iPhone bio poseban u odnosu na tadašnju konkurenciju? iPhone je značajan jer je popularizirao mobilno pregledavanje interneta, zahtijevajući responzivne i mobilno prilagodljive web stranice. Posebno je bio inovativan s touch screen sučeljem. 41. Što je Adobe Flash? Zašto je bio popularan i zašto se više ne koristi? Adobe Flash je tehnologija za izradu interaktivnih web sadržaja. Bio je popularan zbog animacija i interaktivnosti, ali se prestao koristiti zbog sigurnosnih problema, neefikasnosti i zamjene modernijim tehnologijama. 42. (Izbačeno pitanje) Koje mogućnosti HTML5 jezika se koriste kao zamjena za nekad popularnu tehnologiju/alat Adobe Flash? Canvas element, audio i video tagovi te WebGL koriste se kao zamjena za Flash u HTML5. 43. Što je WebGL i po čemu je poseban? Što je three.js? WebGL je tehnologija za renderiranje 3D grafike u web preglednicima. Three.js je biblioteka za olakšavanje razvoja 3D animacija i grafike s korištenjem WebGL-a. 44. Ukratko objasnite što je web hosting. Koja vrsta web hostinga je obično najjeftinija i zašto? Web hosting je usluga smještaja web stranica na poslužiteljima. Najjeftinija vrsta hostinga je shared hosting gdje se resursi dijele, ali može biti spor ako je susjedni korisnik resursno zahtjevan. 45. Što je cPanel? cPanel je administracijski panel koji olakšava upravljanje web hosting računom i postavkama. 46. Ukratko objasnite primjenu heatmap UX testova u web dizajnu. Heatmap UX testovi analiziraju ponašanje korisnika na web stranici prikazujući toplinske mape gdje su najčešće klikali ili zadržavali pogled. 47. Pri optimizaciji sadržaja za objavu na web sjedištu, što se preporučuje napraviti s tekstom, a što s multimedijom (slike, zvuk, video)? Tekst treba biti optimiziran s ključnim riječima, a multimedija treba biti komprimirana kako ne bi zauzimala previše prostora. 48. Ukratko objasnite što su pikselska, vektorska i rasterska grafika. Pikselska grafika koristi piksele za formiranje slike, vektorska koristi matematičke naredbe za crtanje, a rasterska je grafika koja se koristi u tisku. 49. Objasnite primjenu i karakteristike najpopularnijih slikovnih formata u web dizajnu (JPEG, GIF, PNG, WEBP, SVG). JPEG za fotografije, GIF za crteže, PNG za transparentnost i logotipe, WEBP za kompresiju, SVG za skalabilnost i vektorsku grafiku. 50. Koje video formate podržava HTML5 video player? Kako se video pripremao i prikazivao na webu prije pojave HTML5 video playera? HTML5 video player podržava formate poput MP4 i OGG. Prije HTML5, video se često prikazivao putem dodatnih pluginova poput Flasha. 51. (Izbačeno pitanje) Navedite najpopularnije code editore u web dizajnu. Navedite najznačajnije funkcionalnosti modernih code editora. Najpopularniji su Visual Studio Code, Sublime Text, Atom. Funkcionalnosti uključuju podršku za razne jezike, naglašavanje sintakse, kontrolu verzija i dodatke. 52. Što je XAMPP i čemu služi u kontekstu CMS-a? XAMPP je lokalni server za razvoj web stranica koji uključuje Apache, MySQL i PHP. Koristi se za testiranje i razvoj CMS-a prije nego što se postave na stvarni poslužitelj. 53. Objasnite primjenu grafičkih alata u web dizajnu. Grafički alati poput Photoshopa, GIMPa i Illustratora koriste se za izradu i obradu grafika, slika i elemenata dizajna na web stranicama. Također za izradu wireframea, interfacea i grafičkih prototipa 54. Navedite popularne alate koji se koriste za UI/UX dizajn web sjedišta. Figma, Adobe XD, InVision Studio su popularni alati za dizajniranje korisničkog sučelja i korisničkog iskustva. 55. Navedite popularne alate koji se koriste za obradu fotografija i izradu pikselske grafike. Photoshop, GIMP, Paint.NET i Photopea su alati za obradu fotografija i izradu pikselske grafike. 56. Navedite popularne alate koji se koriste za obradu vektorske grafike. Illustrator, Inkscape, Figma su popularni alati za obradu vektorske grafike. 57. Navedite nekoliko alata (web servisa) koji se temelje na no-code metodologiji. (barem četiri) Webflow, Squarespace, Wix, Bubble su primjeri alata koji omogućavaju izradu web stranica bez kodiranja. 58. Što je ključna razlika između alata Figma i Webflow? Figma je alat za dizajn koji generira grafiku, dok je Webflow alat za izradu funkcionalnih web stranica bez kodiranja. 59. Tko je Lou Montulli? Lou Montulli je jedan od izumitelja HTTP kolačića. 60. Zašto su HTTP kolačići važni za normalno funkcioniranje web aplikacija? HTTP kolačići omogućavaju pamćenje podataka o korisnicima, praćenje sesija i prilagodbu iskustva, što je važno za normalno funkcioniranje web aplikacija. 61. Objasnite tko je Ethan Marcotte. Ethan Marcotte je dizajner koji je razvio metodologiju responzivnog web dizajna, dinamičkog pristupa dizajniranju web stranica koji omogućava prilagodbu različitim veličinama ekrana i uređajima. 62. Objasnite što je responzivni web dizajn (RWD) i njegove ključne značajke. Responzivni web dizajn koristi fluidni grid, fleksibilne slike i CSS3 medijske upite kako bi se stranica prilagodila različitim veličinama ekrana i uređajima. Ključne značajke uključuju prilagodljivost i fluidnost elemenata dizajna. 63. Tko je, kada i gdje definirao pojam i koncept responzivnog web dizajna? Ethan Marcotte je 2010. godine u časopisu A List Apart definirao pojam i koncept responzivnog web dizajna. 64. Ukratko objasnite što je adaptivni web dizajn (AWD) i po čemu se razlikuje od responzivnog web dizajna (RWD)? Adaptivni web dizajn koristi posebne stranice za različite uređaje i prilagođava se njihovim karakteristikama. Razlikuje se od responzivnog dizajna koji fleksibilno prilagođava jednu stranicu različitim uređajima. 65. Što su CSS3 medijski upiti i zašto su posebno važni za moderni web dizajn? CSS3 medijski upiti detektiraju širinu ekrana i primjenjuju prikladan CSS kod, omogućujući prilagodbu izgleda web stranice različitim uređajima. Posebno su važni za moderni web dizajn jer poboljšavaju responzivnost. 66. Ukratko objasnite što su CMS platforme i zašto se koriste u web dizajnu. Nabrojite trenutno najpopularnije (barem tri). CMS (Content Management System) platforme omogućavaju jednostavnu administraciju sadržaja bez potrebe za programiranjem. Trenutno popularne CMS platforme uključuju WordPress, Joomla i Drupal. 67. Ukratko objasnite što je frontend, a što backend sustav web CMS-a? Frontend sustav web CMS-a odnosi se na integrirani dizajn web stranica, dok backend sustav upravlja administracijom sadržaja i funkcionalnostima iza scene. 68. Pomoću kojih web tehnologija je izveden frontend sustav WordPress CMS-a? Frontend sustav WordPress CMS-a izveden je pomoću tehnologija poput HTML-a, CSS-a i JavaScripta. 69. Pomoću kojih web tehnologija je izveden backend sustav WordPress CMS-a? Backend sustav WordPress CMS-a izveden je pomoću PHP-a i MySQL baze podataka. 70. Gdje se spremaju objave (tekstovi) upisane kroz administracijski panel WordPress CMS-a? Objave (tekstovi) upisane kroz administracijski panel WordPress CMS-a spremaju se u MySQL bazu podataka. 71. (Izbačeno pitanje) Ukratko objasnite što je caching mehanizam u okviru web CMS-a i zašto se koristi. Caching mehanizam u web CMS-u pohranjuje privremene kopije stranica kako bi se ubrzao pristup sadržaju. Koristi se radi smanjenja vremena učitavanja stranica. 72. Što je najveća prednost kupnje licence za uporabu komercijalne CMS platforme? Najveća prednost je dobivanje komercijalne podrške, što uključuje redovite nadogradnje, tehničku podršku i održavanje sigurnosti. 73. Ukratko objasnite što su WordPress teme, a što plugini? WordPress teme su dizajni web stranica, dok su plugini ekstenzije koje dodaju dodatne funkcionalnosti. 74. Definirajte što je SEO. Ukratko objasnite pojam i koje aktivnosti obuhvaća on-site, a koje off-site SEO. SEO (Search Engine Optimization) je optimizacija web stranica za bolje rangiranje na tražilicama. On-site SEO obuhvaća optimizaciju na samoj stranici, dok off-site SEO uključuje vanjske faktore poput backlinkova. 75. Objasnite kako se SEO tehnike dijele prema etičnosti. SEO tehnike dijele se na bijele (etičke), crne (neetičke) i sive (neutralne) tehnike, ovisno o usklađenosti s pravilima tražilica. 76. Navedite nekoliko popularnih web tražilica (barem tri). Google, Yahoo, Bing. 77. Što je SERP? SERP (Search Engine Results Page) je stranica rezultata na tražilici koja prikazuje linkove prema web stranicama koje su relevantne za pretragu. 78. Što je Google PageRank? Google PageRank je mjera važnosti web stranice na skali od 0-10, prema algoritmu Googlea. 79. Što je SEM? SEM (Search Engine Marketing) je strategija marketinga koja uključuje plaćanje za prikazivanje sponzoriranih rezultata na SERP-u. 80. Što je Google Ads (prethodno AdWords), a što Google AdSense? Google Ads (prethodno AdWords) je platforma za oglašavanje, dok je Google AdSense usluga za monetizaciju web stranica putem prikazivanja oglasa. 81. Što je Google Analytics? Google Analytics je alat za analizu statistika posjetitelja na web stranicama. 82. Kako je web funkcionirao u periodu od nastanka do 2001. godine? Web je bio statičan, a interakcija je bila ograničena. Web stranice su često bile jednostavne i staticke. 83. Tko je webmaster? Webmaster je osoba koja je odgovorna za objavljivanje i održavanje web sadržaja. 84. Kada web postaje mainstream i što to znači? Web postaje mainstream kada postaje široko prihvaćen od strane opće populacije. To znači da postaje sastavni dio svakodnevnog života i poslovanja. 85. Tko, kada i gdje prvi put spominje pojam web 2.0? Pojam web 2.0 prvi put je spomenut 1999. godine u članku Darcyja Dinuccija pod nazivom "Fragmented Future". 86. Tko i kada organizira prvu web 2.0 konferenciju? Prvu web 2.0 konferenciju organizirali su Tim O'Reilly i MediaLive International 2004. godine. 87. Navedite nekoliko tipičnih vrsta web 2.0 aplikacija. (barem tri) Društvene mreže, blogovi, wikiji, bookmarking servisi, vijesti. 88. Koja je uloga korisnika u web 2.0 okruženju? Korisnici aktivno sudjeluju u stvaranju sadržaja, sudjeluju u socijalizaciji, kolaboraciji i interakciji. 89. Što je jedan od najvećih problema web 2.0 modela? Kako ga se nastoji ublažiti? Jedan od problema je teško moderiranje sadržaja (piratstvo, copyright). Pokušava se ublažiti povećanim plaćanjem moderatora. 90. (Izbačeno pitanje) Može li se web 2.0 model primijeniti u školskoj nastavi. Kako? Da, primjenjuje se kroz korištenje alata poput wikija, blogova i foruma za suradničko učenje i dijeljenje informacija. 91. Navedite temeljne značajke grafičkog dizajna u web 2.0 okruženju. Jednostavnost, upečatljivost, posebni web fontovi, velika tipografija, responzivni web dizajn, modularni web dizajn. 92. Što su društvene mreže? Društvene mreže su web platforme koje omogućuju korisnicima umrežavanje prema osobnim vezama. Web 2.0 93. Navedite osnovne komponente društvene mreže. Algoritmi, profili korisnika, sadržaj koji generiraju korisnici. 94. Što su društveni mediji? Ukratko objasnite njihovu temeljnu podjelu. Društveni mediji su online platforme koje se temelje na web 2.0. Temeljna podjela obuhvaća društvene mreže, bookmarking, social news, portale, društvene novosti, blogove i forume. 95. Kako se zove trenutno najpopularniji microblogging servis? Twitter. 96. Što je social tagging? Social tagging je kolaborativno označavanje web 2.0 sadržaja tagovima radi lakšeg pretraživanja i organizacije. 97. Što je folksonomy? Tko i kada prvi spominje taj pojam? Folksonomy je sustav označavanja i kategorizacije sadržaja od strane korisnika. Pojam je prvi put spomenut 2004. godine od strane Thomasa Vander Wal-a. 98. Što su SPARQL i RDF? SPARQL je upitni jezik za pretraživanje podataka pohranjenih u RDF (Resource Description Framework) formatu. 99. Što je semantički web? Ukratko objasnite izazove u realizaciji semantičkog weba. Semantički web je ideja o poboljšanju organizacije i razumijevanja web sadržaja putem standardiziranih formata. Izazovi uključuju postizanje globalnog usklađivanja, interoperabilnosti i pitanja privatnosti. 100. (Izbačeno pitanje) Što je kvantno računalo? Kvantno računalo koristi principe kvantne mehanike za izvođenje računskih operacija, nudeći potencijalno značajno poboljšanje brzine i kapaciteta računanja. 101. Što je blockchain? Što su Bitcoin i Ethereum? Blockchain je distribuirana baza podataka koja omogućava sigurno i transparentno praćenje transakcija. Bitcoin je kriptovaluta koja koristi blockchain tehnologiju, a Ethereum je platforma za izvođenje pametnih ugovora i decentraliziranih aplikacija (DApps). 102. Ukratko objasnite pojmove: web 3.0, decentralizacija weba, IPFS, Internet-of- Things. Web 3.0 predstavlja sljedeću generaciju weba koja se fokusira na semantičke tehnologije i personalizirano iskustvo. Decentralizacija weba odnosi se na smanjenje centralne kontrole, dok je IPFS (InterPlanetary File System) protokol za distribuirano pohranjivanje i dijeljenje podataka. Internet-of-Things