Verkkoteknologian perusteet
opettaja: Eeva Meltio, eeva.meltio@metropolia.fi
Kurssin tavoitteet
Opiskelija
- ymmärtää verkkoteknologioiden peruskäsitteet
- ymmärtää html- ja css -dokumenttien rakenteet ja toimintaperiaatteet
- osaa rakentaa oikeaoppisia verkkosivustoja
- oppii itsenäisesti seuraamaan verkkoteknologioiden kehitystä ja etsimään lisätietoa erilaisista lähteistä
Kurssin rakenne
Alla lyhyt kuvaus kurssin opetuskertojen sisällöstä. Sivustoille tulee lisämateriaalia koko ajan, myös kurssin edetessä.
1. Aloitusluento: HTML:n ja CSS:n historiaa ja peruskäsitteitä
1. HTML-sivun teko ja julkaisu
2. Tekstin merkkaus ja perusmuotoilut
4. Typografia ja taitto I
Verkkosivustojen taitto, yleisiä periaatteita ja vaihtoehtoja
HTML- taulukkorakenteen perusteet: tieto- ja taittotaulukot
Taulukoiden ulkoasun muotoilu tyylitiedostoilla (perusteet)
Harjoituksia.
4. Typografia ja taitto II
Taulukoiden ulkoasun muotoilu tyylitiedostoilla
Listat ja navigaation rakentaminen
Harjoituksia.
5. Typografia ja taitto III
CSS-taitto
Kuvien käyttö ja niiden sijoittaminen verkkosivuille
Yksiköt ja prosentit. Yksikön valinnan periaatteet.
Harjoituksia.
6. Listat ja navigaation rakentaminen
CSS-taiton syventäminen (display, positioning)
Sivujen taitto kokonaisuutena: kiinteä vai mukautuva taitto?
Käyttäjän omat tyylitiedostot
Kaksoisjulkaiseminen
Harjoituksia.
7. Värit, taustat ja läpinäkyvyys
Värien käyttö verkkosivuilla
Muiden objektien upotus tarkemmin
Läpinäkyvyys.
Harjoituksia.
8. Teknisen tiedon syventäminen: DTD, skriptit jne.
DTD ja miten siihen viitataan.
DTD:n vaikutus sivuston näkymiseen (quirks- ja standards-tilat)
Html:n versioita: mitä html:n versiota käyttäisin?
Metatiedot ja metaelementti, hakurobotit
URLit: tarkoitus, rakenne ja URL-koodaus
Selainskriptit yleisesti: mitä ovat, mitä hyötyä?
Harjoituksia.
9. WWW-julkaisemisen erityiskysymyksiä
Validointi
Esteettömyys
Oman palvelintilan hankkiminen: erilaiset mahdollisuudet verkkosivujen säilyttämiseen ja ylläpitoon.
Harjoitellaan ja kerrataan aikaisemmin opittua.
10. Sivunteko-ohjelmat
Harjoituksia Dreamveawerilla