završni rad
Izrada responzivnog portfolia korištenjem Web tehnologija

Goran Bukovac (2016)
Sveučilište Sjever
Sveučilišni centar Varaždin
Odjel za multimediju, oblikovanje i primjenu
Podaci o radu
NaslovIzrada responzivnog portfolia korištenjem Web tehnologija
AutorGoran Bukovac
Voditelj/MentorVladimir Stanisavljević (mentor)
Sažetak rada
Glavna ideja ovog završnog rada je prikazati kako napraviti responzivnu web stranicu korištenjem opisnoga jezika HTML5, stilskoga CSS3 jezika i Bootstrap aplikacijskog okvira. Svaka od navedenih tehnologija je objašnjena smislenim redoslijedom i do granice da svaka osoba koja čita ovaj rad može pratiti i razumjeti, te na kraju, napraviti neku svoju responzivnu web stranicu vlastitog portfolia. Cilj ovoga rada bio je napraviti web stranicu koja izgleda dobro na osobnim računalima/laptopima, ali i mobilnim uređajima i tabletima. Preciznije definirano, u ovom radu napravljen je osobni portfolio. Za kreiranje takve stranice potrebno je poznavati HTML i CSS sintakse i njihove osnovne elemenate. Za izvedbu responzivnosti web stranice korišten je Bootstrap. Prikazano je i kako dodati ikone iz Font Awesome biblioteke, Magnific Popup JavaScript kod korišten je za isticanje slika u galeriji te dodatni JavaScript kod za uglađeno pomicanje kroz stranicu. Na kraju je prikazano kako sve nabrojane komponente zajedno primijeniti u praksi na primjeru izrade osobnog responzivnog portfolia.
Ključne riječiHTML CSS Bootstrap responzivnost prilagođenost portfolio mobilni uređaj
Naslov na drugom jeziku (engleski)Development of a Responsive Portfolio by using Web technologies
Povjerenstvo za obranuDean Valdec (predsjednik povjerenstva)
Snježana Ivančić Valenko (član povjerenstva)
Vladimir Stanisavljević (član povjerenstva)
Ustanova koja je dodijelila akademski/stručni stupanjSveučilište Sjever
Ustrojstvena jedinica niže razineSveučilišni centar Varaždin
Odjel za multimediju, oblikovanje i primjenu
MjestoKoprivnica
Država obraneHrvatska
Znanstveno područje, polje, granaTEHNIČKE ZNANOSTI
Grafička tehnologija
Procesi grafičke reprodukcije
Vrsta studijastručni
Stupanjstručni
Naziv studijskog programaMultimedija, oblikovanje i primjena
Akademski / stručni nazivstručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije
Kratica akademskog / stručnog nazivabacc. ing. techn. graph.
Vrsta radazavršni rad
Jezik hrvatski
Datum obrane2016-09-26
Sažetak rada na drugom jeziku (engleski)
The main idea of the thesis is to show how to create responsive web page using HTML5, CSS3 and Bootstrap framework. Each of these technologies are explained in the meaningful order and to the extent that each person who reads this article can follow and understand, and finally, it enables them to create their own responsive website. The purpose of the study was to create a website that looks good on PCs / laptops, mobile devices and tablets. More precisely defined, in this thesis I’ve made my own personal portfolio. To create such a website it is necessary to know HTML and CSS syntax and their basic elements. For website responsiveness we use Bootstrap.. It's also shown how to add icons from Font Awesome library, Magnific Popup JavaScript code for gallery and JavaScript code for Smooth Scroll. Finally, it's shown how to use all of these components in practitce to create a website, in this case, personal portfolio.
Ključne riječi na drugom jeziku (engleski)HTML CSS Bootstrap responsive adaptation portfolio mobile phone
Vrsta resursatekst
Prava pristupaRad u otvorenom pristupu
Uvjeti korištenja radahttp://rightsstatements.org/vocab/InC/1.0/
URN:NBNhttps://urn.nsk.hr/urn:nbn:hr:122:122327
PohranioJasna Kosić