Suunnitelma

HTML-sivusto harrastuksesta: pelaaminen

1. Tavoite

Teen kaksikielisen (suomi + englanti) HTML-sivuston omasta harrastuksestani – pelaamisesta. Sivustolla on etusivu, galleria ja työjärjestys.

2. Sivut

• index.html – kielen valinta (Suomi / English)
• etusivu.html – harrastuksen esittely + kuva + linkit
• galleria.html – kuvia harrastuksesta
• tyojarjestys.html – koulun lukujärjestys taulukkona

3. Rakenne (Hakemistopuu)

Danylo/
  index.html
  tyyli.css
  kieli_a/
    etusivu.html
    galleria.html
    tyojarjestys.html
  kieli_b/
    etusivu.html
    galleria.html
    tyojarjestys.html
Materiaali/
  peli1.jpg
  peli2.jpg
suunnitelma/
  dokumentaatio.html
  wireframet.html
  

4. Navigointi

Jokaisella sivulla: Etusivu | Galleria | Työjärjestys | kielen vaihto

5. Tyyli

• Fontti: Arial
• Otsikot: tummansininen (#003366)
• Tausta: valkoinen
• Yksi CSS-tiedosto kaikille sivuille

6. Tekniikka

• HTML5 + CSS
• Ei JavaScriptiä
• Taulukossa rowspan (lukujärjestys)

7. Vaiheet

1. Suunnitelma ja wireframet
2. Kansiorakenne + CSS
3. HTML-sivut (suomi + englanti)
4. Kuvat Materiaali-kansioon
5. Testaus selaimessa

8. Wireframe

Ylhäällä otsikko, sitten linkit, sitten teksti ja kuva. Työjärjestys-sivulla taulukko.

Avaa wireframet

Sivusto