Izrada responzivnog portfolia korištenjem Web tehnologija ; Development of a Responsive Portfolio by using Web technologies
Gespeichert in:
| Titel: | Izrada responzivnog portfolia korištenjem Web tehnologija ; Development of a Responsive Portfolio by using Web technologies |
|---|---|
| Autoren: | Bukovac, Goran |
| Weitere Verfasser: | Stanisavljević, Vladimir |
| Verlagsinformationen: | Sveučilište Sjever. Sveučilišni centar Varaždin. Odjel za multimediju, oblikovanje i primjenu. University North. University centre Varaždin. Department of Multimedia, Design and Application. |
| Publikationsjahr: | 2016 |
| Bestand: | Croatian Digital Theses Repository (National and University Library in Zagreb) |
| Schlagwörter: | HTML, CSS, Bootstrap, responzivnost, prilagođenost, portfolio, mobilni uređaj, responsive, adaptation, mobile phone, TEHNIČKE ZNANOSTI. Grafička tehnologija. Procesi grafičke reprodukcije, TECHNICAL SCIENCES. Graphic Technology. Processes of Graphic Reproduction |
| Beschreibung: | 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. ; 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. |
| Publikationsart: | bachelor thesis |
| Dateibeschreibung: | application/pdf |
| Sprache: | Croatian |
| Relation: | https://zir.nsk.hr/islandora/object/unin:1065; https://urn.nsk.hr/urn:nbn:hr:122:122327; https://zir.nsk.hr/islandora/object/unin:1065/datastream/PDF |
| Verfügbarkeit: | https://zir.nsk.hr/islandora/object/unin:1065 https://urn.nsk.hr/urn:nbn:hr:122:122327 https://zir.nsk.hr/islandora/object/unin:1065/datastream/PDF |
| Rights: | http://rightsstatements.org/vocab/InC/1.0/ ; info:eu-repo/semantics/openAccess |
| Dokumentencode: | edsbas.223C53AA |
| Datenbank: | BASE |
Nájsť tento článok vo Web of Science | 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. ; 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. |
|---|