IT 2
Innholdet på disse sidene er bygget på læreboka
< kode2 > Informasjonsteknologi 2
HTML5 og JavaScript - Cappelen Damm
og bokas
nettsider
.
Nettsidene bør åpnes i FireFox eller IE, mens noen inputvarialer krever Crome...
ALLE OPPGAVER ||
OPPSUMMERING
KAP 1 - 3
HTML CSS JS Variabler
KAP 4 - 5
Kontrollsetninger,
løkker og funksjoner
KAP 6 - 7 og 9
Brukergrensesnitt,
multimedier og animasjon
KAP 8
Array mm
KAP 11
Planlegging og
dokumentasjon
EKSAMEN
Oppgaver og løsninger
Kap 6 Interaktivitet og brukergrensesnitt s 133
Kap 6.1 Eks Knapp og bilde s 120
Kap 6.1 Eks Diameter på en sirkel s 121
Kap 6.1 Eks Diameter på en sirkel -farge s 121
Kap 6.1 Eks Vise id på knapp s 123
Kap 6.1 Eks To knapper til samme funksjon s 124
Kap 6.1 Eks Et bilde for hver knapp s 125
Kap 6.1 Eks Et bilde for hver knapp med div s 125
Kap 6.1 Eks Data-attributt for lyd og bilde s 127
Kap 6.2 Eks Innskrivningsfelt s 129
Kap 6.2 Eks Slette tekst fra innskrivingsfelt s 130
Kap 6.2 Eks Brukernavn og passord s 132
Kap 6.2 Eks En enkel kalkulator s 133
Kap 6.2 Eks Slippe opp en tast på tastaturet s 134
Kap 6.2 Eks Velge farge og rotasjon s 136
Kap 6.3 Eks Valg med radioknapper ja-nei s 138
Kap 6.3 Eks Valg med radioknapper s 139
Kap 6.3 Eks Velg farge på gullfisken s 140
Kap 6.3 Eks Godtar du avtalen eller ikke s 141
Kap 6.3 Eks Avkrysningsboks s 141
Kap 6.3 Eks Velg klesstørrelse - nedtrekk s 143
Kap 6.4 Eks Lage en huskeliste s 148 (Skjema)
Kap 6.2 INPUT-ELEMENT s 135
Kap 7 Multimedier s 154
Kap 7.1 Eks Utseende på avsnitt s 156
Kap 7.1 Eks Bruk av webfonter s 157
Kap 7.4 Eks Flere ikoner i en bildefil lyd s 172
Kap 7.4 Eks La nettleser velge størrelse bilde s 173
Kap 7.4 Eks Skalering av bilder s 165
Kap 7.4 Eks Tekst og bilder med absolutt posisjonering s 167
Kap 7.4 Eks Zoome inn på et bilde s 168
Kap 7.4 Eks Zoome inn på et bilde s 170
Kap 7.5 Eks Figurer med svg s 176
Kap 7.5 Eks Å tegne en iPad s 176
Kap 7.6 Eks Sette inn en video s 180
Kap 7.6 Eks Attributter til video-elementet s 181
Kap 7.7 Eks Enkel avspiller med JS s 183
Kap 7.7 Eks Navigere i videoen s 186
Kap 7.7 Eks Interaktive multimedier med video s 187
Kap 7.8 Eks El-piano s 190 (autoplay)
Kap 7.8 Eks El-piano s 190 (lyd av/på)
Kap 7.8 Eks El-piano s 190 (2 lydfiler av/på)
Kap 9 Multimedier - animason s 246
Kap 9.1 Eks Endre bredde på firkant s 248
Kap 9.1 Eks Endre bredde på inputfelt s 250
Kap 9.1 Eks Rotere et p-element s 251
Kap 9.2 Eks Løve og tekst s 256
Kap 9.2 Eks Løve og tekst - overgang s 257
Kap 9.3 Eks Endre bakgrunnsfarge s 258
Kap 9.3 Eks Brukeren bestemmer rotasjon s 260
Kap 9.4 Eks Firkant som vokser seg større s 263
Kap 9.4 Eks Å rotere et div-element s 264
Kap 9.4 Eks Firkanter som beveger seg i bane s 266
Kap 9.4 Eks Bil som kjører s 268
Kap 9.5 Eks Tekst som fader s 271
Kap 9.5 Eks En snøball som ruller s 272
Oppgaver og løsninger
Kap 6 Interaktivitet og brukergrensesnitt
Kap 7 Multimedier
Kap 9 Animasjon
Nyttig til oppgavene:
Bruker endrer størrelse på figurer tegnet med SVG
Søyler tegnet med SVG I
Søyler tegnet med SVG II
Bruk av SVG-Editor (video)
Last ned Audacity
Enkel redigering av lyd i Audacity (video)
Audacity guide (Aschehoug Forlag)
Linker mellom html-sider
Litt om lydfiler
Til kapittel 9:
Eksempler og filer til animasjoner