Harjoitustyö 2
https://peda.net/id/aa78876617f
2022-08-09T18:52:48+03:00
https://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>
Kuvakaappauksen palautus
https://peda.net/id/aa79214517f
2017-09-07T09:15:57+03:00
Palauta kuvakaappaus tänne<br/>
<br/>
<a href="https://padlet.com/lavpek/q3nh06cymjpj" target="_blank" rel="nofollow ugc noopener">https://padlet.com/lavpek/q3nh06cymjpj</a>
2022-08-09T18:52:48+03:00
APUA ja VINKKEJÄ
https://peda.net/id/aa7af73a17f
2022-08-09T18:52:48+03:00
<!--filtered tag: <article--><!--filtered attribute: id="uuid-aa7b7265-17fc-11ed-bb8c-f8f21e980f51"--><!--filtered attribute: class="link document uuid-aa7b7265-17fc-11ed-bb8c-f8f21e980f51 enclose"--><!--filtered attribute: data-id="aa7b7265-17fc-11ed-bb8c-f8f21e980f51"--><!--filtered attribute: data-draft-type="published"--><!-->--><!--filtered tag: <header--><!-->--><h1><!--filtered attribute: class="link"--><a href="https://dreambroker.com/channel/rqt6rzw2/?filterByCategory=tlqoclt3" title="https://dreambroker.com/channel/rqt6rzw2/?filterByCategory=tlqoclt3 (avautuu uuteen ikkunaan)" target="_blank" rel="nofollow ugc noopener">Suomenkielisiä ohjevideoita</a></h1>
<!--filtered end tag: </header>--><div class="main"></div>
<!--filtered tag: <footer--><!-->--><!--filtered end tag: </footer>--><!--filtered end tag: </article>-->
2022-08-09T18:52:48+03:00
Harjoitustyö 2
https://peda.net/id/aa7bfc5e17f
2017-09-07T07:56:45+03:00
Harjoitellaan kuvien liittämistä nettisivuille.<br/>
<b><strong class="editor red">♥</strong></b><br/>
1. Lue sivun perusrakenne ja vaihda taustaväri mieluisaksi, EI VALKOINEN<br/>
(HTML, HEAD, TITLE, /HEAD, /TITLE, BODY, /BODY, /HTML)<br/>
BODY BGCOLOR="#AABBCC"<br/>
<br/>
2. Lisää sivulle noin 12,15 tai 18 kuvaa, kaikkien <span class="editor underline">kuvien pitää liittyä yhteen aiheeseen</span>. <b>Muista tekijänoikeudet!!! Käytä Googlen kuvahausta hakutyökaluista kohtaa "saa käyttää uudestaan". TALLENNA KUVAT HARJOITUSTYÖ 2-kansioon!</b><br/>
esimerkkiaiheita<br/>
-hedelmiä (banaani, omena, ananas,...)<br/>
-horoskooppimerkit (vaaka, leijona, kauris,...)<br/>
-kotimaiset kasvikset (porkkana, punajuuri, lanttu,...)<br/>
-erilaisia soittimia (piano, vielu, kitara,..)<br/>
-erilaisia automerkkejä (toyota, honda, volkswagen,...) <br/>
-urheilulajeja. (koripallo, jalkapallo, tennis,...)<br/>
<br/>
3. Tallenna työ nimellä harjoitustyö2.html <br/>
<br/>
<b><strong class="editor red">♥</strong></b><b><strong class="editor red">♥<br/>
</strong></b>4. Yhtenäistä kuvat saman kokoiseksi (WIDTH, HEIGHT)<br/>
<br/>
5. Lisää kuviin samankokoinen kehyks. Anna kuville nimi ALT-tägillä<br/>
<br/>
6. Tallenna työ.<br/>
<br/>
<b><strong class="editor red">♥</strong></b><b><strong class="editor red">♥</strong></b><b><strong class="editor red">♥</strong></b><br/>
7. Asettele kuvat 4*3, 3*5 tai 3*6 muotoon Esim neljä kuvaa kaikilla kolmella rivillä<br/>
<br/>
8. Aseta kuvien ympärille tyhjää tilaa (HSPACE,VSPACE)<br/>
<br/>
9. Kirjoita kuvien alle mitä kuvassa on. esim Banaani, omena... Tekstin sijoittelu on hankalaa, etsi netistä apua tarvittaessa esim pre-tägi<br/>
<br/>
10. Palauta tiedosto sekä kuvakaappaus peda.nettiin<br/>
<br/>
<br/>
<br/>
<IMG SRC="kuva.gif"> tiedostomuoto on joko .jpg tai .png tai gif tai bmt<br/>
BORDER="1" reunuksen eli kehyksen paksuus<br/>
WIDTH="100" kuvan leveyden säätö<br/>
HEIGHT="100" kuvan korkeuden säätö<br/>
HSPACE="10" paljonko tyhjää tilaa vaakasuunnassa<br/>
VSPACE="10" paljonko tyhjää tilaa pystysuunnassa<br/>
ALT="kuvan nimi" kuvan nimeäminen<br/>
<br/>
Kaikkia yllämainutuja optioita ei välttämättä kannata käyttää.<br/>
<br/>
<br/>
<IMG SRC="kuva.gif" width="60" height="60" hspace="10" vspace="5" border="1" ><br/>
<br/>
<span class="center"><a href="https://peda.net/forssa/perusopetus/akvarelli/oppiaineet/tietotekniikka/arkisto/multimedia22/harjoitusty%C3%B6t/harjoitusty%C3%B6-2/nimet%C3%B6n-2d85/pizza-png#top" title="pizza.png" target="_blank" rel="noopener"><img src="https://peda.net/forssa/perusopetus/akvarelli/oppiaineet/tietotekniikka/arkisto/multimedia22/harjoitusty%C3%B6t/harjoitusty%C3%B6-2/nimet%C3%B6n-2d85/pizza-png:file/photo/5f397b5684cc28b5ed2ddab6194dd440018e6b9a/pizza.png" alt="" title="pizza.png" class="inline" loading="lazy"/></a></span>
2022-08-09T18:52:48+03:00