Izrada responzivne Web stranice pomoću Bootstrap-a

završni rad

• Autor: Marijana Lerotić
• Mentor: Tajana Koren Ivančević (mentor)
• Član povjerenstva: Maja Rudolf (član povjerenstva)
• Član povjerenstva: Tajana Koren Ivančević (član povjerenstva)
• Član povjerenstva: Nikolina Stanić Loknar (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2019-7-18, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

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.

Sažetak (engleski)

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.

• Ključne riječi: web stranica; responzivnost stranice; Bootstrap; HTML; CSS; JavaScript
• Ključne riječi (engleski): website; responsive website; Bootstrap; HTML; CSS; JavaScript
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:440747
• Studijski program: Naziv: Grafička tehnologija; Smjer: Tehničko-tehnološki; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka grafičke tehnologije (bacc. ing.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2024-04-16 15:47:06