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.
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:
