Animacija spletnih grafik z uporabo CSSOrnik, Maša (Avtor) Gabrijelčič Tomc, Helena (Mentor) spletna animacijaCSSinteraktivnostspletne grafikespletno oblikovanjeZ animiranimi grafičnimi elementi na spletnih straneh se srečujemo vsak dan. Razvijalci in oblikovalci spletnih strani zaradi želje po izstopanju v množici novo nastajajočih spletnih strani opuščajo statične in monotone rešitve pri ustvarjanju novih spletnih mest. Diplomska naloga se ukvarja s pripravo in izdelavo grafičnih elementov, primernih za manipulacijo in gibanje na spletnih straneh s pomočjo CSS-kaskadnih stilskih predlog (angl. Cascading Style Sheets). V teoretičnem delu naloge sta opisana spletna animacija ter njen razvoj, različni načini, s katerimi jo lahko izvajamo, in kakšne so razlike med CSS in ostalimi oblikami, orodji in viri, ki so nam na voljo. V sklopu teorije je delo podrobneje osredotočeno na verzijo CSS 3 in lastnosti, ki jih ponuja. Relevantni in pojasnjeni pojmi so bili CSS-animacije, CSS-tranzicije ter pravilo glavne slike, čemur je bilo med raziskovanjem posvečeno največ pozornosti. Zadnji segment teoretičnega dela je namenjen podpori tovrstnega načina animiranja v brskalnikih. Eksperimentalni del je razdeljen na dve večji fazi izdelave, in sicer načrtovanje ter izdelavo animacij. V prvi fazi je bil zasnovan koncept animacij ter njihovih osrednjih elementov. Sledilo je oblikovanje grafik in priprava le-teh za uporabo v animacijah. Grafični elementi so bili izdelani v programu za vektorsko risanje grafik. Vsak izdelan osrednji element predstavlja določeno prevozno sredstvo, in sicer avtomobil, balon, podmornico in vesoljsko ladjo, ustrezno pripravljenega za animiranje. V drugi fazi so bile nastale grafike animirane s pomočjo CSS in spisani ukazi na podlagi želenega gibanja na strani. Koda je bila nato optimirana za delovanje v brskalnikih. V zadnjem delu eksperimentalnega dela je bilo izvedeno testiranje animacij v dveh različnih brskalnikih. V rezultatih poteka razprava o uspešnosti eksperimenta, doseženih ciljih ter težavnosti in časovni zahtevnosti. Težavnost in časovna zahtevnost sta bili odvisni od števila elementov in kompleksnosti njihovega gibanja. Dosežen cilj naloge so štiri uspešno izdelane animacije za splet in nadgradnja znanja na področju CSS. Na podlagi diplomske naloge so v zaključku podana glavna dognanja o uporabnosti CSS kot pripomočka za spletno animacijo.20222022-09-06 09:01:11Diplomsko delo/naloga139662VisID: 87269sl