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
...
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ä:
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.
- Mitä on taulukkotaitto?
- Miksi taulukkotaitto on typerää? (hauska ja provosoiva esitys css-taiton eduista)
- HTML- taulukkorakenteen perusteet
- Tieto- ja taittotaulukot Taulukon rakenne
- Taulukon osat
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