prikaz prve stranice dokumenta Izrada responzivnog portfolia korištenjem Web tehnologija
  Download
PDF 2.6 MB
undergraduate thesis
Izrada responzivnog portfolia korištenjem Web tehnologija
Koprivnica: University North, 2016. urn:nbn:hr:122:122327
Bukovac, Goran
University North
University centre Varaždin
Department of Multimedia, Design and Application

Institutional repository: University North Digital Repository

Cite this document

Bukovac, G. (2016). Izrada responzivnog portfolia korištenjem Web tehnologija (Undergraduate thesis). Koprivnica: University North. Retrieved from https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac, Goran. "Izrada responzivnog portfolia korištenjem Web tehnologija." Undergraduate thesis, University North, 2016. https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac, Goran. "Izrada responzivnog portfolia korištenjem Web tehnologija." Undergraduate thesis, University North, 2016. https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac, G. (2016). 'Izrada responzivnog portfolia korištenjem Web tehnologija', Undergraduate thesis, University North, accessed 25 June 2024, https://urn.nsk.hr/urn:nbn:hr:122:122327

Bukovac G. Izrada responzivnog portfolia korištenjem Web tehnologija [Undergraduate thesis]. Koprivnica: University North; 2016 [cited 2024 June 25] Available at: https://urn.nsk.hr/urn:nbn:hr:122:122327

G. Bukovac, "Izrada responzivnog portfolia korištenjem Web tehnologija", Undergraduate thesis, University North, Koprivnica, 2016. Available at: https://urn.nsk.hr/urn:nbn:hr:122:122327

Metadata
TitleIzrada responzivnog portfolia korištenjem Web tehnologija
Title (english)Development of a Responsive Portfolio by using Web technologies
AuthorGoran Bukovac
MentorVladimir Stanisavljević (mentor)
Committee memberDean Valdec (predsjednik povjerenstva)
Committee memberSnježana Ivančić Valenko (član povjerenstva)
Committee memberVladimir Stanisavljević (član povjerenstva)
GranterUniversity North
(University centre Varaždin)
(Department of Multimedia, Design and Application)
Koprivnica
Defense date and country2016-09-26, Croatia
Scientific / art field,
discipline and subdiscipline		TECHNICAL SCIENCES
Graphic Technology
Processes of Graphic Reproduction
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.
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.
Keywords
Keywords (english)
Languagecroatian
URN:NBNurn:nbn:hr:122:122327
Study programmeTitle: Graphical Studies: Multimedia, Design and Application
Study programme type: professional
Study level: undergraduate
Academic / professional title: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije)
Type of resourceText
File originBorn digital
Access conditionsOpen access
Terms of useLicence In copyright icon
Created on2016-11-18 15:48:54