<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/543/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>OSA 3: sivun ulkoasun muokkaaminen</title>
<id>https://peda.net/id/a9bc7c0b4e4</id>
<updated>2023-09-08T15:17:22+03:00</updated>
<link href="https://peda.net/id/a9bc7c0b4e4:atom" rel="self" />
<link href="https://peda.net/peda-net-akatemia/koulutukset/arkisto/someron-varhaiskasvatus-la-9.9.2023-klo-9.30-11.30/tehtavat/osa-4-sivun-ulkoasun-muokkaaminen#top" rel="alternate" />
<logo>https://peda.net/:static/543/peda.net.logo.bg.svg</logo>
<rights type="html">&lt;div class=&quot;license&quot;&gt;Tämän sivun lisenssi &lt;a rel=&quot;license noopener&quot; href=&quot;https://peda.net/info&quot; target=&quot;_blank&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>Muokkaa sivun ulkoasua</title>
<id>https://peda.net/id/a9bcd65c4e4</id>
<updated>2023-08-30T09:12:45+03:00</updated>
<link href="https://peda.net/peda-net-akatemia/koulutukset/arkisto/someron-varhaiskasvatus-la-9.9.2023-klo-9.30-11.30/tehtavat/osa-4-sivun-ulkoasun-muokkaaminen/muokkaa-sivun-ulkoasua#top" />
<content type="html">&lt;b&gt;Tehtävä 1. Vaihda sivusi tyyppi päätasoksi.&lt;/b&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;span&gt;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.&lt;/span&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;&lt;span&gt;Paina sivun nimen perässä olevaa kolmea pistettä ja &amp;quot;Muokkaa&amp;quot;. &lt;/span&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;span&gt;Klikkaa &amp;quot;Asetukset&amp;quot;.&lt;/span&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;span&gt;Vaihda sivun tyyppi päätasoksi. &lt;/span&gt;&lt;/li&gt;&#10;&lt;li&gt;&lt;span&gt;Tallenna lopuksi muutokset.&lt;/span&gt;&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;br/&gt;&#10;&lt;span&gt;Nyt pääset muokkaamaan sivusi tyyliä haluamaksesi.&lt;br/&gt;&#10;&lt;/span&gt;&lt;br/&gt;&#10;&lt;b&gt;&lt;/b&gt;&lt;span&gt;&lt;b&gt;&lt;br/&gt;&#10;Tehtävä 2. Vaihda sivusi bannerikuvaa. &lt;br/&gt;&#10;&lt;/b&gt;&lt;/span&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;Paina sivun vasemmasta reunasta painiketta &amp;quot;Muokkaa tyyliä&amp;quot; ja &amp;quot;Lisää bannerikuva&amp;quot;.&lt;/li&gt;&#10;&lt;li&gt;Näytöllesi avautuu &amp;quot;Valitse tiedosto&amp;quot; -painike, josta klikkaamalla pääset valitsemaan tietokoneeltasi haluamasi kuvan.&lt;/li&gt;&#10;&lt;li&gt;Valitse tietokoneeltasi kuva, paina &amp;quot;avaa&amp;quot; ja rajaa kuva sopivaksi vetämällä sinisen neliön kulmista.&lt;/li&gt;&#10;&lt;li&gt;Muista painaa lopuksi &amp;quot;Tallenna valinta&amp;quot;.&lt;/li&gt;&#10;&lt;/ol&gt;&#10;&lt;span&gt;&lt;b&gt;&lt;br/&gt;&#10;&lt;/b&gt;&lt;/span&gt;&lt;b&gt;Tehtävä 3. Muokkaa sivusi värejä ja fontteja.&lt;/b&gt;&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;ol&gt;&#10;&lt;li&gt;Paina sivun vasemmasta reunasta painiketta &amp;quot;Muokkaa tyyliä&amp;quot; ja &amp;quot;Tyyliasetukset&amp;quot;. &lt;/li&gt;&#10;&lt;li&gt;Kokeile sivullesi eri väriä kohdasta &amp;quot;Sivun väriteema&amp;quot;. Väriä vaihdat klikkaamalla &amp;quot;Teeman väri&amp;quot; -kohdan perässä olevaa värilaatikkoa ja valitsemalla värikartasta haluamasi värin.&lt;/li&gt;&#10;&lt;li&gt;Kokeile sivullesi erilaista fonttia. Erilaiset käytettävät fontit löydät hieman alempaa kohdasta &amp;quot;Sivulla käytettävä kirjasintyyli&amp;quot;. Klikkaa täppä haluamasi fontin eteen.&lt;/li&gt;&#10;&lt;li&gt;Paina lopuksi &amp;quot;Tallenna&amp;quot;. &lt;/li&gt;&#10;&lt;/ol&gt;</content>
<published>2023-09-08T15:17:22+03:00</published>
</entry>


</feed>