Izrada responzivne Web stranice pomoću Bootstrap-a

undergraduate thesis

• Author: Marijana Lerotić
• Mentor: Tajana Koren Ivančević (mentor)
• Committee member: Maja Rudolf (član povjerenstva)
• Committee member: Tajana Koren Ivančević (član povjerenstva)
• Committee member: Nikolina Stanić Loknar (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2019-7-18, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

Responzivnost sadržaja je vrlo bitan faktor koji se mora uzeti u obzir pri projektiranju

web stranice. Razlog je to što se sve češće, osim na klasičnim desktop platformama,

koriste preglednici na mobilnim uređajima. Da bi postigli željenu responzivnost

nerijetko se koristiti Bootstrap, skup alata kojim se brzo i kvalitetno izrađuje front-end

web stranica. U ovom radu se obrađuje najvažnija značajka Bootstrap-a - grid, odnosno

mreža kolumni koja omogućava brzu prilagodbu web stranice svakom uređaju.

U teorijskom djelu opisane su i standardne web tehnike (HTML, CSS, JavaScript), no

tematika je usmjerena na Bootstrap radni okvir i njegovo korištenje. U praktičnom

dijelu pokazan je postupak izrade teme za web stranicu pomoću grid-a i već ugrađenih

CSS i JavaScript komponenti unutar Bootstrap-a.

Abstract (english)

A very important factor that needs to be considered when designing a website is content

responsiveness. It is important because nowadays, besides usual desktop platforms,

browsers are frequently used on mobile devices. In order to achieve desired

responsiveness, it is common to use Bootstrap, a free and popular front-end framework

for faster and easier web development. This thesis deals with the most important feature

of Bootstrap - grid system, which uses a series of containers, rows, and columns that

allow quick adaptation of the website to different devices.

The theoretical part also describes standard web languages (HTML, CSS, JavaScript)

but is mainly focused on Bootstrap framework and its use. The practical part shows a

web template development using a grid system and Bootstrap’s CSS and JavaScript

components.

• Keywords: web stranica; responzivnost stranice; Bootstrap; HTML; CSS; JavaScript
• Keywords (english): website; responsive website; Bootstrap; HTML; CSS; JavaScript
• Language: croatian
• URN:NBN: urn:nbn:hr:216:440747
• Study programme: Title: Printing technology, course Technical - technological; Course: Graphic technology; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije (sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2024-04-16 15:47:06