Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migrated to Confluence 4.0

Verkkosivustojen taitto, yleisiä periaatteita ja vaihtoehtoja

Yleistä verkkosivustojen typografiasta

Lue Maritta Inkisen verkko-opetusaineistosta kohta Verkkosivujen typografiaa - vastaanottajan ehdoilla.

Tekstin muotoilu CSS:n avulla

   - fonttiasetukset, fonttilajit, perheet, geneeriset fontinnimet
    - sivun yleinen fonttikoko
    - fontin lajin ja koon yhteisvaikutus
    - fontin lihavuus ja muu muuntelu
    - gemenat ja versaalit, alleviivaus yms. koristelut
    - merkkien ja sanojen välit, merkkien luonteen vaikutus
    - tyhjät välit ja rivinvaihdot
    - rivinkorkeus

...

Verkkosivujen luettavuus

Tieto- ja taittotaulukot

Taulukoita käytetään HTML-sivuilla sekä tiedon rakenteen kuvailemiseen että ulkoasun muotoiluun. 

Tietotaulukolla tarkoitetaan esim. hinnastoja, aikatauluja, tilastoja ym. tietoa, joka esitetään rinnakkain.

HTML on pelkkä tiedon esittämisen tapa. Se ei sisällä taulukkolaskentaa tai muutakaan laskennallista muokkausta.

Esimerkkejä: 

http://tka.taik.fi/

Example table layouts

Taittotaulukkoja käytetään sivun layoutin määrittämiseen silloin, kun sivulle halutaan useita vierekkäisiä elementtejä. Esimerkiksi navigaatio voi sijaita yhdessä sarakkeessa ja sisältö sen viereisessä sarakkeessa.

Rakenteellisesti epäilyttäviä ratkaisuja verkkosivuilla

Taulukoiden ulkoasun muotoilu tyylitiedostoilla

Kokeile ominaisuuksia:

taulukon layoutin määrittäminen CSS:llä

taustavärin ja taustakuvan käyttö

leveyden ja korkeuden asettaminen

reunaviivan asettaminen

Harjoituksia.