Web dizajn Flashcards

Question 1

Q

Definirajte što je internet.

Answer

A

Internet je hardverska mreža računala. Internet je javno dostupna globalna podatkovna mreža koja IP protokolom povezuje priključena računala.

Question 2

Q

Što je vladu SAD-a potaknulo na osnivanje agencija NASA i ARPA?

Answer

A

Sovjetski savez uspješno lansira prvi satelit - Sputnik - američka vlada uviđa potrebu ulaganja u znanost i tehnologiju jer bi mogli izgubiti hladni rat – 1958. osniva agencije NASA i ARPA

Question 3

Q

Š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?

Answer

A

ARPANET je preteča Interneta, bila je to velika rasprostranjena mreža koju je razvilo američko Ministarstvo obrane. Uspostavljena je 1969., a služila je kao osnova za ispitivanje novih mrežnih tehnologija. 1969. Poslana je prva poruka (“LOGIN”) s računala (UCLA) na računalo (Stanford) - prenešen je “LO”, mreža se srušila na slovu “G”, a računala su bila veličine manje kuće. 1979. znanstvenik Vinton Cerf rješava problem komunikacije spojenih mreža uvođenjem TCP, a kasnije i IP protokola.

Question 4

Q

Tko se smatra očevima interneta i zašto? Što je njihova inovacija i kada su je razvili (godina)?

Answer

A

Vint Cerf (otac interneta) dizajnirao je TCP/IP protokole (1972.) i internetsku arhitekturu s Robertom E. Kahnom.
1973. godine Cerf na zahtjev Kahna počinje raditi s njim u Agenciji za napredna istraživanja Ministarstva obrane Sjedinjenih Država (DARPA).
Uz njih - Larry Roberts (otac ARPAneta) i Sir Tim Berners-Lee (1989. osmislio Web, prvi uspostavio vezu klijent-server uporabom HTTP protokola)

Question 5

Q

Ukratko objasnite što je TCP/IP protokol.

Answer

A

IP (Internet Protocol) je jedinstvena numerička adresa uređaja spojenog na internet, npr. 37.153.96.1 (IPv4)
TCP (Transmission Control Protocol) je jedan od osnovnih protokola unutar IP grupe protokola. Korištenjem protokola TCP aplikacija na nekom poslužitelju uključenom u računalnu mrežu stvara virtualnu vezu prema drugom poslužitelju, te putem te ostvarene veze prenosi podatke.

Question 6

Q

Navedite najpoznatije servise interneta (barem četiri).

Answer

A

E-mail, FTP, www, chat

Question 7

Q

Definirajte što je World Wide Web (WWW).

Answer

A

Web (World Wide Web) je jedan od servisa interneta. Pokrenuo ga je Tim Berners Lee, 1989. godine u CERN-u (Švicarska). Web nije internet - web je jedan od servisa na internetu.

Question 8

Q

Gdje, kada i zašto je razvijen WWW? Tko se smatra ocem WWW-a? Što su njegove inovacije u okviru WWW projekta?

Answer

A

znanstvenik Tim Berners Lee (CERN, Švicarska) predstavlja “World Wide Web” - mrežu informacija dostupnu svima na internetu. Tim Berners Lee je tvorac HTML jezika, URL adresa, HTTP protokola, prvog web preglednika, HTML editora i HTTP servera.

Question 9

Q

Ukratko objasnite što je HTTP/HTTPS protokol.

Answer

A

-HTTP (HyperText Transfer Protocol)
-Komunikacijski model baziran na zahtjevu (eng. request) i odgovoru (eng. response)
-omogućuje komunikaciju između web poslužitelja i web preglednika

Question 10

Q

Kada je objavljeno prvo web sjedište i kako je izgledao (od kojih elemenata se primarno sastojalo)?

Answer

A

kolovoza 1991. prvi je web site bio on-line. Na stranici je bio samo tekst u strukturama <h1> i <p>.

Question 11

Q

Po čemu je poseban web preglednik (browser) Mosaic. Tko i kada ga je izradio?

Answer

A

grupa studenata i istraživača na Sveučilištu Illinois
- ključan u popularizaciji World Wide Weba i općenito Interneta integracijom multimedije kao što su tekst i grafika
-prvi preglednik koji prikazuje slike unutar teksta umjesto u zasebnom prozoru
- često se opisuje kao prvi grafički web preglednik

Question 12

Q

Definirajte što je W3C. Tko i kada ju je osnovao?

Answer

A

Organizacija za razvoj i standardizaciju web tehnologija. W3C je skraćeno od World Wide Web Consortium, a osnovao ga je Tim Berners Lee 1994. godine

Question 13

Q

Koje značajne tehnologije i alati nastaju u periodu od 1994. do 1996. godine?

Answer

A

– Netscape
- Opera, Internet Explorer, JavaScript, PHP
- CSS, Flash

Question 14

Q

Objasnite pojam web 1.0. Navedite najvažnije značajke.

Answer

A

Web 1.0 model - webmaster objavljuje, a posjetitelji konzumiraju sadržaj. Osmišljen je kako bi pomogao ljudima da bolje pronađu informacije. Ova web verzija namijenjena je korisnicima koji traže podatke. Ovu web verziju ponekad nazivaju “Web samo za čitanje”. Sastoji se od statičnih stranica povezanih sa sustavom putem hiperveza. Ima HTML 3.2 elemente poput okvira i tablica. HTML obrasci se šalju e-poštom. Sadržaj dolazi iz datotečnog sustava poslužitelja, a ne iz sustava upravljanja relacijskom bazom podataka. Sadrži GIF gumbe i grafiku

Question 15

Q

Objasnite pojmove dot-com boom i dot-com bubble burst.

Answer

A

- 1. web postaje “mainstream”, vrijednost dionica on-line tvrtki eksplozivno raste (dot-com boom).
- 1. propadaju mnoge .com tvrtke (dot-com bubble burst).

Question 16

Q

Objasnite pojam web 2.0. Navedite najvažnije značajke.

Answer

A

Web 2.0 naglašava sadržaj koji stvaraju korisnici (UGC), jednostavnost korištenja, interaktivnost i poboljšanu kompatibilnost s drugim sustavima i uređajima (mobiteli, tableti, desktop verrzije). Web 2.0 je sve o iskustvu krajnjeg korisnika. Posljedično, ovaj web obrazac bio je odgovoran za stvaranje zajednica, suradnje, dijaloga i društvenih medija.
Kao rezultat toga, Web 2.0 se smatra primarnim oblikom web interakcije za većinu današnjih korisnika. Ako se Web 1.0 nazivao “Web samo za čitanje”, Web 2.0 je poznat kao “participativni društveni web”. Web 2.0 je bolja, poboljšana verzija svog prethodnika, koja uključuje tehnologije web preglednika kao što su JavaScript okviri.

Question 17

Q

Koje značajne tehnologije i alati nastaju u periodu od 2001. do 2008. godine?

Answer

A

2001 - online vektorska grafika
2003 – Safari
2004 - Firefox, canvas grafika
2008 - Chrome, HTML5, CSS3

Question 18

Q

Definirajte što je web dizajn? Navedite i ukratko objasnite temeljne korake pri izradi web sjedišta.

Answer

A

Web dizajn je proces izrade web stranica. Skup web stranica koje su međusobno povezane hipervezama (eng. hyperlinks) i okupljene pod zajedničkom domenom naziva se web mjesto (eng. web site).
Planiranje projekta, izrada prototipa stranice (koncept/sitemap/wireframe), izrada vizualnog koncepta stranice (sadržaj, boje, tekst), izrada web stranice (programiranje), testiranje, objava

Question 19

Q

Što je cilj planiranja projekta u web dizajnu? Što je sve potrebno razmotriti i isplanirati?

Answer

A

Planiranje je prvi i najvažniji korak u izradi web sjedišta - cilj planiranja je predviđanje mogućih prepreka te dugoročna ušteda vremena i novca.
Vrsta, tema i naziv web sjedišta? Svrha, ciljevi i ciljana publika?
Sadržaj? Funkcionalnosti i navigacija? Potrebna umijeća i resursi? Mapa web sjedišta (site map ili web map), Skice (wire frames)

Question 20

Q

Definirajte što je sitemap, a što wireframe.

Answer

A

Sitemap je vizualna mapa nekog web mjesta i služi za prikaz navigiranja kroz neko web mjesto.
Wireframe je grafički prikaz organizacije sadržaja na web stranici unutar web mjesta.

Question 21

Q

Objasnite pojmove user experience (UX) i usability.

Answer

A

Usability se fokusira na čim jednostavnije korištenje aplikacije dok se UX fokusira na korisničevo iskustvo kroz cijeli proces korištenja aplikacije/proizvoda.

Question 22

Q

Definirajte što je domena. Gdje se domene mogu zakupiti? Navedite nekoliko primjera popularnih vršnih domena (barem četiri). Što je poddomena?

Answer

A

Domena je jedinstvena simbolička oznaka web mjesta, npr. www.unin.hr. Resursima u okviru određene domene pristupa se URL adresom (eng. Uniform Resource Locator), npr. http://www.unin.hr/web-stranica.html.
Najpopularnije su generičke (com, net, org…) i državne (hr, de, fr…) vršne domene (TLD – Top Level Domain).
Domene se mogu zakupiti preko raznih stranica (infoNet, plusHosting itd.
Poddomena je domena koja je dio druge (glavne) domene. Na primjer, ako domena nudi internetsku trgovinu kao dio svoje web stranice example.com, može koristiti poddomenu shop.example.com.

Question 23

Q

Pri odabiru domene web sjedišta, što se preporučuje izbjegavati? Navedite dobar i loš primjer domene.

Answer

A

Domena bi trebala biti kratka, jasna i jezgrovita, odnosno lako pamtljiva i upečatljiva. Pri odabiru domene preporučuje se izbjegavati crtice, brojke i skraćenice - također, preferira se .com vršna domena.
Loš primjer: m0ja-domen4.net
Dobar primjer: mojadomena.com

Question 24

Q

Definirajte što je IP adresa. Navedite primjer IPv4 adrese. Po čemu se razlikuju IPv4 i IPv6 adrese? Zašto se uvode IPv6 adrese?

Answer

A

Svakom računalu priključenom na internet dodjeljuje se jedinstvena numerička oznaka koja se zove IP adresa, npr. „94.253.156.154.“ Danas sve više uređaja ima mogućnost pristupa internetu i stoga postojeći IPv4 adresni prostor više nije dovoljan pa se postepeno uvodi nova generacija IP adresa, tzv. IPv6, oblika npr. „2001:db8:85a3:0:0:8a2e:370:7334“.

Question 25

Q

Definirajte što je DNS i objasnite njegovu svrhu.

Answer

A

DNS (Domain Name System) je distribuirani hijerarhijski sustav internet poslužitelja koji sadrže informacije o domenama. Domena je DNS zapisom vezana s IP adresom računala na kojem se nalaze stranice web sjedišta. Ako ne želimo registrirati novu domenu, možemo unutar postojeće domene stvoriti poddomenu (npr. moje-web-mjesto.unin.hr) i kroz DNS je povezati s hosting serverom.

Question 26

Q

Definirajte što je web poslužitelj (server).

Answer

A

Računalo koje posjetiteljima web sjedišta poslužuje web stranice naziva se web poslužitelj (web server).

Question 27

Q

Definirajte što je URL. Navedite primjer.

Answer

A

URL (Uniform Resource Locator) je adresa do određenog sadržaja na internetu.
Npr. http://www.unin.hr/webdizajn/prva-stranica.html.
URL čine protokol pristupa, npr. HTTP (eng. HyperText Transfer Protocol), domena web mjesta, putanja te naziv i ekstenzija željenog resursa, odnosno datoteke.

Question 28

Q

Objasnite što su client-side/frontend web tehnologije. Navedite najpopularnije web tehnologije iz te kategorije.

Answer

A

Client-side/frontend web tehnologije su tehnologije koje se koriste za izradu klijentskog dijela web aplikacije, onoga što korisnici vide i s čim interaktiraju. Ove tehnologije se koriste za izradu korisničkog sučelja web stranice ili aplikacije i obično se izvode u pregledniku korisnika.
Najpopularnije client-side/frontend web tehnologije uključuju: HTML, CSS, JavaScript, React, Angular, Vue.js, JQuery

Question 29

Q

Definirajte što je HTML i objasnite od čega se sastoji.

Answer

A

HTML je opisni jezik namijenjen opisivanju strukture web stranice (raspored elemenata na stranici). Sastoji se od niza oznaka (tags).

Question 30

Q

Zašto HTML element p ima početnu i završnu oznaku, dok img nema?

Answer

A

Zato što tag p odnosno paragraf u sebi sadrži neki određeni sadržaj dok tag img nema sadržaj već se on opisuje kroz atribut src.

Question 31

Q

Objasnite što su HTML entiteti.

Answer

A

HTML entiteti su kodovi posebnih znakova. (&,<,>,€…) Svaki entitet počinje sa (&) i završava sa (;).

Question 32

Q

Čemu služe HTML komentari?

Answer

A

Komentari služe za bolju organizaciju koda, a ne prikazuju se u web pregledniku.

Question 33

Q

Koje dvije osnovne cjeline čine HTML dokument? Što se upisuje u jednu, a što u drugu cjelinu?

Answer

A

HTML dokument čine dvije osnovne cjeline – head i body. U head se upisuju oznake koje su važne za renderiranje stranice, no ne prikazuju se, a body se upisuju elementi koji će se prikazati na stranici.

Question 34

Q

Kada je HTML5 postao službena W3C preporuka (godina)? Što to znači?

Answer

A

Standardizacija HTML 5 jezika je završena 2014. i time postaje službena W3C preporuka. HTML 5 je posljednja revizija HTML jezika koja uvodi nove semantičke elemente i napredne multimedijske mogućnosti.

Question 35

Q

Što omogućuju semantički HTML5 elementi? Navedite nekoliko takvih elemenata (barem pet).

Answer

A

Semantički HTML elementi omogućuju pisanje koda s naglaskom na značenju pojedinih zona predloška, što je logičan korak prema Web 3.0 – semantičkom webu. Time je omogućena i bolja čitljivost koda, bolji SEO te kompatibilnost s čitačima sadržaja ekrana.
Article, aside, footer, header, main, time

Question 36

Q

U čemu je posebnost HTML5 jezika u smislu reprodukcije audio i video sadržaja?

Answer

A

Multimedijske mogućnosti HTML 5 jezika odnose se na reprodukciju video i audio sadržaja izravno kroz HTML kod, bez potrebe korištenja vanjskih dodataka (npr. Flash plugina) te prikaz animirane grafike kroz canvas element (igre).

Question 37

Q

Navedite i objasnite osnovne HTML elemente za strukturiranje teksta – naslovi, paragraf, liste, tablica.

Answer

A

<h1> Ovo je naslov </h1>

<p> Ovo je neki tekst </p>

<ul>
<li> Ovo je prvi bulletpoint u listi</li>
</ul>

<table>
<tr>
<th> Ovo je tablica </th>
</tr>
</table>

Question 38

Q

Objasnite kako biste na web stranicu integrirali fotografiju? U koji HTML atribut se upisuje putanja do slikovne datoteke? Što se upisuje u HTML atribut alt?

Answer

A

<img src=“slika.jpg“ alt=“slika“>
alt služi kao alternativni tekst koji se prikazuje umjesto fotografije u slučaju da se ona ne učita

Question 39

Q

Definirajte što je CSS i ukratko objasnite od čega se sastoji.

Answer

A

CSS (Cascading Style Sheets) je opisni jezik za definiranje izgleda web stranice, sastavljen od niza unaprijed definiranih svojstava i mogućih vrijednosti.

Question 40

Q

Tko, kada i zašto je izradio izradio prvu verziju CSS jezika?

Answer

A

godine djelatnici W3C organizacije Håkon Wium Lie i Bert Bos predlažu razdvajanje strukture i prezentacije web stranica te nude rješenje koje 1996. godine postaje CSS 1.

Question 41

Q

Što su CSS deklaracije, a što selektori?

Answer

A

CSS se primarno sastoji od svojstva i vrijednosti, što zajedno čini deklaraciju. Deklaracije se obično grupiraju u blokove i selektorima vežu na HTML elemente.
CSS selektor odabire ciljane HTML elemente i na njih aplicira pripadajuće deklaracije. Postoji niz CSS selektora, no najčešće se koriste klase, pseudo-klase, identifikatori i izravno vezanje na HTML elemente kontekstnim selektorima.

Question 42

Q

Što je inline CSS stiliziranje? Zašto nije preporučljivo?

Answer

A

Inline stiliziranje podrazumijeva dodjeljivanje CSS oblikovanja HTML elementima unutar HTML koda pomoću atributa style

Question 43

Q

Kako se CSS klase povezuju s HTML elementima?

Answer

A

HTML mora imati dodijeljenu klasu pomoću atributa class, zatim se u CSS-u ispred imena klase koja se poziva stavlja oznaka za klasu u ovom slučaju znak točke (.)

Question 44

Q

Što su kontekstni CSS selektori?

Answer

A

Selektori koji se direktno vežu na HTML element. Na primjer selektor p {color:red;} znači da će svaki paragraf koji koristimo na web stranici biti crvene boje osim ako određeni paragraf nije drugačije definiran.

Question 45

Q

Ukratko objasnite kaskadna svojstva CSS jezika.

Answer

A

U određenim uvjetima može se dogoditi da više CSS selektora poziva isti HTML element pa se apliciranje deklaracija izvršava u skladu s kaskadnim svojstva CSS jezika, prema sljedećim prioritetima:
1. stilovi dodijeljeni atributom style
2. id selektori
3. klase i pseudo-klase
4. kontekstni selektori

Question 46

Q

Ukratko objasnite po čemu je CSS3 jezik napredniji od prethodnih verzija.

Answer

A

Animacije i tranzicije, Gradijenti, zaobljeni rubovi i sjene, Web fontovi, Transformacije
Responzivni dizajn

Question 47

Q

Pomoću kojih CSS svojstava bi ste stilizirali tekst na web stranici, odnosno definirali font te veličinu i boju teksta?

Answer

A

font-family: ‘font’, sans-serif;
font-weight: 400;
color: black;

Question 48

Q

Što su CSS web fontovi? Po čemu se razlikuju od klasičnih (sistemskih) fontova?

Answer

A

CSS fontovi se mogu pozvati iz nekog servisa npr. google fonts i pomoću koda pozvati unutar css-a, dok su sistemski fontovi instalirani na računalu

Question 49

Q

Pomoću kojeg CSS svojstva bi ste definirali željenu varijantu fonta (npr. thin, light, regular ili bold)?

Answer

A

font-weight: 400; ili font-weight: normal;

Question 50

Q

Ukratko objasnite što je layout engine (browser engine)? Navedite najpopularnije.

Answer

A

Layout engine je sustav za prikazivanje web sučelja koji se prikazuje ovisno o ograničenjima uređaja/korisnika.
Najpopularniji „layout engine“ sustavi su WebKit (Safari, Chrome), Gecko (Firefox) i Trident/MSHTML (Internet Explorer). Zbog niza problema iz prošlosti, Internet Explorer je stigmatiziran kao najproblematičniji preglednik u kontekstu prikaza web stranica do te mjere da je njegov proizvođač (Microsoft) odlučio stvoriti novi layout engine (EdgeHTML) i novu verziju preglednika nazvati Microsoft Edge.

Question 51

Q

Ukratko objasnite što je Bootstrap.

Answer

A

Bootstrap je skup alata koji omogućuje brzi razvoj web sučelja. Takvi alati sastoje se od niza pripremljenih elemenata web sučelja čiji se HTML, CSS i JavaScript kodovi mogu slobodno preuzeti te modificirati i koristiti u vlastitim projektima. Takav pristup razvoju web mjesta osigurava visoku kvalitetu koda jer je bazni kod razvijen i provjeren od strane velikog broja entuzijasta uključenih u njegov razvoj, što korisniku omogućuje da se maksimalno posveti dizajnu sučelja. Također, Bootstrap se može vrlo jednostavno modificirati pomoću dinamičnih jezika za stiliziranje (eng. dynamic stylesheet languages) koji se kompiliraju u standardne CSS datoteke.

Question 52

Q

Definirajte što je JS (JavaScript) te objasnite po čemu se razlikuje od jezika HTML i CSS. Tko je izvorni tvorac JavaScripta? Što je jQuery?

Answer

A

JavaScript je programski jezik koji služi za ugradnju dinamičnih elemenata koji se izvršavaju na strani korisnika. Tvorac je Brendan Eich (1995.)
Jedan od najpopularnijih takvih alata je jQuery JavaScript biblioteka (eng. JavaScript library). jQuery značajno pojednostavljuje izradu dinamičnih JavaScript komponenti, što je slikovito opisano njegovim motom „write less, do more“.
jQuery je JavaScript biblioteka dizajnirana za pojednostavljenje obilaska HTML DOM stabla i manipulacije, kao i rukovanje događajima , CSS animaciju i Ajax . To je besplatan softver otvorenog koda koji koristi dopuštenu licencu MIT-a.

Question 53

Q

Što su Angular, React i Vue?

Answer

A

ANGULAR
- besplatni framework web-aplikacije otvorenog koda
- temeljen na TypeScriptu
REACT
-besplatna JavaScript biblioteka otvorenog koda za izgradnju korisničkih sučelja
VUE.JS
- open-source progressive JavaScript framework za izgradnju korisničkih sučelja i aplikacija na jednoj stranice

Question 54

Q

Objasnite što su server-side/backend web tehnologije. Navedite najpopularnije web tehnologije iz te kategorije.

Answer

A

server-side/backend web tehnologije su tehnologije koje se odnose na sve ono što se odvija “u pozadini” neke web stranice i što korisniku nije vidljivo. Primjerice, updatedovi, vođenje baza podataka i sl. operacije na serverima.
PHP, MySQL, CMS, Node

Question 55

Q

Što omogućuje NodeJS?

Answer

A

Node.js međuplatformsko poslužiteljsko okruženje otvorenog izvornog koda koje može raditi na Windowsu, Linuxu, Unixu, macOS-u itd. Node.js je back-end JavaScript runtime okruženje, radi na V8 JavaScript Engineu i izvršava JavaScript kod izvan web preglednika.

Question 56

Q

Čime se bavi frontend, a čime backend web developer?

Answer

A

Frontend developer se bavi samim oblikovanjem i dizajnom web stranice dok se backend developer bavi funkcionalnošću i radom stranice u pozadini (povezivanje na server, na bazu…).

Question 57

Q

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?

Answer

A

Zato što se od tada web stranice mogu prikazivati i na mobilnim uređajima koji se dimenzijski razlikuju od ekrana monitora na računalima pa su web stranice morale postati responzivne. Safari, multitouch

Question 58

Q

Što je Adobe Flash? Zašto je bio popularan i zašto se više ne koristi?

Answer

A

Alat koji se služio za prikaz multimedijskog sadržaja na web stranicama. Bio je meta mnogim sigurnosnim napadima te se više ne koristi i također se razvojem tehnologije i otvorenim standardima kodiranja smanjila potreba za Flashom. Npr. HTML5 integrirani video

Question 59

Q

Koje mogućnosti HTML5 jezika se koriste kao zamjena za nekad popularnu tehnologiju/alat Adobe Flash?

Answer

A

HTML 5 uvodi mogućnost izrade interaktivnih animacija pomoću CSS 3 i JavaScript jezika koje se mogu reproducirati izravno kroz HTML canvas element.

Question 60

Q

Ukratko objasnite što je WebGL i po čemu je poseban. Što je three.js?

Answer

A

WebGL (Graphics Library) koji je integriran u moderne preglednike i omogućuje naprednu vizualizaciju 2D i 3D grafike izravno kroz HTML canvas element > WebGL podržava GPU akceleraciju (procesiranje kroz grafičku karticu).
Three.js je JavaScript biblioteka za različite preglednike i sučelje za programiranje aplikacija (API) koje se koristi za stvaranje i prikaz animirane 3D računalne grafike u web pregledniku pomoću WebGL- a

Question 61

Q

Ukratko objasnite što je web hosting. Koja vrsta web hostinga je obično najjeftinija i zašto?

Answer

A

Postoje tvrtke koje nude uslugu smještaja web stranica na vlastitim serverima, uz mjesečnu naknadu. Takva usluga naziva se web hosting. Obzirom na vrstu usluge, korisnici mogu odabrati shared, VPS i dedicated hosting. Za početnike, shared hosting je dovoljno dobro i jeftino rješenje (oko 7$ mjesečno). VPS i dedicated obično koriste web sjedišta s puno posjetitelja (high traffic) i velikim podatkovnim prijenosom (high bandwidth).

Question 62

Q

Što je cPanel?

Answer

A

cPanel je softver upravljačke ploče web hostinga.
Omogućuje grafičko sučelje (GUI) i alate za automatizaciju dizajnirane da pojednostave proces hostinga web stranice vlasniku web stranice ili “ krajnjem korisniku “. Omogućuje administraciju putem standardnog web preglednika koristeći troslojnu strukturu. Dok je cPanel ograničen na upravljanje jednim hosting računom, cPanel & WHM dopuštaju administraciju cijelog poslužitelja.

Question 63

Q

Objasnite primjenu heatmap UX testova u web dizajnu.

Answer

A

Heat map je vizualizacija podataka koja pokazuje kako korisnici web stranice klikaju, pomiču se i kreću po stranici. ‘Vrući’ dio naziva dolazi od ljestvice boja: crvena prikazuje popularna (vruća) područja stranice, a plava manje popularna (hladna) područja.

Question 64

Q

Pri optimizaciji sadržaja za objavu na web sjedištu, što se preporučuje napraviti s tekstom, a što s multimedijom (slike, zvuk, video)?

Answer

A

Koristiti čim više ključnih relevantnih riječi, koristiti tagove, metatagove. Za slike/videe i sl. preporuča se korištenje istog unutar alternativnog teksta i korištenje opisa.

Answer 65

A

Pikselska grafika je grafika građena od piksela. To mogu biti različite slike, grafikoni i slično najčešće u jpg, gif, png, webp formatu.
Vektorska grafika građena je od usmjerenih krivulja tj. vektora. Glavna razlika vektorske i pikselske grafike je u tome što se vektorska grafika može skalirati na željenu veličinu bez gubitka kvalitete dok se kod pikselske grafike ta kvaliteta gubi. Vektorska se grafika najčešće koristi za izradu logotipa i tipografije.
Raster je element u tisku. To su sitne točkice od kojih se sastoje svi elementi koje tiskamo ili printamo.

Answer 66

A

JPEG – fotografije visoke kvalitete
GIF – transparentne sličice i animacije do 256 boja
PNG – transparentne sličice visoke kvalitete
WEBP – fotografije, transparentne i animirane sličice visoke kvalitete
SVG – vektorska grafika

Answer 67

A

video – mp4, webm, ogg

Answer 68

A

Visual studio code, Notebad++, Atom, Sublime Text

Formatiranje koda, autocomplete, file/folder manager, debugging, ekstenzije, odličan UX (brzina, skinovi)

Answer 69

A

XAMP je besplatan i open-source višeplatformski paket hrpa rješenja web poslužitelja koji je razvio Apache Friends koji se uglavnom sastoji od Apache HTTP poslužitelja, baza podataka MariaDB i interpreteri za skripte napisane u programskim jezicima PHP i Perl .
FileZilla je besplatna FTP aplikacija otvorenog izvornog koda koja se sastoji od FileZilla klijenta i FileZilla poslužitelja. Klijenti su dostupni za Windows , Linux i macOS . I poslužitelj i klijent podržavaju FTP i FTPS (FTP preko SSL/TLS ), dok se klijent može dodatno povezati na SFTP poslužitelje.
WinSCP je besplatan SSH File Transfer Protocol (SFTP), File Transfer Protocol (FTP), WebDAV , Amazon S3 i klijent protokola sigurnog kopiranja (SCP) otvorenog koda za Microsoft Windows .
PuTTY je besplatni terminalski emulator otvorenog koda , serijska konzola i mrežna aplikacija za prijenos datoteka. Podržava nekoliko mrežnih protokola , uključujući SCP , SSH , Telnet , rlogin i raw socket vezu. Također se može spojiti na serijski priključak . Naziv “PuTTY” nema službeno značenje.

Answer 70

A

Izrada skica (wirefreme)
Dizajn korisničkog sučelja (UI design)
Dizajn korisničkog iskustva (UX design)
Obrada grafike
No-code razvoj (WYSIWYG)

Answer 71

A

Sketch, Figma, InVision, Adobe XD

Answer 72

A

Adobe Photoshop, Gimp, Paint.net, Autodesk Pixlr

Answer 73

A

Adobe Illsustrator, Inskcape, Corel Drive

Answer 74

A

Wix, Webflow, Glide, Bubble

Answer 75

A

Webflow pruža hosting i on je CMS sustav.

Answer 76

A

Lou Montulli računalni je programer koji je dobro poznat po svom radu na izradi web preglednika . Godine 1991. i 1992. koautor je tekstualnog web preglednika pod nazivom Lynx s Michaelom Grobeom i Charlesom Rezacom, dok je bio na Sveučilištu u Kansasu. Ovaj web preglednik bio je jedan od prvih dostupnih i još uvijek se koristi. Tvorcem kolačića smatra se Lou Montulli, zaposlenik nekadašnje tvrtke Netscape Communications.

Answer 77

A

Nakon uspostave fizičke veze s web poslužiteljem pomoću TCP/IP protokola, web preglednik mu šalje HTTP zahtjev. Po zaprimljenom zahtjevu, web poslužitelj odgovara web pregledniku porukom o stanju zahtjeva i pripadajućim paketom podataka. Nakon ispunjenja zahtjeva komunikacija se prekida, zbog čega je HTTP tzv. „stateless“ protokol, što znači da izvorno ne postoji mehanizam pamćenja podataka iz prethodnih zahtjeva. To se pokazalo kao značajan problem koji je riješen pomoću HTTP kolačića (eng. cookies) na strani preglednika i varijablama sesije (eng. session variables) na strani poslužitelja.

Answer 78

A

Ethan Marcotte je tvorac responzivnog web dizajna.

Answer 79

A

Responzivni web dizajn je proces izrade web stranica čije se sučelje prilagođava dostupnoj širini zaslona kako bi se ostvarilo zadovoljavajuće korisničko iskustvo, neovisno o dimenzijama uređaja kojim se pregledava.

Answer 80

A

Pojam i koncept responzivnog web dizajna prvi put spominje Ethan Marcotte 2010. godine u časopisu A List Apart.

Answer 81

A

Adaptivni web dizajn ( AWD ) promiče stvaranje višestrukih verzija web stranice kako bi bolje odgovarale korisnikovom uređaju, za razliku od jedne statične stranice koja se učitava (i izgleda) isto na svim uređajima ili jedne stranice koja mijenja redoslijed i veličinu sadržaja odgovarajući na temelju uređaja/ veličine zaslona / preglednika korisnika.

Answer 82

A

Medijski upiti služe za detekciju širine zaslona uređaja, oni kaskadno modificiraju odabrane CSS deklaracije.

Answer 83

A

CMS (Content Management System) je sustav za upravljanje sadržajem web sjedišta. Omogućuje lako upisivanje, uređivanje i brisanje sadržaja web sjedišta kroz jednostavno korisničko sučelje, bez potrebe znanja HTML kodiranja. WordPress, Joomla i Drupal.

Answer 84

A

Front end je ono što korisnici vide i s čim interaktiraju dok je backend mjesto za administratore, uređivanje stranice.

Answer 85

A

PHP, JavaScript

Answer 86

A

CSS, HTML

Answer 87

A

Prije nego se određena stranica prikaže posjetitelju, server side programski jezik komunicira s bazom podataka pomoću SQL jezika i tražene podatke aplicira na frontend predložak.

Answer 88

A

Objave upisane kroz backend sučelje CMS sustava spremaju se u bazu podataka, a ne izravno u HTML kod web stranice.

Answer 89

A

Caching sprema podatke kako bi server brže poslao odgovor na ponovne upite.

Answer 90

A

Kupnjom licence komercijalnog sustava ostvaruje se pravo na tehničku podršku.

Answer 91

A

U kontekstu WordPress sustava, frontend predlošci zovu se teme.
WordPress CMS sustav moguće je nadograditi posebnim dodacima (plugins), npr. ecommerce.

Answer 92

A

SEO (Search Engine Optimization) je proces prilagodbe sadržaja web sjedišta i njegove povezanosti s drugim kontekstualno relevantnim web sjedištima u cilju ostvarenja što više pozicije na web tražilicama pri pretraživanju željenih ključnih riječi.
Prema vrsti, SEO se dijeli na:
- on-page – optimizacija sadržaja web stranica prema željenim ključnim riječima te poboljšanje semantike strukturalnih HTML oznaka
- off-page – izgradnja poveznica s drugim kontekstualno relevantnim web sjedištima (link building).

Answer 93

A

white hat – legitimne SEO strategije, dozvoljene i podržane od strane tražilica
black hat – nedozvoljeni trikovi bazirani na primjećenim propustima u algoritmima pretrage pojedinih tražilica.

Answer 94

A

Google, Bing, Yahoo! Search, Ask, Aol Search i Baidu (Kina)

Answer 95

A

Rezultati pretrage tražilice (eng. Search Engine Results Pages, SERP) su stranice koje tražilice prikazuju kao odgovor na pretražni upit (eng. search query) koji je zadao tragatelj. Glavna sastavnica SERP-a su izlistani rezultati koje je vratila tražilica kao odgovor na upit ključnom riječi, premda stranica mogu također sadržavati druge rezultate poput oglasa.

Answer 96

A

PageRank ( PR ) je algoritam koji koristi Google pretraživanje za rangiranje web stranica u rezultatima tražilice. Ime je dobila po izrazu “web stranici” i suosnivaču Larryju Pageu. PageRank je način mjerenja važnosti web stranica.

Answer 97

A

Oglašavanje putem internet tražilica (eng. search engine marketing - SEM) je forma internet marketinga koja promovira web stranice oglašivača kroz pojačanu vidljivost na internet pretraživačima. Ova forma oglašavanja je izrazito korisna ako web stranice nisu optimizirane ili je zbog visoke koncentracije konkurencije na ciljanim ključnim riječima teško postići visoki rang na rezultatima pretraživanja

Answer 98

A

Google Ads je brz i jednostavan način nabave visoko fokusiranog oglašivanja na osnovi Cijene-Po-Kliku (CPK) nezavisno o proračunu korisnika. Postoje različite kampanje koje se mogu pokrenuti.
Google AdSense je Googleov program koji na vašu web-stranicu/blog stavlja poveznice vezane za vašu stranicu/blog te Googleovu tražilicu. Kad netko klikne na te poveznice, vlasnik stranice zarađuje novac.

Answer 99

A

Google Analytics je usluga web analitike koju nudi Google koja prati i izvješćuje o prometu web stranice.

Answer 100

A

U periodu 1990. – 2001. web je funkcionirao kao oglasna ploča.

Answer 101

A

Webmaster vrši objavu informacija, a posjetitelji su pasivni promatrači.

Answer 102

A

U periodu 1995. – 2000. web postaje „mainstream”, što dovodi do njegove snažne komercijalizacije i nastanka mnogih on-line tvrtki baziranih na prodaji proizvoda putem statičnih web stranica

Answer 103

A

Pojam web 2.0 prvi put spominje Darcy DiNucci u članku „Fragmented Future”, objavljenom u siječnju 1999. godine.

Answer 104

A

O’Reilly Media organizira prvu web 2.0 konfereciju gdje Tim O’Reilly i John Battelle iznose osnovne značajke novog modela kroz predavanje „Web as Platform”.

Answer 105

A

blogovi, wiki stranice, društvene mreže, sustavi za komentiranje i klasificiranje sadržaja (folksonomy), video sharing web sjedišta (tubes), on-line servisi, web aplikacije i mashup web sjedišta.

Answer 106

A

Posjetitelji postaju aktivni sudonici u stvaranju korisnog sadržaja.

Answer 107

A

Veliki problem web 2.0 modela je nemogućnost kontrole kršenja autorskih prava od strane posjetitelja koji su sada aktivni sudionici u stvaranju sadržaja. Stoga, uz odricanje odgovornosti, velike web 2.0 tvrtke zapošljavaju niz moderatora koji po zaprimljenoj žalbi uklanjaju kompromitirajuće sadržaje.

Answer 108

A

Web 2.0 model može se primjeniti i na nastavni proces (school 2.0). Web 2.0 nastava – studenti aktivno sudjeluju u nastavnom procesu istraživanjem i prezentiranjem tema kolegija, izradom seminarskih i praktičnih zadataka te evaluacijom vlastitih postignuća i rada svojih kolega.

Answer 109

A

jednostavnost i preglednost
jasno naglašene površine od posebnog interesa

Answer 110

A

Društvene mreže su web sjedišta namijenjena povezivanju pojedinaca prema zajedničkim interesima, aktivnostima i društvenima vezama iz stvarnog života

Answer 111

A

korisnikova osobna stranica (profil)
sustav za pretragu i povezivanje s korisnicima prema željenim parametrima
alati za kolaboraciju i interakciju s drugim korisnicima mreže

Answer 112

A

Društveni mediji su on-line komunikacijski kanali čiji sadržaj generira okupljena zajednica korisnika prema web 2.0 načelima – interakcijom, kolaboracijom i dijeljenjem (DIK) sadržaja iz drugih izvora.
Podjela društvenih medija:
1. društvene mreže – povezivanje s prijateljima i poznanicima (Facebook, LinkedIn, Instagram)
2. bookmarking servisi – spremanje, upravljanje, pretraživanje i dijeljenje linkova korisnih resursa i web sjedišta (Delicious, StumbleUpon)
3. društvene novosti – dijeljenje novosti s vanjskih izvora uz opciju ocjenjivanja kvalitete glasanjem (Digg, Reddit)
4. media sharing servisi – upload i dijeljenje multimedijskih sadržaja (YouTube, Flickr)
5. microblogging servisi – kratke tekstualne objave (Twitter)
6. Forumi i blogovi

Answer 113

A

Opisivanje i klasificiranje u okviru web 2.0 okruženja vrši se kolaborativnim označavanjem društvenih sadržaja (social tagging).

Answer 114

A

Sustav kolaborativnog označavanja (folk + taxonomy) = pojam prvi put spominje Thomas Vander Wal, a postaje popularan 2004.

Answer 115

A

SPARQL = jezik za semantičku pretragu weba
RDF = Resource Description Framework, podatkovni model za metapodatke

Answer 116

A

Danas već postoji upitni jezik (SPARQL) i model formatiranja podataka (RDF) koji bi omogućili semantičku pretragu weba, no takav sustav je trenutno teško izvesti jer većina web sadržaja nije dovoljno semantički opisana pa iz njih nije moguće generirati RDF dokumente. Osim navedenog, značajan problem predstavlja i pohrana semantičkih podataka, djelomično zbog količine, ali i zato što bi takva baza podataka trebala biti decentralizirana, a upiti se distribuirati po principu P2P.

Answer 117

A

Kvantno računalo je bilo kakav uređaj za računanje koji izravno koristi različite kvantnomehaničke fenomene, kao što su superpozicija i povezanost (spregnutost), kako bi obavile operacije nad podacima.

Answer 118

A

„Blockchain” P2P baza podataka koja je temelj Bitcoin transakcijskog sustava.
Bitcoin je decentralizirana, distribuirana, anonimna platna mreža, a ujedno i virtualna kriptovaluta koju ta platna mreža koristi.
Ethereum je platforma i operacijski sustav. Platforma i operacijski sustav su otvorena koda, javni, zasnovani na blok-lancima i raspodijeljena izračuna s funkcionalnošću pametna ugovora (skriptiranja).

Answer 119

A

Web 3.0 pružao bi točno tražene podatke u realnom vremenu, iz svih dostupnih web izvora, što bi pogodovalo razvoju personalizirane web ekonomije, bazirane na korisnikovim potrebama, željama i interesima.

Decentralizacija interneta i tranzicija prema P2P sustavu, što bi omogućilo potpuni “Web of Things”, u kojem bi svaki priključeni uređaj mogao imati vlastitu “osobnu” web stranicu i participirati u pripadajućem semantičkom komunikacijskom sustavu.

Internet stvari (engl. Internet of things) označava povezivanje uređaja putem interneta. Predstavlja mrežnu infrastrukturu u kojoj fizičke i virtualne “stvari” svih vrsta komuniciraju i nevidljivo su integrirane.

Brainscape's Knowledge GenomeTM

Web dizajn Flashcards

Brainscape's Knowledge Genome^TM