Luennot

Ennen luentoa näkyvillä on viimevuotisen luennon materiaali! Luentojen järjestykseen ja sisältöihin voi tulla muutoksia!

Luennot taltioidaan videona jä äänenä. Taltiointeja voi katsella ja kuunnella jälkikäteen lataamalla tiedostot kunkin luentosivun alusta.

Videoiden katselemiseen tarvitset Windows Media Playerin version 9, 10 tai 11. Ääntä voit kuunnella millä tahansa mp3-formaattia tukevalla ohjelmalla, esimerkiksi Winampilla tai Windows Media Playerillä. Jos käytät Linuxia tai sinulla on ongelmia videoiden katsomisessa, niin lue dokumentti "Luentovideoiden katseleminen kotikoneella".

• Luento 1 - Ma 12.1.2009 Agora Auditorio 3
  • Kurssin esittely
  • Rakenneajatus kertauksena
  • XHTML-elementit (kertausta)
  • Hakemistorakenne ja viittaaminen
• Luento 2 - Ke 14.1.2009 Agora Auditorio 2
  • XHTML-elementit (kertausta)
  • XHTML-dokumentin puurakenne
  • Uusia XHTML-elementtejä
• Luento 3 - Ma 19.1.2009 Agora Auditorio 2
  • Tyylilomakkeiden perusteiden kertaaminen
  • Vaihtoehtoiset tyylitiedostot
  • CSS1:n ominaisuuksien kertaaminen ja uusien ominaisuuksien läpikäyminen
  • Eri yksiköiden käyttö (pituudet, värit)
  • Valitsimet
  • Laatikkomalli
• Luento 4 - Ke 21.1.2009 Agora Auditorio 2
  • CSS2 ja CSS 2.1 -ominaisuudet
  • Tarkemmin esimerkiksi pseudo-luokat ja valitsimet (CSS2)
  • Listojen käsittely
  • Automaattinen numerointi
  • Elementin koko
  • Min, max, overflow, clip
• Luento 5 - Ma 26.1.2009 Agora Auditorio 2
  • Visuaaliseen asemointiin liittyviä juttuja
  • Liu'utus
  • Absoluuttinen, kiinnitetty ja suhteellinen asemointi
  • Asemointi z-suunnassa
• Luento 6 - Ke 28.1.2009 Agora Auditorio 2
  • Mediatyypit
  • Sivun asetukset
  • Vaativaa asemointia (palstalayout yms.)
  • Harjoitustyö (suunnitelmaosuus)
• Luento 7 - Ma 2.2.2009 Agora Auditorio 2
  • CSS3
  • WWW-lomakkeiden käyttö, hyödyt ja haitat
  • WWW-lomakkeiden tekeminen (XHTML-puoli)
• Luento 8 - Ke 4.2.2009 Agora Auditorio 2
  • Lomakkeiden käsittelytekniikoita ja toiminnallisuuden toteuttaminen
  • Selaimen puolella (JavaScript)
  • Entiteetit ja URL-koodaus
  • WWW-ohjelmointikielet esittelyssä (JSP, ASP.NET, PHP...)
• Luento 9 - Ma 9.2.2009 Agora Auditorio 2
  • Object-elementti
  • Kuvan, äänen ja muun materiaalin laittaminen verkkoon
  • Kuvaformaatit
  • Videoformaateista ja niiden sopivuudesta webbiin
  • Ääniformaatit
  • Flash
  • Tulostettavaksi tarkoitetut dokumentit
• Luento 10 - Ke 11.2.2009 Agora Auditorio 3
  • Esteelliset tekniikat
  • Sivujen suunnittelussa huomioitavia asioita
  • WWW-sivujen käytettävyys
  • WWW-sivujen esteettömyys
  • Suosituksia
    • WCAG 1.0
    • WCAG 2.0
    • Mobile Web Best Practices 1.0
• Luento 11 - Ma 16.2.2009 Agora Auditorio 2
  • XML-muotoinen tieto
  • Semanttinen Web
  • SVG
  • MathML
  • SMIL
  • RSS
  • XForms-lomakkeet
  • Harjoitustyö (toteutusosuus)
• Luento 12 - Ke 18.2.2009 Agora Auditorio 2
  • HTTP-protokolla
    • HTTP-otsikkotiedot
    • Virhekoodit
    • Evästeet
  • Apache-palvelimen ominaisuuksia (.htaccess, kielenvalinta, edelleenohjaus, salasanasuojaus jne.)
  • Laajan WWW-sivuston ylläpitomenetelmiä
    • Hyödyllisiä tekniikoita sivujen ylläpidossa (SSI, PHP)
    • CMS (Plone, Wiki)
    • Esiprosessointi (WML)
  • Oman WWW-palvelun perustaminen