Bosna i Hercegovina Školska 2022/2023.

godina
JU ''Druga gimnazija'' u Zenici
Zenica

MATURSKI RAD IZ WEB DIZAJNA

Tema: Razvoj i dizajn web stranica

Učenik: Amila Čamdžić, IV-4 Mentor: Nejla Hodžić

Zenica, mart 2023. godine

SADRŽAJ

SADRŽAJ..................................................................................................................................2
1. UVOD....................................................................................................................................3
2. HISTORIJAT.........................................................................................................................4
3. PROCEDURA IZRADE WEB STRANICE.........................................................................6
3. 1. Analiza zahtjeva.............................................................................................................6
3. 2. Dizajn.............................................................................................................................6
3. 3. Programiranje.................................................................................................................6
3. 4. Optimizacija...................................................................................................................6
3. 5. Testiranje........................................................................................................................7
3. 6. Isporuka..........................................................................................................................7
3. 7. Praćenje..........................................................................................................................7
4. IZRADA WEB STRANICE..................................................................................................8
5. DIZAJN WEB STRANICE.................................................................................................10
6. MODERNE WEB STRANICE............................................................................................12
7. ZAKLJUČAK......................................................................................................................14
8. LITERATURA.....................................................................................................................15

2
1. UVOD

Ovaj maturski rad se bavi tematikom, odnosno jednom od ključnih elemenata tehnologije i
interneta, te samog predmeta web dizajna. Glavna tematika jeste ''web stranica''.
Svaka mreža se bazira na stranicama i to je jedna od najkorištenijih usluga na internetu. Bez
stranica ne bi funkcionisalo pretraživanje na internetu, mreži. Internetske stranice se sastoje
od dokumenata kojima pristupamo uz pomoć web preglednika i time se uvijek vraćamo na
web stranice.
Maturski rad je baziran na sljedećim glavne karakteristike svake web stranice: njeni rani
počeci (napraviti mali historijat), procedura izrade stranice, usporedba izgleda prije i danas,
razvoj tokom godina i u današnjici, te same pretpostavke kako bi se moglo dalje razvijati,
funkcionisanje i kreiranje web stranice.
Rad je kompletiran sa primjerima u vidu fotografija iz radova sa stranicama.

3
2. HISTORIJAT

Web stranice ne bi postojale bez HTML-a. HTML (Hyper Text Markup Language) je
hipertekstualni dokument pomoću kojeg stvaramo stranice i dokumentaciju.
Za stvaranje HTML-a zaslužan je tim Berners-Lee koji je htio riješiti problem dijeljenja
dokumenata i svesti ga na upotrebu na računarima i istraživanju u istim, kojima su se služili
znanstvenici u CERN-u. Ukoliko bi među njima trebao neko jedan dokument, svaki korisnik
je morao naučiti koristiti drugi računar ili znati program za pisanje da bi određeni dokument
odgovarao njegovom programu.
Berner-Lee je 1989. godine uvidio riješenje ovom problemu te napisao rad pod nazivom
''Information Managment A proposal''. Rad je kružio među korisnicima i znanstvenicima od
marta 1989. do maja 1990. godine kada je Mike Sendall dao dopuštenje timu Berners-Leeu
da napiše prvi globalni hypertext sistem.
Pri tome je stvoren prvi preglednik i server za web stranice ''Worl Wide Web'' poznatiji kao
''www''. Tako nastaju web stranice i interakcija između njih i njenih korisnika, te je time
olakšan rad tadašnjim kompanijama i znanstvenicima za istraživanje.
World Wide Web je omogućio svim znanstvenicima da postave svoje dokumente u
standardni format kako bi se kasnije mogli pronaći i pregledavati putem preglednika.
Prethodnik HTML-u je SGML (Standard Generalized Markup Language) koji je standardni
formalni jezik po ISO standardu. On nudi mogućnost označavanja svakog dokumenta u
SGML formatu. HTML se smatra vezivnom tvari sa SGML-om i Internetom jer je uključio
sve prednosti koje je SGML već posjedovao i eliminisao probleme koji su bili prisutni.
Veliki broj elemenata iz HTML-a, koji je u početku imao svega 20 elemenata, koji su služili
za kreiranje web stranice, kasnije su preuzeti neki elementi od SGML-a, i time nisu sve
zadovoljili jer se tim svim elementima mogla napraviti tek osnovna web stranica koja je
zadovoljavala minimalne norme prenosa informacija.
Dalji napredak u razvoju je bio 1993. godine od strane HTML-a +. HTML + je bio
nadogradnja prethodnom HTML-u, a stvoren je radi održavanja i povećanja dokumenata na
web stranicama i servisima.
1995. godine napisan je HTML 2.0 koji sa sobom nosi osnivanje World Wide Web
Consortium. Njegova uloga je bila nastavak standardizovanja tehnologije koja se koristi na
webu i stranicama kako bi se održao red među dokumentima, dok se broj elemenata povećao
na 50. Ova verzija je donijela i jednostavno povezivanje na dijelove jednog dokumenta ili
nekoliko njih međusobno. Uvedene su uređene i neuređene liste koje se i danas mogu pronaći
na gotovo svakoj web stranici.
Kako se razvija www. raste i broj preglednika gdje se svaki borio za prevlast nad drugima.
Najpoznatiji preglednici bili su: Internet Explorer, Navigator i Netscape i tako uveli
JavaScript programski jezik u korištenje.

