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

Yleistä verkkosivustojen typografiasta

HTML ja  tekstin merkkaus

CSS tekstin muotoilussa

Lisää selektoreista. Selektorien käytön periaatteet.

Testaaminen tyylien kanssa ja ilman.

Selaimet ja niiden väliset erot.

Harjoituksia.

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