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ä

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


Aikataulu ja sisällöt

Perusopiskelijat

Aikuisopiskelijat

Aihe

Paikka

Ma 15.3. klo 9-12

To 18.3. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 22.3. klo 9-12

To 25.3. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 29.3. klo 9-12

To 1.4. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 15Ke 14.3. klo 9-12

To 1815.34. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 1519.34. klo 9-12

To 1822.34. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 1526.34. klo 9-12

To 1829.34. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 153.35. klo 9-12

To 186.35. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 1510.35. klo 9-12

To 1813.35. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 1517.35. klo 9-12

To 18.3. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 15.3. klo 9-12

To 18.3. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

Ma 15.3. klo 9-12

To 18.3. klo 17-20

Peruskäsitteet

Ilm. myöhemmin

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

Materiaalia

Panel
bgColor#efefef
titleYleistä

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

Verkkosivustojen suunnittelu ja toteutus
Oman sivuston julkaiseminen

Yksiköt (px, em jne)

Panel
bgColor#efefef
titleHTML

Mitä on 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
DTD ja miten siihen viitataan
Validointi

Panel
bgColor#efefef
titleCSS

Ulkoasun muotoilu CSS:llä
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
Panel
bgColor#efefef
titleLisätietoa

Multimedian upottaminen verkkosivuille
Selainskriptit