Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column
width50%

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ä


Aikataulu ja sisällöt

opettaja: Eeva Meltio, eeva.meltio@metropolia.fi

http://kulttuurilukkari.metropolia.fi/


Kurssin suorittaminen

Kurssin suorittamiseksi opiskelijan on oltava läsnä opetuksessa 80%.

Lisäksi opiskelija tekee harjoitustyönä vähintään 4-5 sivun kokonaisuuden. Sivuston aiheena on

  • oma portfolio
  • muu oma projekti (hyväksytä ensin opettajalla!)

Vaatimukset:

  • validit html-sivut ja ulkoinen css-tiedosto (html 4.01 & css 2)
  • sisältävät minimissään kuvaa ja tekstiä, mielellään myös muuta mediaa
  • myös tulostusnäkymä on suunniteltu

Arviointikriteerit:

  • Sivuston toimivuus ja käytettävyys
  • Toimivuus eli selaimilla ja käyttöjärjestelmillä
  • HTML:n ja CSS:n soveltamisen laajuus sivustolla:
        - rakenteen ja ulkoasun erottaminen
        - typografian suunnittelu: toimivuus käyttäjän kannalta
        - layout: käytettävyys, visuaalisuus

Harjoitustyön muoto:

  • omassa kotihakemistossa tai muualla verkossa julkaistu toimiva sivusto
  • sähköpostitse lähetetty kuvaus (3-4 sivua) sivuston tavoitteesta, kohderyhmästä ja suunnitteluperiaatteista.

*Palautuspäivä: *


Column
Panel
bgColor#efefef
title

Materiaalia

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

1. HTML-sivun luominen ja julkaisu

2. CSS ulkoasun muotoilussa

3. Taitto verkkosivuilla I

4. Taitto verkkosivuilla II

5. Listat ja navigaation muotoilu

6. Yksiköt tarkemmin. Värit, kuvat ja multimedia verkkosivuilla

7. Lisää CSSn sovelluksia

8. Teknisesti toimivat sivut

9. Oman sivuston julkaiseminen

10. Sivunteko-ohjelmat

Linkkejä harjoitteluun:

http://www.landofcode.com/code-editor.php?

http://appro.mit.jyu.fi/www/