TEHTÄVÄ 2: Visuaalisuutta portfolioon!https://peda.net/id/79fb513c7ed2023-11-09T10:25:01+02:00https://peda.net/:static/548/peda.net.logo.bg.svg<div class="license">Tämän sivun lisenssi <a rel="license noopener" href="https://peda.net/info" target="_blank">Peda.net-yleislisenssi</a></div>
Muokkaa portfolion ulkoasuahttps://peda.net/id/6868a67e7fc2023-11-16T13:27:43+02:00Tässä tehtävässä kokeilet tyylin muokkaamista tekemääsi portfoliopohjaan. Samalla tavalla voit muokata myös muiden sivujen, kuten kurssisivujesi, ulkoasua persoonalliseksi. <b><br/>
<br/>
<br/>
a) Vaihda sivusi tyyppi päätasoksi.</b><br/>
<br/>
<span>Sivu perii automaattisesti tyyliasetukset aina sitä ylemmältä päätasolta. Jos esimerkiksi teet sivun OmaTilaan, perii se OmaTilasi tyyliasetukset. Jotta pääset muokkaamaan sivusi tyyliä, pitää sivusi tyyppi ensin vaihtaa päätasoksi.</span><br/>
<br/>
<ol>
<li><span>Paina sivun nimen perässä olevaa kolmea pistettä ja "Muokkaa". </span></li>
<li><span>Klikkaa "Asetukset".</span></li>
<li><span>Vaihda sivun tyyppi päätasoksi. </span></li>
<li><span>Tallenna lopuksi muutokset.</span></li>
</ol>
<span>Nyt pääset muokkaamaan sivusi tyyliä haluamaksesi.<br/>
</span><br/>
<b></b><span><b><br/>
b) Vaihda sivusi bannerikuvaa. <br/>
</b></span>
<ol>
<li>Paina sivun vasemmasta reunasta painiketta "Muokkaa tyyliä" ja "Lisää bannerikuva".</li>
<li>Näytöllesi avautuu "Valitse tiedosto" -painike, josta klikkaamalla pääset valitsemaan tietokoneeltasi haluamasi kuvan.</li>
<li>Valitse tietokoneeltasi kuva, paina "avaa" ja rajaa kuva sopivaksi vetämällä sinisen neliön kulmista.</li>
<li>Muista painaa lopuksi "Tallenna valinta".</li>
</ol>
<span><b><br/>
</b></span><b>c) Muokkaa sivusi värejä ja fontteja.</b><br/>
<br/>
<ol>
<li>Paina sivun vasemmasta reunasta painiketta "Muokkaa tyyliä" ja "Tyyliasetukset". </li>
<li>Kokeile sivullesi eri väriä kohdasta "Sivun väriteema". Väriä vaihdat klikkaamalla "Teeman väri" -kohdan perässä olevaa värilaatikkoa ja valitsemalla värikartasta haluamasi värin.</li>
<li>Kokeile sivullesi erilaista fonttia. Erilaiset käytettävät fontit löydät hieman alempaa kohdasta "Sivulla käytettävä kirjasintyyli". Klikkaa täppä haluamasi fontin eteen.</li>
<li>Paina lopuksi "Tallenna". </li>
</ol>2023-11-10T14:48:12+02:00