prikaz prve stranice dokumenta Programska prilagodba web stranice dnevnom i noćnom prikazu
  Preuzmi
PDF 1.98 MB
završni rad
Programska prilagodba web stranice dnevnom i noćnom prikazu
Koprivnica: Sveučilište Sjever, 2022. urn:nbn:hr:122:771647
Vukman, Sara
Sveučilište Sjever
Sveučilišni centar Varaždin
Odjel za multimediju

Institucijski repozitorij: Digitalni repozitorij Sveučilišta Sjever

Citirajte ovaj rad

Vukman, S. (2022). Programska prilagodba web stranice dnevnom i noćnom prikazu (Završni rad). Koprivnica: Sveučilište Sjever. Preuzeto s https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman, Sara. "Programska prilagodba web stranice dnevnom i noćnom prikazu." Završni rad, Sveučilište Sjever, 2022. https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman, Sara. "Programska prilagodba web stranice dnevnom i noćnom prikazu." Završni rad, Sveučilište Sjever, 2022. https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman, S. (2022). 'Programska prilagodba web stranice dnevnom i noćnom prikazu', Završni rad, Sveučilište Sjever, citirano: 04.01.2025., https://urn.nsk.hr/urn:nbn:hr:122:771647

Vukman S. Programska prilagodba web stranice dnevnom i noćnom prikazu [Završni rad]. Koprivnica: Sveučilište Sjever; 2022 [pristupljeno 04.01.2025.] Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:771647

S. Vukman, "Programska prilagodba web stranice dnevnom i noćnom prikazu", Završni rad, Sveučilište Sjever, Koprivnica, 2022. Dostupno na: https://urn.nsk.hr/urn:nbn:hr:122:771647

Za citiranje koristite ovu mrežnu adresu: https://urn.nsk.hr/urn:nbn:hr:122:771647
Podaci o radu
NaslovProgramska prilagodba web stranice dnevnom i noćnom prikazu
Naslov (engleski)Programmatic adjustment of the web page to light and dark mode
AutorSara Vukman
MentorVladimir Stanisavljević (mentor)
Član povjerenstvaDean Valdec (predsjednik povjerenstva)
Član povjerenstvaVladimir Stanisavljević (član povjerenstva)
Član povjerenstvaSnježana Ivančić Valenko (član povjerenstva)
Ustanova koja je dodijelila
akademski / stručni stupanj		Sveučilište Sjever
(Sveučilišni centar Varaždin)
(Odjel za multimediju)
Koprivnica
Datum i država obrane2022-09-29, Hrvatska
Znanstveno / umjetničko
područje, polje i grana		TEHNIČKE ZNANOSTI
Grafička tehnologija
Procesi grafičke reprodukcije
Sažetak
U ovom radu, među ostalim, objašnjena je povijest dnevnog i noćnog načina rada. Opisan je utjecaj dnevne i noćne teme na vid. Definirane su smjernice, komponenti i alata koji podržavaju najbolje prakse dizajna korisničkog sučelja tamne teme prema Materijalnom dizajnu. Navedena su i objašnjena svojstva i medijski upiti u CSS-u koji su konstruirani posebno za prilagođavanje web stranica različitim temama boja. Prikazani su različiti načini postavljanja noćne i dnevne teme pomoću samo CSS-a, te pomoću CSS-a i JavaScripta. Zatim je opisan localStorage pomoću kojeg se sprema korisnikov izbor u željenu temu. U praktičnom dijelu ovog rada dizajnirana je i osmišljena web stranica sa dnevnom i noćnom temom prema navedenim smjernicama i pravilima. Zatim je stranica izrađena tako da ima dnevnu i noćnu temu koja se prilagođava postavkama operativnog sustava korisnika i koju će korisnik moći promijeniti klikom na ikonu.
Sažetak (engleski)
In this work, among other things, the history of dark and light mode is explained. The influence of dark and light theme on vision is described. Guidelines, components and tools that support the best practices of designing a dark theme user interface according to Material Design are defined. Properties and media queries in CSS that are constructed specifically to adapt web pages to different color themes are listed and explained. Different ways of implementing a dark and light theme using only CSS, and using CSS and JavaScript are shown. Next, localStorage is described, with which the user's choice of desired theme is saved. In the practical part of this work, a website with light and dark theme is designed and developed according to the specified guidelines and rules. The page is then made to have a light and dark theme that adapts to the user's operating system settings and that the user will have the option to change by clicking on the icon.
Ključne riječi
Ključne riječi (engleski)
Jezikhrvatski
URN:NBNurn:nbn:hr:122:771647
Studijski programNaziv: Multimedija, oblikovanje i primjena
Vrsta studija: stručni
Stupanj studija: preddiplomski
Akademski / stručni naziv: stručni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka multimedijske i grafičke tehnologije (bacc. ing. techn. graph.)
Vrsta resursaTekst
Način izrade datotekeIzvorno digitalna
Prava pristupaOtvoreni pristup
Uvjeti korištenjaIkona licence Zaštićeno autorskim pravom.
Datum i vrijeme pohrane2022-11-11 13:52:35