Abstract | Ovaj se završni rad bavi istraživanjem responzivnog web-dizajna te izradom responzivnih web-stranica pomoću HTML5 i CSS3 tehnologija, odnosno izradom dizajna koji je prilagodljiv svim preglednicima i uređajima; od mobilnih uređaja pa sve do uređaja velike rezlučivosti poput TV prijemnika. Opisani su programski alati za razvoj web-stranica, njihova povijest, tehnologije koje koriste i zašto je web-dizajn važan te koja mu je svrha. Nadalje objašnjen je i postupak pisanja HTML dokumenta, povijest tehnologije, struktura i sintaksa pisanja koda. Također prikazana je namjena najvažnijeg elementa responzivnog web-dizajna – CSS-a. Obrađeno je i objašnjeno što se i kako koristi, čemu služi, koje su prednosti te zašto se smatra dodatkom HTML-u. Tehnologija se razvija svakodnevno, stoga je važno slijediti razvoj kako bi krajnji korisnici imali najbolje korisničko iskustvo. U današnje vrijeme svatko ima mobilni uređaj s pristupom internetu i podržava pregledavanje weba. Web-stranice napravljene starijim standardima (namijenjene za pregledavanje samo na računalima) nisu baš korisne za pregledavanje putem pametnih telefona i tableta. Da bi se riješio taj problem, koristi se responzivno web-dizajn i media query. Njihova glavna svrha je prilagodba rezolucije web- stranice na veličinu zaslona uređaja koji koristimo za pregledavanje. Cilj ovog rada je sažeti i analizirati razlike između pristupa fiksnih, fluidnih, hibridnih i prilagodljivih dizajna web-stranica u teorijskom smislu. Također obrađena je i implementirana web-stranica odgovornog web-dizajna za vizualnu potvrdu prednosti ove metodologije u praktičnom dijelu. Općenito, responzivni web-dizajn sastoji se od sljedećih dijelova: margine, padding-a, media query-a i flex-a koji, ovisno o razlučivosti, omogućuju prilagođavanje sadržaja.. Obrađene su točke koje obuhvaćaju implementaciju različitih sadržaja i elemenata u web-stranicu poput fleksibilnih slika, videa, slova itd. Sve spomenute tehnologije prikazane su na praktičnom primjeru web-trgovine. Opisani su procesi kreiranja responzivnog dizajna koji odgovara većini današnjih web-standarda. |