Implementacija animacij, gibanja, in prehodov s pomočjo spletnih programskih jezikov

Pahor, Nino (author), Hladnik, Aleš (mentor)

V diplomskem delu so bile raziskovane in uporabljene funkcije za pridobitev dinamičnih lastnosti spletnih strani s pomočjo nadbesedilnega označevalnega jezika HTML5, jezika slogovnih listov CSS3 in programskega jezika JavaScript. Namen diplomskega dela je bilo testiranje funkcij, ki jih ti programski jeziki ponujajo za doseg interakcij, premikanj in animacij na spletu. Razna gibanja in animacije so dandanes skoraj obvezni pri izdelovanju privlačne spletne strani na kateri hočemo, da uporabnik ostane čim več časa. V delu so predstavljeni začetki in zgodovina vseh treh uporabljenih jezikov. Z uporabo HTML smo izdelali strukturo naše spletne strani, z uporabo CSS smo stran oblikovali in določili njen izgled in z uporabo JavaScript-a smo dosegli razne animacije in interakcije.

• Language: Slovenian
• Keywords: spletne animacije, spletna interaktivnost, CSS, HTML, JavaScript
• Work type: Bachelor thesis/paper
• Organization: NTF - Faculty of Natural Sciences and Engineering
• Year: 2023
• PID: 20.500.12556/RUL-153049
• Publication date in RUL: 15.12.2023

Secondary language

• Language: English
• Title: Implementation of animations, movement and transitions using web programming tools

Abstract

In this diploma, we investigated various functions for obtaining dynamic properties of web pages with the help of programming languages such as HTML5, CSS3 and JavaScript. The purpose of the thesis was to test the functions that these programming languages offer for obtaining interactivity and movement on the web. Dynamic properties such as animations and transitions are nowadays almost mandatory for creating a successful and attractive website on which people will be glad to spend their time. The thesis presents the beginnings and history of all three programming languages. Using HTML we created the website's structure, with CSS we defined the website's appearance and finally using JavaScript, we achieved various animations and interactions.

• Keywords: web animation, web interactivity, CSS, HTML, JavaScript