4
JavaScript se pokazao kao najbolje rješenje za problem nekompatibilnosti dokumenata tada.
S druge strane, problem kod ovog jezika bio je što je znatno produžavao vrijeme učitavanja
stranice što je irazito bitna stavka svake web stranice.
Nakon HTML-a 2.0 dolazi HTML 3.0 kao poboljšana verzija koja je novi pokušaj W3 za
standardizaciju HTML-a. Izdan je 1996. godine, i značajan je jer je HTML 3.0 verzija
donijela mogućnosti kreiranja i uređivanja tablica, te pisanja teksta oko slika. Broj elemenata
ovdje se povećao na 90.
HTML 4.01 dolazi 1999. godine. On donosi velike promjene u standardizaciji.Stilizacija
dokumenata na web stranicama postaje lakša i brža za rad.
XHTML 1.0 je isto tako velika promjena i napredak. Izlazi u 2000. godine u upotrebu. Ova
verzija nije lakša za upotrebu svakog, ali je efikasnija u odnosu na ostale, jer sadrži
semantičke kodove, koji se moraju pratiti.
HTML 5 dolazi 13 godina nakon prethodne verzije. Razlog je bio i više nego opravdan jer
ova verzija sa sobom donosi nove mogućnosti. Dodane su oznake za audio i video koje nisu
postojale. Od tada podaci se mogu spremati na lokalnom računaru što znači da neke web
stranice mogu biti učitane i bez povezanosti na internet. Ovaj HTML je preuzeo vodeću
ulogu u web dizajnu i danas su skoro sve web stranice pisane u HTML 5 kodu.

Slika 1. WWW sajt

5
3. PROCEDURA IZRADE WEB STRANICE

