prikaz prve stranice dokumenta Izrada responzivnog portfolia korištenjem Web tehnologija
  Preuzmi
PDF 2.6 MB
završni rad
Izrada responzivnog portfolia korištenjem Web tehnologija
Koprivnica: Sveučilište Sjever, 2016. urn:nbn:hr:122:122327
Bukovac, Goran
Sveučilište Sjever
Sveučilišni centar Varaždin
Odjel za multimediju

Institucijski repozitorij: Digitalni repozitorij Sveučilišta Sjever

Citirajte ovaj rad

Bukovac, G. (2016). Izrada responzivnog portfolia korištenjem Web tehnologija (Završni rad). Koprivnica: Sveučilište Sjever. Preuzeto s https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac, Goran. "Izrada responzivnog portfolia korištenjem Web tehnologija." Završni rad, Sveučilište Sjever, 2016. https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac, Goran. "Izrada responzivnog portfolia korištenjem Web tehnologija." Završni rad, Sveučilište Sjever, 2016. https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac, G. (2016). 'Izrada responzivnog portfolia korištenjem Web tehnologija', Završni rad, Sveučilište Sjever, citirano: 11.10.2024., https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac G. Izrada responzivnog portfolia korištenjem Web tehnologija [Završni rad]. Koprivnica: Sveučilište Sjever; 2016 [pristupljeno 11.10.2024.] Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:122327

G. Bukovac, "Izrada responzivnog portfolia korištenjem Web tehnologija", Završni rad, Sveučilište Sjever, Koprivnica, 2016. Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:122327

Za citiranje koristite ovu mrežnu adresu: https://urn.nsk.hr/urn:nbn:hr:122:122327
Podaci o radu
NaslovIzrada responzivnog portfolia korištenjem Web tehnologija
Naslov (engleski)Development of a Responsive Portfolio by using Web technologies
AutorGoran Bukovac
MentorVladimir Stanisavljević (mentor)
Član povjerenstvaDean Valdec (predsjednik povjerenstva)
Član povjerenstvaSnježana Ivančić Valenko (član povjerenstva)
Član povjerenstvaVladimir Stanisavljević (član povjerenstva)
Ustanova koja je dodijelila
akademski / stručni stupanj		Sveučilište Sjever
(Sveučilišni centar Varaždin)
(Odjel za multimediju)
Koprivnica
Datum i država obrane2016-09-26, Hrvatska
Znanstveno / umjetničko
područje, polje i grana		TEHNIČKE ZNANOSTI
Grafička tehnologija
Procesi grafičke reprodukcije
Sažetak
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.
Sažetak (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
Ključne riječi (engleski)
Jezikhrvatski
URN:NBNurn:nbn:hr:122:122327
Studijski programNaziv: Multimedija, oblikovanje i primjena
Vrsta studija: stručni
Stupanj studija: stručni
Akademski / stručni naziv: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (bacc. ing. techn. graph.)
Vrsta resursaTekst
Način izrade datotekeIzvorno digitalna
Prava pristupaOtvoreni pristup
Uvjeti korištenjaIkona licence Zaštićeno autorskim pravom.
Datum i vrijeme pohrane2016-11-18 15:48:54