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

undergraduate thesis

• Author: Daria Prožek
• Mentor: Tajana Koren Ivančević (mentor)
• Committee member: Nikolina Stanić Loknar (član povjerenstva)
• Committee member: Tajana Koren Ivančević (član povjerenstva)
• Committee member: Krešimir Dragčević (član povjerenstva)
• Granter: University of Zagreb; Faculty of Graphic Arts; Zagreb
• Defense date and country: 2016-9-19, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Graphic Technology

Abstract

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.

Abstract (english)

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.

• Keywords: responzivna web stranica; HTML5; CSS3; JavaScript; jQuery
• Keywords (english): responsive web site; HTML5; CSS3; JavaScript; jQuery
• Language: croatian
• URN:NBN: urn:nbn:hr:216:104813
• 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: Open access
• Created on: 2024-04-16 17:25:20