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
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.
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">
- <link href="../tyylit.css" rel="StyleSheet" type="text/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.