Versions Compared

Key

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

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ä

Aikataulu ja sisällöt

http://kulttuurilukkari.metropolia.fi/

...

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

...

Kurssin suorittaminen

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

Harjoitustyö

Lisäksi opiskelija tekee harjoitustyönä 10-15 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ä: *

Linkkejä harjoitteluun:

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

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

Column

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