Luennot

• Kurssin esittely, käytänteet, harjoitustyö 3.9.2026
• Komentorivityöskentely tai Komentorivi TIM-materiaali
  • Mikä on komentorivi
  • DOS / Powershell / Linux

  Voit katsoa myös vanhan ITKP101-kurssin luennon: Komentorivityöskentely

• HTML5-perusteet
  • HTML5-elementit
  • Erikoismerkit
  • Hakemistorakenne ja suhteellinen ja absoluuttinen viittaaminen
  • WWW-sivun julkaiseminen
• CSS-perusteet
  • CSS-tyylien perusteet
  • Eri yksiköiden käyttö (pituudet, värit)
  • Valitsimet
  • Laatikkomalli
• CSS-kertaus
  • html/xhtml/xml, mitä eroa näillä on?
  • Tyylien periytyminen
  • CSS-tyylitiedostoon kirjoitettujen tyylien kirjoitusjärjestyksen merkitys
  • Valitsimien vaikutus
  • Yhdistyvät marginaalit (collapsing margins)
• Layout ja asemointi
  • Visuaaliseen asemointiin liittyviä juttuja
  • Liu'utus (float)
  • Flexbox
  • Grid
  • Keskittäminen
  • Transformointi
  • Position
• Mediatyypit ja mediakyselyt
  • Mediatyypit
  • Sivun asetukset
  • Vaativaa asemointia
• Multimedia
  • Kuva, ääni ja video WWW-sivuilla
  • Videon ja äänen upottaminen sivulle
• WWW-lomakkeet
  • WWW-lomakkeiden käyttö, hyödyt ja haitat
  • WWW-lomakkeiden tekeminen
  • Lomakkeiden käsittelytekniikoita ja toiminnallisuuden toteuttaminen
• Apache-www-palvelin
  • Edelleenohjaus
  • Salasanasuojaus
  • SSI
  • Mediatyypit
• CSS-valitsimet
  • Tarkemmin esimerkiksi pseudo-luokat ja valitsimet
  • Listojen käsittely
  • Automaattinen numerointi
  • Taulukoiden ominaisuudet
  • Elementin koko
  • Min, max, overflow, clip, visibility, display
• WWW-sivujen käytettävyys ja esteettömyys
  • Esteettömyys
  • Käytettävyys
  • Mobiiliympäristöt

Voit katsoa samojen aiheiden luentovideot myös aiemmin pidettyjen WWW-julkaiseminen-kurssin luentosivulta tai Opetusteknologia-kurssin luentosivulta.