<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="https://peda.net/:static/532/atom.xsl"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>17. Html, oman sivun tekeminen muistiossa, etäopetus</title>
<id>https://peda.net/id/f5a8e9c08e0</id>
<updated>2021-02-23T09:25:48+02:00</updated>
<link href="https://peda.net/id/f5a8e9c08e0:atom" rel="self" />
<link href="https://peda.net/juupajoki/oppiaineet/tietotekniikka2/9-lk/host#top" rel="alternate" />
<logo>https://peda.net/:static/532/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&quot; href=&quot;https://peda.net/info&quot;&gt;Peda.net-yleislisenssi&lt;/a&gt;&lt;/div&gt;&#10;</rights>

<entry>
<title>Ensimmäinen sivuni</title>
<id>https://peda.net/id/f77dddbc8e0</id>
<updated>2020-05-04T17:13:34+03:00</updated>
<link href="https://peda.net/juupajoki/oppiaineet/tietotekniikka2/9-lk/host/nimet%C3%B6n-f77d#top" />
<content type="html">Tämän tunnin tavoitteena on tehdä oma nettisivu, joka palautetaan tiedostona sivun alaosan palautuslaatikkoon.&lt;br/&gt;&#10;&lt;br/&gt;&#10;Oman nettisivun tekemiseen voi käyttää yksikertaisimmillaan ohjelmaa nimeltä Muistio (Notepad). Muistio pitäisi löytyä kaikista Windows-koneista. Etsi siis koneeltasi Muistio ja avaa se. Vaihtoehtoisesti voit käyttää jotain tekstieditoria, kuten ilmainen &lt;a href=&quot;https://www.ilmaisohjelmat.fi/brackets&quot; rel=&quot;nofollow ugc noopener&quot;&gt;Brackets&lt;/a&gt;. Tekstieditorilla html-kielen kirjoittaminen on sujuvampaa, koska editori osaa täydentää html-kieleen esim. lopetustägit, jotka muistiossa täytyy kirjoittaa itse. &lt;br/&gt;&#10;&lt;br/&gt;&#10;Katso Samu Montosen tekemä &lt;a href=&quot;https://www.youtube.com/watch?v=mq0H-kj_Yio&quot; rel=&quot;nofollow ugc noopener&quot;&gt;video&lt;/a&gt; aiheesta ja tee perässä. Ole tarkkana erityisesti tallennusvaiheessa. Nettisivu ei näy oikein selaimessa, ellei sitä ole tallennettu oikealla tiedostopäätteellä nettisivu&lt;b&gt;.html &lt;/b&gt;Tee sivua kuvaavat tägit esim. &amp;lt;h1&amp;gt; ohjeen mukaan. Sivulle tulevan sisällön voit vaihtaa oman mielesi mukaiseksi. &lt;br/&gt;&#10;&lt;b&gt;&lt;br/&gt;&#10;&lt;iframe width=&quot;947&quot; height=&quot;506&quot; src=&quot;https://www.youtube.com/embed/mq0H-kj_Yio&quot; allowfullscreen=&quot;allowfullscreen&quot;&gt;&lt;/iframe&gt;​&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/b&gt;Katso sitten uusi video tekstin lisäämisestä sivulla ja toimi videon mukaisesti.&lt;br/&gt;&#10;&lt;b&gt;&lt;br/&gt;&#10;&lt;iframe width=&quot;947&quot; height=&quot;506&quot; src=&quot;https://www.youtube.com/embed/kGExKdnmsS4&quot; allowfullscreen=&quot;allowfullscreen&quot;&gt;&lt;/iframe&gt;​&lt;br/&gt;&#10;&lt;br/&gt;&#10;&lt;/b&gt;Tässä vielä kolmas video, jossa opastetaan kuvan lisäämisestä ja taustoista.&lt;br/&gt;&#10;&lt;b&gt;&lt;br/&gt;&#10;&lt;iframe width=&quot;947&quot; height=&quot;506&quot; src=&quot;https://www.youtube.com/embed/u1ySbYg8lCo&quot; allowfullscreen=&quot;allowfullscreen&quot;&gt;&lt;/iframe&gt;​&lt;br/&gt;&#10;&lt;/b&gt;&lt;br/&gt;&#10;​</content>
<published>2020-05-04T16:41:33+03:00</published>
</entry>


</feed>