html
Ti 8.12.2015
Päivän ensimmäinen tehtävä on kopioida viime kerralla tarkastetut tiedostot (tietotekniikan tiedostot+mahdolliset muut asiat joiden haluat vaikuttavan arvosanaasi) arviointia varten. Kopioi ne Yhteiset\9. luokka kansioon. Kun kopioit kansion, niin laita kansion nimeksi oma nimesi.
Mikäli kopiointi ei jostain syystä toimi, niin etsi keskiviikkona Markku käsiisi ja katsotaan sitten yhdessä miten saan tiedostosi arviointia varten.
Sitten päivän varsinaiseen ohjelmaan:
Tämän päivän ohjelmana on tutustua html-editoriin nimeltä Bluefish (löytyy ohjelmoinnin alta). Katso mallia vieressä olevalta sivustolta, ensimmäinen suomeksi, toinen on loppujen lopuksi minun mielestä paras paikka, mutta on enkuksi.
Tee sivu, jossa näytät osaavasi seuraavat asiat:
<html>
<head>
<title>Sivun otsikko, näkyy selaimen yläreunassa</title>
</head>
<body>
<h1> Tämmöinen yksi aina sivulla </h1>
<p> Tänne bodyn sisään tulee kaikki mitä sivulla pitää näkyä!</p>
</body>
talleta tiedosto. Sitten selaimen ylälaidassa on pikanäppäin (maapallon kuva), josta saat esikatselun tekemällesi sivulle. Muista tallettaa tiedosto aina ennen esikatselua.
Mikäli kopiointi ei jostain syystä toimi, niin etsi keskiviikkona Markku käsiisi ja katsotaan sitten yhdessä miten saan tiedostosi arviointia varten.
Sitten päivän varsinaiseen ohjelmaan:
Tämän päivän ohjelmana on tutustua html-editoriin nimeltä Bluefish (löytyy ohjelmoinnin alta). Katso mallia vieressä olevalta sivustolta, ensimmäinen suomeksi, toinen on loppujen lopuksi minun mielestä paras paikka, mutta on enkuksi.
Tee sivu, jossa näytät osaavasi seuraavat asiat:
- otsikot <h1></h1> (h2,...)
- kappale <p> </p>
- listat
<ul>
<li>yksi pallukka </li>
<li>toinen pallukka </li>
</ul> - linkit < a href="http://www.sivustot.net/Pekka/opas/"> HYvä opas </a>
- kuva <img src="kuva.png"> ja kuvan pitää olla samassa kansiossa kuin .html tiedosto!
<html>
<head>
<title>Sivun otsikko, näkyy selaimen yläreunassa</title>
</head>
<body>
<h1> Tämmöinen yksi aina sivulla </h1>
<p> Tänne bodyn sisään tulee kaikki mitä sivulla pitää näkyä!</p>
</body>
talleta tiedosto. Sitten selaimen ylälaidassa on pikanäppäin (maapallon kuva), josta saat esikatselun tekemällesi sivulle. Muista tallettaa tiedosto aina ennen esikatselua.