Kreativ Webprogrammering

En webdoc, eller en webdokumentar, er en artikel på internettet der blander video, lyd, tekst og historiefortælling til at lave en sjovt og interaktivt oplevelse for læseren. 

Webdocs er en meget kreativ måde at fortælle en historie på. I en webdoc er der normalt selve teksten lige i midten af hjemmesiden, men når man scroller, så spiller en animation der viser en billede eller video for at giv noget ekstra sammenhæng til læseren. Det kunne også være for at lave en visuelt represænation af hvad det er der sker i historien. 

Lyd spiller også en stort rolle i webdocs, man kan brug lyd til at skabe en stemning til din webdoc. Hvis man har en historie om en der har lige været i en stort ulykke, man kan tilføj noget trist musik for at hjælpe med stemningen. 

Normalt vil det ikke være muligt til at lave en kedelig artikel på et tilfældeligt historie, men med en webdoc er det meget nemmere fordi man har så mange ekstra elementer som lyd og video der kan hjælp til skabe en god atmosfære eller oplevelse så at historien behøver ikke at bære det hele, men det er selvfølelig stadig en god ide til at have en interessant historie.

Jeg har ikke rigtige haft nogen problemer eller udfordringer med at genbesøge HTML og CSS, den er ikke så svært at huske fordi hvad vi har lavet var relativt simpelt. 

https://drive.google.com/file/d/18qzEIf7FG_wRbsKc3ez2VZXCzFQUPY61/view?usp=sharing 

Reklektion:

Det er godt at være tilbage til HTML / CSS. Jeg havde ikke rigtige nogen udfordringer, men jeg vidste ikke hvad forskellen i mellem div classer og id'er var før i dag!

Reflektion: Det meste af hvad jeg lavet gik godt, men når jeg testede mit hjemmeside var der nogen tinge placerede forkerte. Det var bare fordi min browser var lidt zoomede ind, og det var faktisk fint. Jeg føler at hvis jeg skulle arbejde på et hjemmeside jeg kunne gøre noget nu.

Jeg lavede ikke så meget med filerne fordi jeg vil bare gerne forstår hvordan de virkede. Det eneste jeg gjorde var at jeg lavede et lille kvadrat der drejer sig 90 grader hver keyframe.

Det drillede mig lidt fordi jeg troede at rotate() tilføjer mængden af grader man sat ind i paranteserene, og ikke at det var mængden den animerer til. Så jeg tænkt at hvis jeg sat 90deg ind at det vil tilføj 90 grader, men jeg fandt ud af det lidt senere i de andre projektfiler. 

Det første jeg gjorde var at jeg ændrede klassisk musikken til en anden sang. Så prøvet jeg at lave en mute knap der vil overlap spil knappen når man trykket på det, men jeg kunne ikke finde ud af det. Så fandt jeg ud af at man skulle brug JavaScript til at gøre det, men jeg havde ikke nok tid tilbage til at finde ud af det.

https://drive.google.com/file/d/1d4o55f1cVoT7xTWQNp1pxQkzcPhfsJMb/view?usp=sharing