Linkkejä

2019-06-05T12:51:58+03:00

http://www.w3schools.com/html/

Enkuksi hyvä sivu, kattava

http://www.sivustot.net/Pekka/opas/

Hyvä sivusto suomeksi.

Ti 8.12.2015

2015-12-07T16:21:56+02:00

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:

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!

Kun olet saanut jotain aikaiseksi, vaikka seuraavan:

<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.