5. Lisäsivujen luominen

Se on helppoa

Tässä vaiheessa olet saanut etusivun tehtyä ja haluat tehdä rinnakkaiset sivut, joihin linkit vievät. Rinnakkaiset sivut tehdään omiin kansioihinsa, jolloin niihin liittyvät kuvat pysyvät hyvin tallessa. Ainoa asia mitä tarvitsee muuttaa etusivuun nähden, on tyylitiedoston sijainti.
Nyt voidaan luoda uusi kansio ja nimetä se vaikka kuvat-nimiseksi (mallissa toinen_sivu). Otetaan sinne kopio etusivun index-html-tiedostosta ja muokataan alkuosaa seuraavasti:

Rivin 5
  • <link href="tyylit.css" rel="StyleSheet" type="text/css">
muuttuu muotoon
  • <link href="../tyylit.css" rel="StyleSheet" type="text/css">
jolloin ../ viittaa yläkansioon, josta löytyy tyylitiedosto tyylit.css.

Tämän jälkeen muokataan html-kopiota sisällöltään tarkoituksenmukaisesti. Ulkoasu säilyy ennallaan kun lohkot <div> pysyvät ennallaan.

Keksi lisää sisältöä hyppäämällä seuraavaan vaiheeseen.