Harjoitustyö 2
Harjoitellaan kuvien liittämistä nettisivuille.
1. Lue sivun perusrakenne ja vaihda taustaväri mieluiseksisi
(HTML, HEAD, TITLE, /HEAD, /TITLE, BODY, /BODY, /HTML)
BODY BGCOLOR="#AABBCC"
2. Lisää sivulle noin 12,15 tai 18 kuvaa, kaikkien kuvien pitää liittyä yhteen aiheeseen. Muista tekijänoikeudet!!! Käytä Googlen kuvahausta hakutyökaluista kohtaa "saa käyttää uudestaan". TALLENNA KUVAT HARJOITUSTYÖ 2-kansioon!
esimerkkiaiheita
-hedelmiä (banaani, omena, ananas,...)
-horoskooppimerkit (vaaka, leijona, kauris,...)
-kotimaiset kasvikset (porkkana, punajuuri, lanttu,...)
-erilaisia soittimia (piano, vielu, kitara,..)
-erilaisia automerkkejä (toyota, honda, volkswagen,...)
-urheilulajeja. (koripallo, jalkapallo, tennis,...)
3. Kiinnitä huomiota sijoitteluun ja kuvien kokoon, käytä reunoja eli kehyksiä tarvittaessa! Laita kuvat joko 4*3. 3*5 tai 3*6 asetelmaan. Muuta kuvien kokoa niin että kaikki kuvat näkyvät samaan aikaan näytöllä seli sivua ei pidä skorlata.
4. Palauta tiedosto sekä kuvakaappaus peda.nettiin
<IMG SRC="kuva.gif"> tiedostomuoto on joko .jpg tai .png tai gif tai bmt
BORDER="1" reunuksen eli kehyksen paksuus
WIDTH="100" kuvan leveyden säätö
HEIGHT="100" kuvan korkeuden säätö
HSPACE="10" paljonko tyhjää tilaa vaakasuunnassa
VSPACE="10" paljonko tyhjää tilaa pystysuunnassa
ALT="kuvan nimi" kuvan nimeäminen
Kaikkia yllämainutuja optioita ei välttämättä kannata käyttää.
+++BONUS+++
Lisää jokaisen kuvan alle kuvateksti. esim appelsiini/banaani,.... Tämä on vaikeaa kuten huomaat. Googlaa apua esim pre-tagista.
eli yhden kuvanlisäämiseen voit tarvita jopa tälläisen html-tägin:
<IMG SRC="kuva.gif" width="60" height="60" hspace="10" vspace="5" border="1" >
1. Lue sivun perusrakenne ja vaihda taustaväri mieluiseksisi
(HTML, HEAD, TITLE, /HEAD, /TITLE, BODY, /BODY, /HTML)
BODY BGCOLOR="#AABBCC"
2. Lisää sivulle noin 12,15 tai 18 kuvaa, kaikkien kuvien pitää liittyä yhteen aiheeseen. Muista tekijänoikeudet!!! Käytä Googlen kuvahausta hakutyökaluista kohtaa "saa käyttää uudestaan". TALLENNA KUVAT HARJOITUSTYÖ 2-kansioon!
esimerkkiaiheita
-hedelmiä (banaani, omena, ananas,...)
-horoskooppimerkit (vaaka, leijona, kauris,...)
-kotimaiset kasvikset (porkkana, punajuuri, lanttu,...)
-erilaisia soittimia (piano, vielu, kitara,..)
-erilaisia automerkkejä (toyota, honda, volkswagen,...)
-urheilulajeja. (koripallo, jalkapallo, tennis,...)
3. Kiinnitä huomiota sijoitteluun ja kuvien kokoon, käytä reunoja eli kehyksiä tarvittaessa! Laita kuvat joko 4*3. 3*5 tai 3*6 asetelmaan. Muuta kuvien kokoa niin että kaikki kuvat näkyvät samaan aikaan näytöllä seli sivua ei pidä skorlata.
4. Palauta tiedosto sekä kuvakaappaus peda.nettiin
<IMG SRC="kuva.gif"> tiedostomuoto on joko .jpg tai .png tai gif tai bmt
BORDER="1" reunuksen eli kehyksen paksuus
WIDTH="100" kuvan leveyden säätö
HEIGHT="100" kuvan korkeuden säätö
HSPACE="10" paljonko tyhjää tilaa vaakasuunnassa
VSPACE="10" paljonko tyhjää tilaa pystysuunnassa
ALT="kuvan nimi" kuvan nimeäminen
Kaikkia yllämainutuja optioita ei välttämättä kannata käyttää.
+++BONUS+++
Lisää jokaisen kuvan alle kuvateksti. esim appelsiini/banaani,.... Tämä on vaikeaa kuten huomaat. Googlaa apua esim pre-tagista.
eli yhden kuvanlisäämiseen voit tarvita jopa tälläisen html-tägin:
<IMG SRC="kuva.gif" width="60" height="60" hspace="10" vspace="5" border="1" >