Web kodning

Link til Sudieturs projekt side. 

https://sites.google.com/view/studieturs-projekt/indhold 

Reflektion:  Det har været et lærefuldt  emne og jeg føler jeg har rimeligt godt styr på html og css. 

Jeg har især taget @keyframes til mig som er måden på at lave animationer, og så er der <script som man kan bruge til at interagere. F.eks. kan man bruge det til at lave en playbutton. 

Til kodningen skulle vi nok have haft brugt mere tid på at kigge tilbage på den programmering vi lavede forinden, fordi vi brugte meget af det til hjemmesiden. 

Web doc/webfeature. 

Hvad er det? Web doc er en forkortelse af web dokumentar som har flere navne som storytelling og webfeature. Det er en dokumentar som visualiseres med videoer, Scrolleytelling eller interaktive designs som en sten med tekst bag hvis man klikker på den. 

Er der forskel fra webfeature og web doc? Nej, det er det samme og kan også beskrives som en storytelling/fortælling. 

Hvad er Scrollytelling? Scrollytelling er en måde at fortælle en historie på ved at scrolle ned af siden og billeder ændres samt ny tekst der kommer frem. Dette kaldes også animation. 

Hvad er animation? Animation er en måde at få ting/tekst til at komme og forsvinde fra dokumentaren på på givende tidspunkter. 

Hvad er audio? og hvad bruges det til? Audio er lyd og kan bruges til at skabe et miljø. f.eks. hvis der er en glad stemning altså med. 

Video på webdocs

Man kan lave parallax scrolling ved at lave en div boks med et id "xxx" og tildele den en video i html. Derefter skal man lave størrelse i css og gøre så den er bag andre billeder og køre den i loop hvis man vil. 

Position: sticky; /* Med 'sticky' opfører den sig som 'fixed' men relativt til den div den er inde i!*/