Izrada mrežnih animacija: CSS ili JavaScript?

završni rad

• Naslov (engleski): Creating web animations: CSS or JavaScript?
• Autor: Iva Ledinščak
• Mentor: Kristina Kocijan (mentor)
• Član povjerenstva: Vedran Juričić (predsjednik povjerenstva)
• Član povjerenstva: Ivan Dunđer (član povjerenstva)
• Član povjerenstva: Kristina Kocijan (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Filozofski fakultet; (Odsjek za informacijske i komunikacijske znanosti); Zagreb
• Datum i država obrane: 2021-06-28, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: DRUŠTVENE ZNANOSTI; Informacijske i komunikacijske znanosti

Sažetak

Tema rada je izrada mrežnih animacija. U njemu su objašnjene vrste animacija i njihova uloga na mrežnim stranicama. Rad je fokusiran na izradu animacija u CSS-u i JavaScript-u. Objašnjene su osnove izrade mrežnih animacija pomoću spomenutih tehnologija. Spomenuta je važnost smještaja i vremenskog trajanja animacije na mrežnoj stranici. Prikazani su primjeri jednostavnih animacija (kadrovi animacija u pokretu) te opisan kȏd kojim su izrađene. Navedene su i objašnjene razlike između oba načina izrade mrežnih animacija te uočene prednosti svakog od njih. Cilj rada je istražiti mogućnosti koje pružaju CSS i JavaScript i olakšati odabir između navedenih tehnologija za kreiranje animacija.

Sažetak (engleski)

The subject of this paper is making Web animation. Different types of animations and their role on Web sites are explained. The focus of the paper is on the comparison of creating Web animation using two different tools: CSS and JavaScript. Basics of making Web animation with mentioned tools are presented. The importance of the position and time duration of animation are mentioned. The examples of simple animation are shown through photographs of frames and their programming code is described. The main differences of both methods are stated and explained, and the advantages of each method are noticed. The aim is to explore the possibilities of CSS and JavaScript in order to facilitate the choice between these technologies for animation.

• Ključne riječi: animacija; HTML; CSS; JavaScript; Web
• Ključne riječi (engleski): animation; HTML; CSS; JavaScript; Web
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:131:926341
• Studijski program: Naziv: Informacijske znanosti; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/prvostupnica (baccalaureus/baccalaurea) informacijskih znanosti (univ. bacc. inf.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Otvoreni pristup
• Datum i vrijeme pohrane: 2021-06-28 15:26:52