Webfeature

Webfeature er en bestemt ting man kan lave til en hjemmeside for at gøre det mere spændende for folk at læse, i stedet for det bare er black on white, så kan man lave forskellige animationerne, eller scrolltelling feks, dette vil gøre folk mere interreseret i hvad man laver.

Man kan bruge video blandt andet til ddet.

Kigget på https://www.vev.design/blog/digital-storytelling-examples/ & https://www.nytimes.com/projects/2012/snow-fall/index.html#/?part=tunnel-creek

CSS (igen)

CSS Øvelse 4

Kreativ webprog

Øvelse 1:
Background video

Med dnne øvelse skulle jeg prøve at få en video til at autoplay på min hjemmeside, så snart du kommer ind begynder den at spille, så skulle jeg sætte en tekst box ind ovre, som skulle være gennemsynlig, så man stadig kan se vidoen.

Jeg synes ikke rigtigt det var svært, der var nogen få nye ting, men elllers var det som det plejer at være.

Øvelse 2:
Video i DIV.

Jeg skulle sætte en video ind i DIV box, mens der var den normale video bagved, det var pretty much det samme, bare i en div box i stedet.

Parallax Scrolling

Scrollytelling

Parallax er en af mange muligheder for at style din historiefortælling på en måde der knytter sig til brugerens 'scrolling' af siden. 

Parallax scrolling er en stærk visuel effekt, der kan give din læser en oplevelse af dybde og lagdeling, der alt sammen kan bidrage til en større oplevelse/et større engagement.

Ulempen ved denne teknik kan dog være at overdreven brug næste kan gøre læseren søsyg, eller endnu værre helt fjerne fokus fra indholdet. Som altid med effekter handler det om at gøre det 'smagfuldt', og tænke over mængde og omfang. 

Øvelse 1:
Her lærte jeg det basike af parallax scrolling og hvordan man satte det, det var ikke så svært, nogen af de kommandoere vi brugte mest var:

    background-image: url(desk.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

Øvelse 2
Lærte jeg at sætte tekst og andre billeder ind over selve scrollingen, det var de samme kommandoere man brugte, bare mange flere div box, og andet.

Øvelse 3

Her har jeg lært at sætte en video ind i vores parallax scrolling og søger for den er bagved selve billederne, og så kommer kun frem der hvor den skal.

ANIMATION

Øvelse 1:

Vi skulle selv prøve at experimentere med at lave noget animation ud fra en kode vi var givet og lidt hjælpe fra w3schools, og så selv prøve at lave det uden nogen video at guide os, jeg synes det var venstenligt svære end når vi har video på som hjælper os igennem.

Øvelse 2

Her skulle jeg prøve at lege lidt med en penguin, jeg ændre på størrelsen og gjorde så den faldt ud af billedet nede i bunden.

Øvelse 3.

Selvom vi har arbejdet med det her før blev jeg lidt forvirret og er ikke sikker på at jeg lavet denne opgave helt korrekt, men det er jo hvad det er.

AUDIO

I første øvelse hvor vi får en zip fil med en hjemmeside, hvor den har function autoplay på, når man trykker på lyd iconet hoppe i hjørnet.

Jeg vil sige at jeg fortrækker at du skriver hvad du vil have os til at gøre med det, at bare selv skulle gøre "noget" ved det, gør det meget uinteresant, da jeg ikke lige får en idee til hvad jeg skal lave, desværre. Generalt kunne jeg ikke rigtigt finde ud af hvad jeg skulle lave til koden.