Animacije CSS filtera na web-u

završni rad

• Autor: Matija Hasan
• Mentor: Tajana Koren Ivančević (mentor)
• Član povjerenstva: Lidija Mandić (član povjerenstva)
• Član povjerenstva: Maja Rudolf (član povjerenstva)
• Član povjerenstva: Dubravko Banić (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Grafički fakultet; Zagreb
• Datum i država obrane: 2017-9-22, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Grafička tehnologija

Sažetak

U ovom završnom radu cilj je prikazati filtere na web-u animirane putem CSS stilskog

jezika. U današnje vrijeme većina informacija se dobiva digitalnim putem tj. preko

interneta. Postoji veliki broj alata i programskih jezika koji nam pomažu pri izradi web

stranica ili aplikacija. Svaki od tih alata i programa ima svoje prednosti u određenom

smislu, a prednost CSS-a leži u tome da je jednostavan za upotrebu, lagano se nauči

koristiti i manipulirati njegovim kodom.

Pomoću HTML dokumenta prikazat će se kako CSS može poboljšati izgled i

interaktivnost njegovih elemenata. Primjenom različitih filtera može se uvelike

promijeniti prvobitni izgled dokumenta, dok se animiranjem istih razbija monotonost

inače statičnog sadržaja dokumenta. Način primjene spomenutih filtera i animacija ovisi

o sposobnosti i mašti programera, no ne ovisi samo u ljudskom faktoru već i o web

pregledniku koji se koristi. Različiti web preglednici poput Internet Explorer-a, Google

Chrome-a, Mozille Firefox, Safari-a i ostalih imaju i različitu podršku za CSS kod, no

svima je cilj isti, a to je da se krajnjem korisniku pruži zadovoljavajuće iskustvo

prilikom prezentiranja traženih informacija.

Sažetak (engleski)

In this final thesis the goal is to present filters on web through CSS style language.

Nowadays majority of information is gained digitally, through the Internet. There are a

great number of tools and programming languages which helps us to make web pages or

applications. Each of these tools and programming languages has their own perks in a

way, while the advantage of CSS lies in its simplicity. That means it is easy to learn

how to use and manipulate its code.

Through an HTML document it will be shown how CSS can improve appearance and

interactivity of elements. By the usage of various filters the appearance can be changed

by a great deal, while animating the same elements breaks the numbness of otherwise

static content of the document. The appliance of aforementioned filters depends on

ability and imagination of programmer, but it factors in the web browser which is used

as well. Various web browsers such as Internet Explorer, Google Chrome, Mozilla

Firefox, Safari and others support CSS differently, but all of them have the same goal,

to offer satisfying end user experience during the presentation of sought information.

• Ključne riječi: Web; animiranje; CSS; HTML; filteri
• Ključne riječi (engleski): Web; animating; CSS; HTML; filters
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:216:383190
• 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 17:03:34