Leo Syrjälä
Kurssi: TIV 9.lk
4 oppituntia
Luokka-aste
9. luokka
9. luokka
Oppiaineet
IT
IT
Hakusanat
taulukko html kuva kotisivut
taulukko html kuva kotisivut
- Kuvankäsittelyn perusasioita
- Kuvankäsittely PSE
- Kuvankäsittely PSE - Tasot
- Kuvankäsittely PSE - Valintatyökalut
- Kuvankäsittely PSE - Harjoitus 1
- Kuvankäsittely PSE - Harjoitus 2
- Kuvankäsittely PSE - Muita työkaluja
- Kuvankäsittely PSE - Oma työ
- Excel - Perusasioita
- Excel - Solujen ulkonäkö
- Excel - Kaavat
- Excel - Kuvaajat ja kaaviot
- Excel - Kertausta
- HTML - Perusasiat
- HTML - Kuva, linkki, taulukko yms.
- HTML - Kehykset
Kokeilua
Käy läpi seuraavat asiat itse testaamalla:
- Kuvan lisääminen, diat 14-15
- Taustakuva tai taustaväri, dia 9
- Vaakaviiva, dia 11
- Vierivä teksti, dia 12
- Linkki, diat 16-18
- Taulukko, diat 22-25
Opetusvideot
Työ
Jatka aiemmin tekemääsi kotisivua eteenpäin lisäämällä seuraavat asiat:
- Vaihda kotisivun taustan väriä.
- Lisää sivun yläreunaan vierivä teksti, jonka fonttikoko on tavallista tekstiä isompi.
- Lisää sivulle kuva
- Laita kuva samalle tasolle vasemmalle tasatun tekstin kanssa, mutta siirrä kuva oikeaan reunaan
- Muokkaa kuvaa pienemmäksi
- Lisää siihen reunat
- Laita kuvaan komento, jolla näkyy kuvateksti, kun siirretään hiiri kuvan päälle
- Lisää vasemmalle tasatun ja keskelle tasatun tekstin väliin vaakaviiva, joka menee sivun reunasta reunaan. Viiva pitää olla eri väriä taustan kanssa, jotta se erottuu.
- Tee kokonaan uusi html-koodi uutta sivua varten. Tälle sivulle tulee otsikko "Linkkejä" ja sen alle lisätään 3x2 taulukko. Taulukkoon rakennetaan vierekkäin linkki toiselle sivustolle ja siihen viereen aina lyhyt selostus. Esimerkiksi:
Katso hauska video klikkaa tästä! - Tee alkuperäiselle sivulle linkki, joka avaa uudessa ikkunassa juuri äsken tekemäsi linkkisivun.
Ekstra: Lisää sivulle upotettu YouTube-video. Huomaa, että iso osa videoista on copyright suojattuja, jolloin niitä ei voi upottaa omalle sivulle. Kannattaa siis etsiessä sisällyttää hakusanaksi "no copyright". Muokkaa video alkamaan automaattisesti. Lisää apua saat tarvittaessa täältä.
Tietokonetaitojen opettelua aina kuvankäsittelystä koodamiseen.