Prilagođavanje web sadržaja različitim rezolucijama preglednika

završni rad

• Autor: Daria Prožek
• Mentor: Tajana Koren Ivančević (mentor)
• Član povjerenstva: Nikolina Stanić Loknar (član povjerenstva)
• Član povjerenstva: Tajana Koren Ivančević (član povjerenstva)
• Član povjerenstva: Krešimir Dragčević (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2016-9-19, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

Završni rad obrađuje i rješava problematiku izrade responzivne web stranice, odnosno prikazivanja web sadržaja različitim rezolucijama web preglednika namijenjenim uređajima različitih veličina zaslona – pametnim telefonima, tabletima i računalima.

Korištenjem HTML5 i CSS3 (media queries) tehnologija, o kojima će se govoriti u teorijskom dijelu, manipulira se prikazom sadržaja koji se prikazuje ispravno na svakom zaslonu. Osim problema prikaza samog sadržaja, rješava se i problem navigacije kako bi web stranica bila funkcionalna i praktična za pregled na svim uređajima. Problem navigacije u ovom radu se rješava pomoću CSS i JavaScript tehnologija koristeći jQuery biblioteke. Također, JavaScript i jQuery tehnologija se koristi pri izradi galerije u svrhu njenog olakšanog korištenja.

Krajnji produkt ovog završnog rada je funkcionalna web stranica , prilagođena za danas najviše korištene rezolucije monitora, tableta i pametnih telefona. Web stranica je galerija obrađenih fotografija kataloškog, modnog i umjetničkog karaktera.

Sažetak (engleski)

This final thesis deals with the problem of making a responsive web site that is showing the content in different resolution of web browsers, made for devices with various screen sizes- smart phones, tablets or desktop screen.

The content is being adjusted to all screen sizes using the HTML5 and CSS3 (media queries) technologies, which are presented in theoretical part of this thesis. Also, this thesis is dealing the problem of web site navigation to make web site functional and easy to use on every device. The problem of navigation is solved using CSS and JavaScript's library jQuery technologies which are also being used in making of gallery.

The product of this thesis is functional web site, adjusted for the most popular resolutions of desktop screens, tablets or smart phones. Web site is actually a gallery which presents retouched photos.

• Ključne riječi: responzivna web stranica; HTML5; CSS3; JavaScript; jQuery
• Ključne riječi (engleski): responsive web site; HTML5; CSS3; JavaScript; jQuery
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:104813
• 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: Otvoreni pristup
• Datum i vrijeme pohrane: 2024-04-16 17:25:20