Aihe Nimi Kuvaus
HTML Sivu HyperText Markup Language
Sivu Opettelemme semanttisia tägejä

HTML5:n mukana tuli ns. semanttisia tägejä, eli kuvaavia tägejä. Enää ei tarvitse käyttää div tai span-tägejä, jotka eivät kuvaa mitään, vaan voimme käyttää main, section, article, footer jne. tägejä, jotka kuvaavat, mitä milloinkin ollaan tekemässä. 

Seuraavassa sivussa on käytetty seuraavia tägejä:

main, details, summary, figure, figcaption, section, article, meter, progress ja nav, joitakin useampaan kertaan.

Semantic

Yritä tehdä samanlainen. Vastauksen löydät sisällöstä.

Sivu CSS:n tutustuminen

Seuraaviksi tutustumme CSS:ään. Niille, jotka eivät tule tunnille, suosittelen tutustumaan http://jyri.guru/courses/ ja sieltä CSS -osioon. Tulemme tunnilla tekemään seuraavanlaisen sivun:

css_juttu

Vastaus löytyy taas sisällöstä, mutta käymme tämän tekemisen läpi rivi riviltä.

Omat verkkosivut Tiedosto Miten saan ilmaiset sivut käyttööni
Responsiiviset verkkosivut Verkko-osoite Responsiivisten verkkosivujen suunnittelu
Verkko-osoite W3Schoolin sivu aiheesta
Verkko-osoite Erittäin hyvä ja laaja sivu aiheesta
Verkko-osoite PDF-aiheesta
Kommentointi ja dokumentointi Verkko-osoite Kts. myös
Tiedosto Dokumentoinnista
Lomakkeen tarkastus ym. JavaScriptiä Verkko-osoite Hyvä sivusto JavaScriptin opiskeluun
Verkko-osoite Lomakkeen tarkastus
Verkko-osoite Lomakkeen tarkastusta englanniksi
Tiedosto JavaScript luento
Projektit Kansio Scrum-oppaita
Sivu 1. Projekti
Tiedosto SCRUM PowerPoint