Podcast
Questions and Answers
Koja je glavna svrha upoznavanja s razvojem i razumijevanjem osnovne tehnike izrade web mjesta?
Koja je glavna svrha upoznavanja s razvojem i razumijevanjem osnovne tehnike izrade web mjesta?
- Razumijevanje svih metoda mjerenja uspješnosti web mjesta.
- Stjecanje temeljnog znanja potrebnog za kreiranje web mjesta. (correct)
- Upoznavanje s ciljevima i zadacima izrade web mjesta poduzeća.
- Isključivo razumijevanje HTML, XML i CSS.
Kako se, općenito, može definirati važnost dizajna web mjesta u poslovanju?
Kako se, općenito, može definirati važnost dizajna web mjesta u poslovanju?
- Dizajn omogućava uvid u način mjerenja uspješnosti web mjesta.
- Dizajn je jedini način za definirati sadržaj web mjesta.
- Dizajn određuje kako će se proizvodi i usluge prezentirati posjetiteljima. (correct)
- Dizajn osigurava blisku suradnju s informacijskom tehnologijom.
Koju funkciju ima HTTP protokol u kontekstu tehnologija izrade web mjesta?
Koju funkciju ima HTTP protokol u kontekstu tehnologija izrade web mjesta?
- Određuje lokaciju svakog sadržaja dostupnog na webu.
- Interpretira sadržane HTML naredbe na računalu klijenta.
- Služi za pretraživanje weba i prikazivanje rezultata pretrage.
- Omogućava komunikaciju između web preglednika i poslužiteljevog računala. (correct)
U koju kategoriju jezika spada HTML u kontekstu izrade web mjesta?
U koju kategoriju jezika spada HTML u kontekstu izrade web mjesta?
Što je, prema tekstu, karakteristično za hipertekstovni oblik pružanja informacija?
Što je, prema tekstu, karakteristično za hipertekstovni oblik pružanja informacija?
Koja je primarna funkcija HTML naredbi u procesu izrade web stranice?
Koja je primarna funkcija HTML naredbi u procesu izrade web stranice?
U kojem smislu je XML jezik jednostavan za opisivanje podataka?
U kojem smislu je XML jezik jednostavan za opisivanje podataka?
Koja je temeljna karakteristika XML jezika koja ga razlikuje od HTML-a?
Koja je temeljna karakteristika XML jezika koja ga razlikuje od HTML-a?
Koja je glavna svrha XBRL-a (eXtensible Business Reporting Language)?
Koja je glavna svrha XBRL-a (eXtensible Business Reporting Language)?
Kakvu ulogu ima CSS u izradi web mjesta?
Kakvu ulogu ima CSS u izradi web mjesta?
Što karakterizira sintaksu CSS-a (CSS kod)?
Što karakterizira sintaksu CSS-a (CSS kod)?
Koja je prednost pisanja CSS kodova kao odvojenih dokumenata u praksi?
Koja je prednost pisanja CSS kodova kao odvojenih dokumenata u praksi?
Koji od navedenih alata spada u alate za pisanje kodova pri izradi web mjesta?
Koji od navedenih alata spada u alate za pisanje kodova pri izradi web mjesta?
Što je ključno pri postavljanju web mjesta kao složenog projekta?
Što je ključno pri postavljanju web mjesta kao složenog projekta?
Što je važno imati na umu prilikom strukturiranja web mjesta prema važnosti sadržaja?
Što je važno imati na umu prilikom strukturiranja web mjesta prema važnosti sadržaja?
Što se preporuča pri pisanju i oblikovanju teksta na web mjestu?
Što se preporuča pri pisanju i oblikovanju teksta na web mjestu?
Koje od navedenih karakteristika trebaju biti prisutne pri oblikovanju korisničkog sučelja web mjesta?
Koje od navedenih karakteristika trebaju biti prisutne pri oblikovanju korisničkog sučelja web mjesta?
Što bi trebala sadržavati početna stranica (home page) poduzeća?
Što bi trebala sadržavati početna stranica (home page) poduzeća?
Što uključuje jednostavna metrika posjećenosti web mjesta?
Što uključuje jednostavna metrika posjećenosti web mjesta?
Što predstavlja stopa napuštanja stranice (bounce rate)?
Što predstavlja stopa napuštanja stranice (bounce rate)?
Što je osnovna ideja Advanced Research Projects Agency (ARPA)?
Što je osnovna ideja Advanced Research Projects Agency (ARPA)?
Koji je glavni cilj projekta ARPANET?
Koji je glavni cilj projekta ARPANET?
Što je bio glavni problem u Taylorovom terminal room-u?
Što je bio glavni problem u Taylorovom terminal room-u?
U kojem kontekstu se spominje 'zlatno doba vojne znanosti i tehnologije'?
U kojem kontekstu se spominje 'zlatno doba vojne znanosti i tehnologije'?
Koji je element CSS sintakse kojim se opisuju dijelovi koda u CSS dokumentu?
Koji je element CSS sintakse kojim se opisuju dijelovi koda u CSS dokumentu?
Koji se jezik koristi za definiranje stila Web mjesta ili HTML dokumenta?
Koji se jezik koristi za definiranje stila Web mjesta ili HTML dokumenta?
Koja metrika se najčešće koristi za mjerenje promotivnih aktivnosti Web mjesta?
Koja metrika se najčešće koristi za mjerenje promotivnih aktivnosti Web mjesta?
S čime mora biti usklađena strategija razvoja Web mjesta?
S čime mora biti usklađena strategija razvoja Web mjesta?
Flashcards
Što je World Wide Web?
Što je World Wide Web?
Svjetska mreža, globalni sustav povezanih dokumenata i resursa dostupnih putem interneta.
Što je sadržaj web mjesta?
Što je sadržaj web mjesta?
Omogućava posjetiteljima da se upoznaju sa informacijama, značajkama poslovanja, proizvodima i uslugama koje poduzeće pruža.
Što je dizajn web mjesta?
Što je dizajn web mjesta?
Način na koji će se sadržaj prezentirati posjetiteljima, uključujući vizualni izgled i organizaciju informacija.
Što određuje URL adresa?
Što određuje URL adresa?
Signup and view all the flashcards
Što je HTTP?
Što je HTTP?
Signup and view all the flashcards
Što je web poslužitelj?
Što je web poslužitelj?
Signup and view all the flashcards
Što je web mjesto?
Što je web mjesto?
Signup and view all the flashcards
Što su programski jezici?
Što su programski jezici?
Signup and view all the flashcards
U koju skupinu spada HTML?
U koju skupinu spada HTML?
Signup and view all the flashcards
Što je XML?
Što je XML?
Signup and view all the flashcards
Što je XBRL?
Što je XBRL?
Signup and view all the flashcards
Što je CSS?
Što je CSS?
Signup and view all the flashcards
Od čega se sastoji CSS kod?
Od čega se sastoji CSS kod?
Signup and view all the flashcards
Što je selektor u CSS-u?
Što je selektor u CSS-u?
Signup and view all the flashcards
Što je svojstvo u CSS-u?
Što je svojstvo u CSS-u?
Signup and view all the flashcards
Što je vrijednost u CSS-u?
Što je vrijednost u CSS-u?
Signup and view all the flashcards
Što je komentar u CSS-u?
Što je komentar u CSS-u?
Signup and view all the flashcards
Što omogućava povezivanje CSS-a?
Što omogućava povezivanje CSS-a?
Signup and view all the flashcards
Koje su prednosti upotrebe CSS-a?
Koje su prednosti upotrebe CSS-a?
Signup and view all the flashcards
Koje su tri skupine alata za izradu WEB mjesta?
Koje su tri skupine alata za izradu WEB mjesta?
Signup and view all the flashcards
Što je postavljanje web mjesta?
Što je postavljanje web mjesta?
Signup and view all the flashcards
Čemu treba biti prilagođen sadržaj WEB mjesta?
Čemu treba biti prilagođen sadržaj WEB mjesta?
Signup and view all the flashcards
Koja su pravila pisanja i oblikovanja web mjesta?
Koja su pravila pisanja i oblikovanja web mjesta?
Signup and view all the flashcards
Čemu treba biti prilagođeno sučelje WEB mjesta?
Čemu treba biti prilagođeno sučelje WEB mjesta?
Signup and view all the flashcards
Kakva treba biti početna stanica poduzeća?
Kakva treba biti početna stanica poduzeća?
Signup and view all the flashcards
Što su metrike WEB mjesta?
Što su metrike WEB mjesta?
Signup and view all the flashcards
Što uključuje jednostavna metrika posjećenosti WEB mjesta?
Što uključuje jednostavna metrika posjećenosti WEB mjesta?
Signup and view all the flashcards
Čemu služe agregirani podaci?
Čemu služe agregirani podaci?
Signup and view all the flashcards
Study Notes
- Prezentacija uvodi koncept World Wide Web-a.
Sadržaj prezentacije
- Uvod u razvoj i osnovne tehnike izrade web stranica.
- Objašnjenje pojmova i upotrebe HTML-a, XML-a i CSS-a.
- Razumijevanje principa, metoda i alata za oblikovanje web stranica.
- Metode mjerenja uspješnosti i revizije web stranica.
- Ciljevi, zadaci i načini izrade web stranica za poduzeća.
- Definiranje i objašnjavanje ključnih pojmova analize uspješnosti web stranica.
Važnost web stranica za poslovanje
- Poduzeća ostvaruju blisku suradnju s informacijskom tehnologijom.
- Važnost web stranica proizlazi iz konkurentskog tržišta.
- WWW (World Wide Web), W3, Web, Svjetska mreža – sveobuhvatni pojam za dostupne web stranice.
- Web mjesto je skupina web sadržaja (web site) pohranjena na web poslužitelju (web server).
Značajke web mjesta
- Sadržaj omogućava posjetiteljima da se upoznaju s informacijama, značajkama poslovanja, proizvodima i uslugama.
- Dizajn predstavlja način na koji se sadržaj prezentira posjetiteljima.
Tehnologije za izradu web mjesta
- Web preglednici uključuju Opera, Safari, Google Chrome, Internet Explorer itd.
- URL adresa određuje lokaciju svakog sadržaja dostupnog na webu.
- Primjer URL-a: http://www.efzg.unizg.hr/istrazivacki-rad-15/casopisi-fakulteta/59.
- "http" (HyperText Transfer Protocol) omogućava komunikaciju između web pretraživača.
- Drugi dio URL-a je adresa računala poslužitelja.
- Treći dio URL-a označava točnu lokaciju tražene informacije.
- Klijent odabire i klikne na URL adresu.
- Web preglednik započinje komunikaciju s računalom koje ima pohranjenu traženu informaciju.
- HTTP protokol prenosi web mjesta i omogućava komunikaciju između web pretraživača na računalu klijenta i poslužiteljevog računala.
- Računalo koje sadrži traženu informaciju naziva se poslužitelj i šalje ju klijentu putem HTTP protokola.
- Klijentsko računalo prima informaciju, a web preglednik interpretira HTML naredbe i prikazuje web mjesto.
Web mjesto
- Web stranice pisane su u HTML programskom jeziku.
- Postoji razlika između programskih i opisnih (prezentacijskih) jezika.
- Programski jezici služe za rješavanje matematičkih zadataka i razvoj igara i aplikacija.
- HTML spada u skupinu opisnih jezika koji omogućuju kreiranje web mjesta.
- Osim HTML-a, važni su i XML, CSS, PHP, ASP i Java.
HTML
- HTML je kratica za HyperText Markup Language.
- Hipertekst je nelinearan tekst.
- Hipertekstovni oblik pružanja informacija rezultira hipertekstualnim dokumentom.
- Hipermedijski dokument omogućuje oblikovanje i raspored teksta i multimedijalnog sadržaja.
- "Markup Language" je jezik za označavanje.
- HTML koristi oznake za pisanje.
- Oznake su riječi unutar znakova "<" i ">", a svaka riječ ima određenu funkciju.
- Standard General Markup Language je preteča svih daljnjih verzija HTML-a.
- Timothy Berners Lee je 1991. godine prvi put spomenuo HTML kao HTML tags.
- World Wide Web konzorcij stvara nove verzije HTML-a.
- Pisanje u HTML jeziku zahtijeva poznavanje naredbi.
- HTML je prezentacijski jezik koji omogućuje lak i brz način kreiranja web mjesta.
Struktura HTML dokumenta
<HTML>
i</HTML>
označavaju HTML dokument.<HEAD>
i</HEAD>
označavaju zaglavlje dokumenta.<BODY>
i</BODY>
označavaju tijelo dokumenta.<TITLE>
i</TITLE>
označavaju naziv dokumenta koji se prikazuje na kartici preglednika.<!DOCTYPE html>
označava tip dokumenta i ne zahtijeva zatvarajuću oznaku.- Sintaksa HTML-a potrebna je za izradu web stranica.
- Svako web mjesto sastoji se od niza web stranica.
- Početna web stranica obično se označava kao "index.html".
- HTML se koristi za izradu statičkih web mjesta.
- Za dinamička web mjesta potrebni su dodaci poput skriptnih jezika koji s HTML-om čine DHTML (Dinamični HTML).
XML
- XML je eXtensible Markup Language.
- XML je jezik za označavanje podataka i dokumenata.
- XML ima značajnu ulogu u razmjeni različitih podataka.
- Razvoj XML-a proizlazi iz SGML-a (Standard General Markup Language).
- Cilj razvoja XML-a je primjena na webu i unaprjeđenje HTML formata.
- XML je jednostavan jezik za opisivanje podataka koji funkcionira unutar internetskog preglednika.
- Razvoj XML-a počeo je 1996. godine pod nadzorom World Wide Web konzorcija.
- Ciljevi razvoja XML-a: korištenje putem interneta, kompatibilnost sa SGML-om, jednostavnost kreiranja i primjene, jednostavnost pisanja programa za obradu.
- Primjena XML-a ne zahtijeva licence i ne ovisi o platformi.
- Sadržaj je opisan lako razumljivim oznakama koje nisu unaprijed definirane, čineći ga proširivim jezikom.
- Elementi XML dokumenta mogu biti hijerarhijski nadređeni ili na istoj razini, s jednim korijenskim elementom.
- HTML format koristi unaprijed definirane oznake, dok u XML formatu oznake definiraju korisnici.
- XML se koristi za opis podataka, dok HTML opisuje izgled dokumenta.
- XHTML (EXtensible HyperText Markup Language) je zamjena za HTML i sadržava pravila XML standarda.
- XML se koristi za poslovno izvještavanje putem XBRL-a (eXtensible Business Reporting Language).
XBRL
- Standard koji se temelji na XML-u.
- Služi za ujednačavanje financijskog izvještavanja.
- Omogućuje razmjenu financijskih informacija između različitih programskih rješenja i ljudi.
- Prednosti korištenja XBRL formata: manji troškovi pripreme informacija, brže donošenje odluka, jednostavnije preuzimanje informacija, daljnja analiza.
CSS (Cascading Style Sheets)
- Jezik koji definira stil web mjesta ili HTML dokumenta.
- Opisuje način na koji će se HTML elementi prikazivati na ekranu, papiru ili drugom mediju.
- Definira fontove, boje, razmake, margine i ostale elemente izgleda web mjesta na jednom mjestu.
- Kontrolira izgled i poziciju elemenata, dajući upute web preglednicima kako i gdje prikazivati elemente.
Sintaksa CSS-a
- CSS kod sastoji se od niza pravila.
- Elementi sintakse:
- Selektor (engl. selector) - identificira HTML element.
- Svojstvo (engl. property) - atribut koji se mijenja.
- Vrijednost (engl. value) - stil koji se dodjeljuje svojstvu.
- Komentar (engl. comment) - opisni element koji se ne prikazuje na web mjestu.
- CSS se može povezati s HTML dokumentom putem:
- Vanjskog dokumenta (korištenjem
<link>
oznake). - Uvoza vanjskog dokumenta (korištenjem
@import
unutar<style>
oznake). - Umetanja u zaglavlje postojećeg HTML dokumenta (unutar
<style>
oznake). - Dodavanja CSS-a u liniju HTML koda (korištenjem atributa
style
).
- Vanjskog dokumenta (korištenjem
- CSS kodovi se pišu kao odvojeni dokumenti.
- Povezivanje CSS-a s HTML-om omogućuje lakše održavanje i promjene web mjesta.
- Prednosti upotrebe CSS-a: brže učitavanje, kontrola stila na više mjesta, brži redizajn, nadopunjavanje HTML-a, kompatibilnost, responzivnost, personalizacija, mogućnost kreiranja verzije za ispis.
Alati za izradu i uređivanje web mjesta
- Alati za pisanje kodova (npr. Notepad++, HTML-kit), alati za dizajniranje (npr. Adobe Dreamweaver), online softverska rješenja (npr. Google Sites).
Svrha i ciljevi web mjesta
- Zahtijevaju ozbiljan pristup i nisu jednokratni zadatak.
- Strategija razvoja mora biti usklađena sa strategijom organizacije.
- Važna pitanja prije razvoja: svrha web mjesta, ciljna skupina, mjerljive koristi, isplativost, profitabilnost, troškovi, održavanje, mjerenje uspješnosti.
Strukturiranje web mjesta
- Prilagodba važnosti prikazanog sadržaja.
- Lijevi gornji dio ekrana je najvažniji, a donji desni najmanje.
- Olakšati korisniku čitanje stranice (slijeva na desno).
- Jednostavnije je pomicati stranicu gore dolje, nego lijevo desno.
Sadržaj web mjesta
- Treba biti prilagođen cilju i svrsi stranice, vodeći računa o korisniku.
- Treba koristiti pažljivo odabrane, vjerodostojne slikovne i multimedijske sadržaje.
- Kvaliteta sadržaja utječe na brzinu učitavanja.
- Priprema sadržaja i oblikovanje zahtijeva timski rad stručnjaka.
- Korisnik odustaje od stranice ako se teško snalazi, ako je sadržaj loš ili ako se sporo učitava.
Pisanje i oblikovanje web mjesta
- Koristiti stil obrnute piramide (od zaključka prema uvodu).
- Podijeliti tekst u manje, jasne cjeline.
- Grupirati ideje u odjeljke (jedna ideja po odjeljku).
- Ključne riječi staviti na početak odjeljka i naglasiti ih.
- Koristiti liste (nabrajanja).
- Smanjiti ukupan broj riječi.
- Različitim bojama označiti posjećene i neposjećene poveznice.
- Izbjeći kretanje gore-dolje i lijevo-desno (korištenje klizača).
Oblikovanje sučelja
- Mora biti prilagođeno korisnicima i usklađeno s funkcionalnošću.
- Mora biti ažurno s obzirom na sadržaj, izgled i oblikovanje.
- Korisniku mora pružiti:
- Mogućnost učenja (lakoća izvođenja osnovnih postupaka).
- Efikasnost (brzina izvršavanja zadataka).
- Pamtljivost (brzina ponovnog usvajanja vještina).
- Ispravljanje grešaka (lakoća ispravljanja pogrešaka).
- Zadovoljstvo (zadovoljstvo korištenjem).
Početna stranica poduzeća (home page)
- Predstavlja prvi dojam o poduzeću.
- Vodi korisnike do cjelina koje ih zanimaju.
- Mora biti dobro organizirana i omogućiti lako snalaženje.
- Mora sadržavati ključne informacije o poduzeću.
- Poželjno je da sadrži katalog proizvoda, navigacijsku strukturu, tražilicu, često postavljana pitanja i odgovore.
- Korisniku mora omogućiti brz i pregledan pristup detaljnim informacijama.
Metrike web mjesta
- Postoji veliki broj metrika za mjerenje uspješnosti.
- Jednostavne metrike posjećenosti: broj korisnika, broj posjeta, broj pregleda stranica, redoslijed klikova.
- Preciznija analiza performansi: redoslijed klikova, popis posjećenih web mjesta, pristup stranici, pregledane stranice, vrijeme provedeno na stranici, mjesto napuštanja stranice.
Složenije metrike
- Sadrže agregirane podatke kojima se analizira uspješnost ključnih poslovnih procesa: redoslijed klikova, stopa prolaza, stopa napuštanja stranice.
- Važne su za analizu sadržaja koji se naplaćuje.
- Mnoga poduzeća ne analiziraju zašto korisnici napuštaju stranicu.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.