Proces izrade sastoji se od više faza ovisno o dizajneru stranice. Naime, postoji 7 glavnih
koraka u procesu izrade jedne web stranice.
3. 1. Analiza zahtjeva
U prvoj fazi izrade stranice sa klijentom se diskutuje i prikuplja što više informacija o
proizvodu, kompaniji ili šta god to bilo u pitanju. Prvi korak je zapravo i najznačajniji i sve
zavisi od toga. On uključuje detaljno upoznavanje sa poslovanjem tvrtke za koju se web
stranica radi.Treba se znati svrha web stranica i koja je ciljana publika. Tijekom ove faze
odlučuje se i o tehničkim zahtjevima koje web stranica treba imati. Da li je potreban CMS
sistem, sistem za rezervaciju, web shop, online naplata, proširene forme za specifične upite i
slično. Analizom dobijenih podataka kreira se tehnička specifikacija web stranice.
3. 2. Dizajn
Prilikom dizajniranja web stranice koriste se gotovi predlošci koji se dodatno modificiraju i
usklađuju sa vizuelnim identitetom zamišljene tvrtke. Ovim načinom rada se znatno ubrzava
proces izrade web stranice i smanjuje njenu cijenu, ali ne i kvalitet. Obično se nudi 3-5
različitih dizajna. Kod samog odabira dizajna važno je uzeti u obzir za šta je vezana stranica i
ko će najviše gledati takvu vrstu stranice, to jeste ciljanu publiku. Definiše se izgled i
podstranica te se dodaje sadržaj na stranici (tekst, slike). Nastoji se udovoljiti željama kupca,
te iznijeti lično mišljenje kako bi se postigao najbolji mogući rezultat i korisničko iskustvo.
3. 3. Programiranje
Ova faza je zavisna u odnosu na zahtjeve, odnosno da li korisnik želi statičku ili dinamičku
web stranicu. Statička web stranica je stranica na kojoj se inicijalno prilikom dizajna unosi
sadržaj te klijent nema mogućnost dodavanja i uređivanja sadržaja, dok kod dinamičkih web
stranica ima. ''Alat'' za uređivanje i dodavanje sadržaja na web stranicu je CMS sistem
(Content Managmante System). Na tržištima ima mnogo gotovih CMS sistema i dok neke
tvrtke i pojedinci rade s njima, ASPEKT je za potrebe svojih klijenata razvio vlastiti CMS
sistem baziran na PHP (programski jezik za dinamičko kreiranje web stranica) programskom
jeziku i Laravel frameworku (jedinstvene funkcije i mogućnosti). Korištenje tehnologija za
razvoj web stranica je osobni izvor za svakog i za svaku kompaniju i tvrtku koja se bavi
izradom istih i ima svoje prednosti i nedostatke. O potrebama korisnika i ciljevima zavisi
kako će se i na kojem nivou održavati programiranje i razvoj stranice. Može biti jednostavno
sa osnovama CMS mogućnosti poput dodavanja i uređivanja, do složenih web aplikacija za
upravljanje poslovanjem.
3. 4. Optimizacija
Mnogi programeri preskaču fazu optimizacije web stranice, ali je važnost ovog koraka bitna
kao i svakog. Korisnici svakodnevno vrše pretraživanje na internetu, na kojem je nebrojeno
web stranica. Onih prvih nekoliko web stranica koje se prikazuju na rezultatima pretrage
obično pokupe svu pažnju korisnika. Da bi se stranica nalazila na samom vrhu potrebna je
SEO optimizacija. Tehnička SEO optimizacija uključuje niz aktivnosti koje je potrebno
poduzeti kako bi pretraživači što bolje rangirali web stranice za relevantne ključne riječi.
Mnogo je detalja koji utiču na rangiranje u pretrazi i važno je da web stranice budu barem
tehnički SEO optimizirane, jer bez toga nema svrhe stranice jer je niko ne bi mogao pronaći.

6
Cilj treba biti isti svakom programeru za korisnika, a to je da njegova stranica bude SEO
optimizirana i stranica koja je dostupna na pretraživačkoj listi.
3. 5. Testiranje
Korak koji nas vodi ka samom kraju jeste testiranje. Kod za dizajn mora biti napravljen po
standardima i cijela web stranica se testira u W3C validatoru, koji detaljno prođe kroz HTML
kod i javi eventualne greške. Programski kod se zatim evaluira pazeći da se ne krije neki
''Bug'' (bag). SEO optimizacija se također testira da bi se web stranica mogla provlačiti kroz
takozvani SEO checker (provjera). Također se radi i ljudski test gdje se pomno provjerava
svaki element na web stranici, klika se sve, šalju se upiti i slično.
3. 6. Isporuka
Kada se sve provjeri i uvjeri da je sve ispravno, slijedi isporuka. Prilikom isporuke nema više
potrebe za izmjenama jer je konačna verzija nove web stranice već nekoliko dana dostupna
na serveru. Za isporuku web stranice potrebno je napraviti dogovor između klijenta i kreatora
i web stranica se prebacuje na kreatorov produkcijski web server, preusmjerava se domena i
sinhronizuju se poruke na e-mail. Za tu isporuku je potrebno izvjesno vrijeme i fizički rad, da
bi internet poslužitelji registrovali novonastalu promjenu u sistemu.
3. 7. Praćenje
Svaki kreator nakon isporuke web stranice i lansiranja iste dužan je pratiti rad stranice.
Komunikacija sa klijentima je neizostavan dio, u slučaju da dođe do izmjene, nadogradnje
stranice ili popravke.

