https://peda.net/id/7361f6860e0 2017-03-21T10:00:29+02:00 https://peda.net/:static/533/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/73627bd80e0 2016-11-21T23:05:00+02:00 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.<br/> <span class="center medium"><a href="https://peda.net/siilinjarvi/ahmo/opiskelu/tietotekniikka/materiaali/html/5tehtava/5ll/se-on-helppoa/kansiorakenne-png#top" title="kansiorakenne.png"><img src="https://peda.net/siilinjarvi/ahmo/opiskelu/tietotekniikka/materiaali/html/5tehtava/5ll/se-on-helppoa/kansiorakenne-png:file/photo/8af1adef6c4e456ad222d55be1de0240403af2ee/kansiorakenne.png" alt="" title="kansiorakenne.png" class="inline" loading="lazy"/></a></span>Nyt voidaan luoda uusi kansio ja nimetä se vaikka <em>kuvat-</em>nimiseksi (mallissa toinen_sivu). Otetaan sinne kopio etusivun <em>index-html</em>-tiedostosta ja muokataan alkuosaa seuraavasti:<br/> <br/> Rivin 5<br/> <ul> <li>&lt;link href=&quot;tyylit.css&quot; rel=&quot;StyleSheet&quot; type=&quot;text/css&quot;&gt;</li> </ul> muuttuu muotoon <br/> <ul> <li>&lt;link href=&quot;<b>../</b>tyylit.css&quot; rel=&quot;StyleSheet&quot; type=&quot;text/css&quot;&gt;</li> </ul> jolloin ../ viittaa yläkansioon, josta löytyy tyylitiedosto<em> tyylit.css</em>.<br/> <br/> Tämän jälkeen muokataan html-kopiota sisällöltään tarkoituksenmukaisesti. Ulkoasu säilyy ennallaan kun lohkot &lt;div&gt; pysyvät ennallaan.<br/> <br/> Keksi lisää sisältöä hyppäämällä <a href="https://peda.net/id/736443460e0">seuraavaan vaiheeseen</a>. 2017-03-21T10:00:29+02:00