You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 85 Next »

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ä: *


Materiaalia

Yleistä

HTML:n ja CSS:n historiaa ja peruskäsitteitä
Internetin ja hypertekstin kehittyminen
Selain
Palvelin

Verkkosivustojen suunnittelu ja toteutus

Mitä on HTML?
Ulkoasun muotoilu CSS:llä
Yksiköt
DTD ja miten siihen viitataan

HTML

Määrittelyt ja standardit
HTML-dokumentin luominen
Tekstin muotoilu
Elementit ja määritteet
Värit
Yksiköt
Linkkien teko
Hakemistorakenne linkityksessä
Kuvien lisääminen
Järjestetyt ja järjestämättömät listat
Validointi

CSS:

CSS:n muoto ja rakenne
Tyylimäärittelyn liittäminen html-sivuun
span / div / display
Tärkeimmät selektorit
Tekstin muotoilu

  • taustavärit
  • reunite (borders)
  • marginaali
  • täyte (padding)
    Taitto
  • Validointi

Muuta

Kuvat ja Multimedia verkkosivuilla
Selainskriptit
Oman sivuston julkaiseminen

  • No labels
You must log in to comment.