7
4. IZRADA WEB STRANICE

Da bi web stranica postojala i funkcionisala potrebno je kreirati. Pri izradi stranice potrebno
ispitati tačne podatke, dokumente i sve ono što će se nalaziti na web stranici, da bi što više
bila usmjerena ka onome o čemu tačno pišemo i koju stranicu kreiramo. Kada osmislimo
dizjan potrebno ga je i realizovati i predočiti viziju u stvarnost. Za to se najviše koriste
wireframing, skice, grafika (2D, 3D) i UX/UI dizajn.
Izrada web stranice podrazumijeva iza sebe osobu koja je podučena za takvo nešto i potrebno
je znanje iz oblasti programiranja Laravel PHP framework-a, framework baziran na PHP-u za
razvoj web stranica sa naglaskom na brzinu, sigurnost i stabilnost. Web stranice su potpuno
prilagodljive i ručno rađene po zahtjevima klijenata.
Frontend programeri rade zajedno sa UI/UX stručnjacima kako bi se pobrinuli da web
stranica radi brzo i bez dodatnih problema.
Nakon izrade web stranice slijedi faza testiranja i njeno lansiranje na internetu. Programeri se
pobrinu da Google pronađe sve linkove na puštenoj web stranici šaljući sitemap. Koriste se
razne strategije kako bi se stranica dovela u promet na internetu.
Korisnici su tu kako bi bili zadovoljni ili nezadovoljni radom stranice, a programeri i osnivači
iste konstantno prate njihovo iskustvo sa istom. Ovisno o povratnoj informaciji od strane
korisnika nove web stranice i Google-a, može se nadograditi i nastaviti sa unaprijeđenjem
njene funkcionalnosti.
Web stranica je dinamičan i živi sistem u internetskom okruženju današnjice i jedna od
bitnijih stvari za poslove koje korisnici rade. Nakon povratne informacije korisnika web
stranice i vlastitog iskustva klijenta sa radom, može se uvidjeti potreba za novim
funkcionalnostima i nadogradnjama. Stranice se mijenjaju stalno kako bi imale bolje
korisničko iskustvo i automatizaciju poslovnih procesa.

8
 Slika 2. Kodovi za web stranicu

Slika 2. je primjer rada sa HTML-om i CSS-om. Ovo je jednostavan primjer za početnike

kreiranja web stranica. Pomoću HTML-a prikazani su kodovi u bojama, te je prikazan sadržaj
pomoću kojeg se mijenjaju fontovi slova po tipu (npr. Arial, Times, Curier itd).
CSS-om je definisan stil kako prikazati HTML elemente, u ovom slučaju su u vidu kodova.
Njime se uređuje izgled i raspored dijelova na web stranici.

9
5. DIZAJN WEB STRANICE

Prilikom izrade je bitan i dizajn web stranice. Preporučeno je pridržavati se iskustava

