Versions Compared

Key

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

...

1. opetuskerta

Mene osoitteeseen http://www.w3schools.com/ ja opettele html-merkkausta ja ulkoasun muotoilua tyylitiedostoilla

...

2. opetuskerta: Ulkoinen tyylitiedosto

Harjoitus 1: Tee mallin mukainen html-sivu, johan on linkitty ulkoinen css-tiedosto.

Voit käyttää valmista kuvitusta.

3. opetuskerta: Lohkot

Harjoitus 2: Tee mallin mukainen html-sivu, johan on linkitty ulkoinen css-tiedosto.

Voit käyttää otsikon taustalla omaa kuvitustasi tai mallin kuvitusta.

Valmis sivu (.zip)

Kolmas opetuskerta

...

sivu

Harjoitus 3
Tee mallin mukainen html-sivusto, johon linkitetään ulkoinen tyylitiedosto

Voit käyttää valmista kuvitusta

4. opetuskerta: Asemointi

Harjoitus 4: Tee mallin mukainen html-sivu, johan on linkitty ulkoinen css-tiedosto.

5. opetuskerta: Taulukot

Harjoitus 5: Tee mallin mukainen taulukkopohjainen sivu.

6. opetuskerta: Navigaation rakentaminen listoilla ja tyylitiedostoilla

Harjoitus 6: Tee mallin mukainen html-sivu, johan on linkitty ulkoinen css-tiedosto

Kokonaisen sivun toteuttaminen

Harjoitus 7: Tee mallin mukainen html-sivu, johan on linkitty ulkoinen css-tiedosto

Kuvituksia: