undergraduate thesis
Development of a Responsive Portfolio by using Web technologies

Goran Bukovac (2016)
Sveučilište Sjever
Sveučilišni centar Varaždin
Odjel za multimediju, oblikovanje i primjenu
Metadata
TitleIzrada responzivnog portfolia korištenjem Web tehnologija
AuthorGoran Bukovac
Mentor(s)Vladimir Stanisavljević (thesis advisor)
Abstract
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.
KeywordsHTML CSS Bootstrap responsive adaptation portfolio mobile phone
Parallel title (English)Development of a Responsive Portfolio by using Web technologies
Committee MembersDean Valdec (committee chairperson)
Snježana Ivančić Valenko (committee member)
Vladimir Stanisavljević (committee member)
GranterSveučilište Sjever
Lower level organizational unitsSveučilišni centar Varaždin
Odjel za multimediju, oblikovanje i primjenu
PlaceKoprivnica
StateCroatia
Scientific field, discipline, subdisciplineTECHNICAL SCIENCES
Graphic Technology
Processes of Graphic Reproduction
Study programme typeprofessional
Study levelundergraduate
Study programmeGraphical Studies: Multimedia, Design and Application
Academic title abbreviationbacc. ing. techn. graph.
Genreundergraduate thesis
Language Croatian
Defense date2016-09-26
Parallel abstract (English)
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.
Parallel keywords (Croatian)HTML CSS Bootstrap responzivnost prilagođenost portfolio mobilni uređaj
Resource typetext
Access conditionOpen access
Terms of usehttp://rightsstatements.org/vocab/InC/1.0/
URN:NBNhttps://urn.nsk.hr/urn:nbn:hr:122:122327
CommitterJasna Kosić