prijašnjih radova, kreatora i slično. Web stranice zahtjevaju manje vremena za korisnike
određene stranice u smislu jednostavnije pretrage, dok web stranice mogu biti razlog gubitka
posjetitelja koji se ne mogu baš najbolje snaći na komplikovanim web stranicama. Prilikom
idzrade navigacije dizajna stranice treba se voditi računa o samoj strukturi koja je neophodna
za bolju preglednost koja ide u prilog posjetiteljima koji u većini slučajeva žele što brže
vidjeti željenu infromaciju.
Navigacija web stranice treba da se postavi tako da sadrži TOP Meni, koji je pogodan kako
za posjetitelje tako i za tražilice koje će lakše ustanoviti koja je tematika u pitanju te web
stranice.
Na lijevoj strani sajta se može postaviti Glavni Meni koji će biti baza za kompletnu
navigaciju stranice. Glavni Meni obavezno mora sadržavati link na Početnoj Stranici, zbog
bržeg vraćanja na Home, stranicu koja se može definisati kao: Home, Početna, Naslovna,
Početak. Ispod navedenog menija može se po izboru korisnika dodati ostatak s tim da se treba
voditi računa o prioritetima ključnih riječi. Bitnije ključne riječi treba da se nalaze bliže
početku reda i rečenice.
Glavne stavke prilikom dizajniranja stranice su: podjela dokumenta na tijelo i glavu (<head>)
i (<body>), naslov dokumenta (navodi se unutar title elementa), određivanje kodne stranice
(koristi se elemenat meta), odabir pozadine (background), odabir boja (#rrggbb), odabir
slova, umetanje naslova, umetanje slika (<img src=), umetanje hiperveza (stranica unutar
jedne stranice) i postavljanje stranice na server (file manager).
Također, izrada stranice se kreira pomoću izrađene, već unaprijed, baze podataka. Baza
podataka je izrađena od dvije tablice, prva je ''admin'', a u njoj su spremljena korisnička
imena i lozinke korisnika koji su registrovani. Druga tablica nazvana je ''članak''. U njoj su
spremljeni svi uneseni članci od strane korisnika. Svaki članak se sastoji od naslova,
skraćenog teksta, teksta i imena slika koja ide uz članak (stranicu).
Izrađena stranica automatski se prilagođava veličini zaslona ovisno o tri širine ekrana. Takva
stranica se zove ''Responzivna'' ili responzivni dizajn stranice. Izrađena je od programa na
koje sam se bazirala i koji su vezani za ovu temu a to su: PHP, HTML, CSS i JavaScript.
Stranica radi neovisno o operacijskom sistemu. Baza web stranice izrađena je u MySQL
alatu. Na početnoj stranici uvijek se nalazi 8 najnovijih članaka koji se ispisuju iz te baze,
zajedno sa slikama koje su na serveru. Kada kreiramo članak, imamo mogućnost pomoću
JavaScript-a da napravimo klizni izbornik koji je veoma praktičan za korisnike. Na njemu
postoji mogućnost odabira upisivanja novog članka, mogućnost promjene lozinke te
mogućnost odjave. Logo web stranice izrađuje se u posebnom programu za koji je potrebno
unaprijed stečeno znanje, u Photoshopu.

10
 Slika 3. Responzivni dizajn stranice

Responzivni web dizajn je pristup pri kojem se pazi kako se web stranica prikazuje na
različitim uređajima i veličinama zaslona. Sadržaj, dizajn i performanse moraju biti što
sličniji pri pregledu zbog boljeg korisničkog doživljaja upotrebe web stranice.
Ovaj pojam u upotrebu uveo je Ethan Marcotte. Naglasio je da ovaj dizajn mora odgovarati
potrebama korisnika i uređajima koje oni upotrebljavaju. To znači da se raspored (layout)
mijenja ovisno o veličini i mogućnostima. Na telefonu će biti umanjen prikaz nečega na
stranici i za svaki dodatni korak trebamo pomjerati ekran ili klikom ići na dalje opcije, dok na
laptopima i računarima možemo u jednom vidjeti sve ono što jedna stranica nudi. Starije web
stranice koje su nastale u samom početku razvoja interneta pravljene su isključivo sa fiksnim
veličinama računara, dakle nisu bile rađene po veličinama telefona. Danas je rijetkost da neka
od web stranica nije responzivna, a RDW (skraćenica od responzivni) je postao standard pri
izradi svake modernije stranice.
Pri izradi jedne ovakve stranice posebna pažnja se treba obratiti na viewport, tačke prijeloma
i responzivnost slika.
Viewport koristi prethodno pomenuti elemnt <meta> (pruža upute pregledniku) koji
kontroliše dimenzije i samo povećanje stranice.
Media queries su jednostavan filter koji se mogu implementirati unutar CSS-a. Preko njih
tačka prekida može kontrolisati CSS stilove specifične za određene uređaje. Te tačke se
stalno mijenjaju jer se i standardna veličina uređaja mijenja, to su najčešće mobilni uređaji.

11
6. MODERNE WEB STRANICE

Moderne web stranice zahtjevaju više rada, zbog samog izleda stranice.Ukoliko želimo da
imamo novu poboljšanu verziju stranice, a pravljene nove nam oduzima vrijeme, u tom
slučaju se može odlučiti za ''Redizajn''.
Redizajn web stranice može dati sasvim drugi osjećaj staroj stranici koja je kreirana uz svgea
par kodova, ili već kreirana stranica malo modernijeg izgleda, ali sa unapređenjem sada se to
može uz pomoć ove opcije. Prednosti samog redizajna je veća rangiranost na tražilicama,
koja poboljšava vidljivost stranica i bolje online pozicioniranje. Daje novi osjećaj i samim
time će zaintrigirati kako bi korisnici ostali duže na web stranici. Bitna stavka ovog procesa
jeste ta da će se redizajnom uštediti mnogo više novca i vremena nego kreirati ispočetka
potpuno novu stranicu. Ovaj vid moderne web stranice pruža sljedeće stavke: procjenu web
stranice, stvaranje novog koncepta, analiza sadržaja web stranice, poboljšanje
funkcionalnosti, SEO optimizacija.
Potencijalni korisnici na internetu pretražuju sadržaj koji ih zanima. U tom slučaj mora
prethoditi kvalitet stranice, originalnošću i zanimljivošću. Starije web stranice nisu bile toliko
originalne i zanimljive jer su sadržavale svega par stavki i minimalno dizajna. Danas je to
veliki plus u stvaranju web stranica, jer je rijetkost da neka stranica ne izgleda estetski lijepo i
uredno. Odabir teme prije i sada je bio mnogo teži, jer jedna tema dizajna je bila skup više
stvari u jednoj, i previše nefunkcionalnosti i preglednosti web stranice, danas uz dozu
minimalizma se može napraviti stranica koja će ostaviti utisak na svakog posjetitelja.
Kvalitetne fotografije na web stranici su trend koji je počeo prije par godina, dok je u zadnje
dvije godine potpuno zaživio sa sredinom internetskog okruženja i nastaviti će se koristiti.
Web stranica dakle, treba biti opremljena slikama visoke kvalitete, a koje se mogu
pojavljivati i preko cijelog ekrana. Na taj način će se i korisnici više zainteresovati za vaš
proizvod ili kompaniju.
Broj korisnika mobilnih uređaja raste iz dana u dan. U obzir treba uzeti da se sve češće
pregledava web sadržaj na telefonima, više nego što je to prije bilo na računarima, potrebno
je dizajnirati što bolji izbornik. Bitno je povesti računa i o rezoluciji prilikom približavanja
ekrana na telefonima, jer često na starijim stranicama (napravljenim davnih godina) prilikom
zoom-a se fotografija pikselizira i time gubi korisnike koji su bili na toj stranici.
Blog postovi su jedan od važnijih markentinških talata već duži niz godina. Uz to Google
pretraživač favorizira i bolje indeksira web stranice koje dopunjuju sadržaj svojih web
stranice blogovima. Također, društvene mreže koje su vodeća uloga u svijetu se mogu veoma
dobro iskoristiti u svrhe reklamiranja svojih web stranica i ostavljanjem linkova istih.
Većina web stranica je danas WordPress web stranica. Ona je mnogo lakša za izradu i
odličan je prostor za online prezentacije, a za izradu nije potreban cijeli IT tim. Kako bi se
kreirala ova vrsta web stranice potreban je web hosting. Ovaj način kreiranja web stranice na
platforimu WordPressa nije bio moguć prije 10-tak godina, jer za svaku izradu stranice bio je
potreban programer koji bi isprogramirao stranicu i bazu podataka. Ovo je lakši i brži način
kreiranja koji je sve više prisutniji u današnjici i među mladima. Postoje brojne platforme za
izradu istog sadržaja, WordPress je najpopularnija, i jedna od najčešćih korištenih opcija.

12
Glavna prednost ovog sistema rada je ta što je WordPress potpuno besplatan za sve
korisnike, i preko njega se mogu izraditi različite stranice, neovisno o tome što se želi
plasirati na njih. Na ovoj platformi se mogu primjerice postaviti fotografije i informacije o
nekim proizvodima i slično te napraviti internetsku trgovinu. Glavne prednosti WordPressa
su: besplatan alat i sistem, prilagodljiv, jednostavan, neprestano ažuriranje, unapređenje,
jednostavno korištenje i savladavanje CMS-a, prilagođen je za početnike.
Web hosting i domena su dvije osnovne stvari za web stranicu u WordPressu. Web hosting
je usluga smještaja internetskih stranica na određenom serveru kako bi one bile dostupne
posjetiteljima. On omogućava da svaki posjetitelj bude u svako vrijeme online i postavlja
server koji je povezan na internet, dok je domena stranica lokacija stranica ili web adresa.
Ona je jedinstvena i individualna i ne postoje dvije iste. Postoje različite ekstenzije domene
(npr. Hr, org, com, io), a najčešće su korištene .com i .hr. Da bi se dobila domena prvo je
potrebno registrovati je, a taj postupa omogućava korištenje odbrane domene na određeni
period. Mora biti slobodna, a nabavlja se od tvrtki koje nude takve usluge. Da bi proces bio
što jednostavniji potrebno je domenu i web hostin izabrati kod iste tvrtke. Mogu se imati
odvojeno, ali se onda moraju međusobno povezati što također nije komplikovano. Koraci pri
registraciji su sljedeći: odabrati ime, pronaći tvrtku, registracija, otvoriti račun, izabrati paket,
naručiti i platiti.
Instalacija WordPressa slijedi nakon obavljenih navedenih koraka. Poslije primljenog maila
o potvrdi slijedi prijava na Control Panel. To je upravljačka ploča, grafičko okruženje
dizajnirano za upravljanje serverom.

Slika 4. WordPress i CMS

Sve novije stranice su napravljene u CMS sistemu WordPress. WordPress je najkorišteniji

CMS sistem u svijetu. Koriste ga milioni zbog jednostavnosti i funkcionalnosti.

13
14
7. ZAKLJUČAK

Neminovno je da je razlika ogromna u radu, dizajnu i razvoju web stranica prije i sada.
Pronađeni su i osmišljeni mnogi noviji načini za kreiranje web stranica, kao i lakše korištenje
istih, ali uvijek će se cijeniti pravi programeri koji troše i ulažu više vremena i materijala od
novijih stvari i stavki koje su uvedene kao lakša zamjena za teži posao zadnjih godina.
Također, razvoj web stranica će se sigurno nastaviti kako je to bivalo i do sada, sa novijim
opcijama, servisima, aplikacijama i samom tehnologijom. Bez razvoja tehnologije koja je
mnogo uznapredovala ne bi bilo ni razvoja web stranica i svih novina koje su trenutni trend u
svijetu informatike i mladih korisnika iste.
Sadašnjost web stranica je responzivna, te je sadržaj na istim prikazan u velikim formatima
slika, dizajn je minimalistički s mnogo prostora oko tekstova i slika. Teško je predvidjeti
čistu i tačnu sliku razvoja weba, ali ono što se zasad zna jeste da će za stranicu biti sve više
važan sadržaj, ali i doživljaj bez obzira s kojeg uređaja se stranica otvara. Da bi bili ili postali
uspješni web dizajner neophodno je svakodnevno pratiti trendove u dizajnu kako bi bili u
centru pretraživanja.

15
8. LITERATURA

Filip, M. (2021). Razvoj HTML-a i CSS-a od 1991. do 2021. godine:

https://zir.nsk.hr/islandora/object/ffos:5529/datastream/PDF/view

Branko, B. (2023). Izrada web stranica GOIGO, web sajt:

https://www.izradawebstranice.com.hr/

Simeon, B. (2017). Izrada web stranica, web sajt:

https://aspekt.co/

Mladen, M, Tomislav, Ć. (2015). Dinamična web stranica:

https://repozitorij.etfos.hr/islandora/object/etfos%3A49/datastream/PDF/view

Dragan, B, Gordana, B. (2000). Izrada internet stranice, web sajt:

https://www.softwise.hr/hr_HR/blog/

Emil, Č. (2014). Dizajn moderne poslovne web stranice, web sajt:

https://eml-projekt.hr/dizajn-moderne-poslovne-web-stranice/

16
Datum predaje rada:___.___.2023. godine

KOMENTAR:
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________
___________________________________________________________________________

17
Datum predaje rada:___.___.2023. godine

Datum odbrane rada:___.___.2023. godine

Pitanja za usmenu odbranu rada:

Ocjena:________________________

Članovi Komisije:
1.
_________________________
2.
_________________________
3.
_________________________

18