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)
• Luento 2 - Ke 14.1.2008 Agora Auditorio 2
  • XHTML-dokumentin puurakenne
  • Uusia XHTML-elementtejä
• Luento 3 - Ma 19.1.2008 Agora Auditorio 2
  • Tyylilomakkeiden perusteiden kertaaminen
  • CSS 1:n ominaisuuksien kertaaminen ja uusien ominaisuuksien läpikäyminen
  • Eri yksiköiden käyttö (pituudet, värit)
  • Laatikkomalli
  • Vaihtoehtoiset tyylitiedostot
• Luento 4 - Ke 21.1.2008 Agora Auditorio 2
  • CSS2 ominaisuudet
  • Tarkemmin esimerkiksi pseudo-luokat ja valitsimet (CSS2)
  • Listojen käsittely
  • Automaattinen numerointi
  • Elementin koko
  • Min, max, overflow, clip
• Luento 5 - Ma 26.1.2008 Agora Auditorio 2
  • Liu'utus
  • Visuaaliseen asemointiin liittyviä juttuja
  • Absoluuttinen ja suhteellinen asemointi
• Luento 6 - Ke 28.1.2008 Agora Auditorio 2
  • Mediatyypit
  • Sivun asetukset
  • Vaativaa asemointia (palstalayout yms.)
  • Harjoitustyö (suunnitelmaosuus)
• Luento 7 - Ma 2.2.2008 Agora Auditorio 2
  • WWW-lomakkeiden tekeminen (XHTML-puoli)
• Luento 8 - Ke 4.2.2008 Agora Auditorio 2
  • Perusteet HTTP-protokollasta
  • Lomakkeiden käsittelytekniikoita ja toiminnallisuuden toteuttaminen
  • Selaimen puolella (JavaScript)
  • WWW-ohjelmointikielet esittelyssä (JSP, ASP.NET, PHP, Perl, Python...)
• Luento 9 - Ma 9.2.2008 Agora Auditorio 2
  • Object-elementti
  • Kuvan, äänen ja muun materiaalin laittaminen verkkoon
  • Videoformaateista ja niiden sopivuudesta webbiin
  • Flash
  • Quicktime
  • Realmedia
  • Windows Media
  • Ääniformaatit
• Luento 10 - Ke 11.2.2008 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.2008 Agora Auditorio 2
  • XML-muotoinen tieto
  • RSS
  • SVG
  • MATHML
  • SMIL
  • XForms-lomakkeet
  • Semanttinen Web
  • Harjoitustyö (toteutusosuus)
• Luento 12 - Ke 18.2.2008 Agora Auditorio 2
  • HTTP-protokolla
    • HTTP-otsikkotiedot
    • Virhekoodit
    • MIME-tyypit
    • 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)