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ä.

Aloitusluento: HTML:n ja CSS:n historiaa ja peruskäsitteitä

1. HTML-sivun teko ja julkaisu

2. Tekstin merkkaus ja perusmuotoilut

3. 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