Suntuubi-palvelussa käytetään evästeitä. Palvelua käyttämällä hyväksyt evästeiden käytön. Lue lisää. OK

Ohje:


1. Tee omalle tietokoneellesi kansio "minun nettisivuni".

2. Avaa Muistio-ohjelma. (Simppelein tekstinkäsittelyohjelma, mitä koneeltasi löytyy. Ohjelmat > Apuohjelmat > Muistio)

3. Kopioi siihen alla oleva sininen koodi:

<html><head><title>valikko</title></head><body bgcolor="pink" link="white" alink="yellow" vlink="white">
<marquee SCROLLAMOUNT=35 LOOP=1 BEHAVIOR=SLIDE><table border="0" cellpadding="3" cellspacing="3"><tr><td bgcolor="red"><center><font face="Arial" size="1">
<a href="esim1.html" target="_top">Linkki1</a></td>
<td bgcolor="red"><center><font face="Arial" size="1">
<a href="esim2.html" target="_top">Linkki2</a></td></tr></table></marquee>

</body></html>

4. Tallenna se nimellä valikko.html

5. Avaa uusi muistiotiedosto ja kopioi siihen alla oleva vihreä koodi:

<html><head><title>esim1</title></head><body bgcolor="pink" link="red" alink="black" vlink="red">
<iframe src="valikko.html" frameborder="0" width="300" height="50"></iframe>

<font face="arial" size="2" color="red">

<h1>Esim1</h1>

<p>Tähän tulee kaikkea mukavaa tekstiä.</p>


</font>
</body></html>

6. Tallenna se nimellä esim1.html

7. Avaa uusi muistiotiedosto ja kopioi siihen alla oleva punainen koodi:

<html><head><title>esim2</title></head><body bgcolor="pink" link="red" alink="black" vlink="red">
<iframe src="valikko.html" frameborder="0" width="300" height="50"></iframe>

<font face="arial" size="2" color="red">

<h1>Esim2</h1>

<p>Tähän tulee kaikkea mukavaa tekstiä.</p>


</font>
</body></html>

8. Tallenna se nimellä esim2.html

 

Nyt sinulla on valmis kotisivun pohjakoodi, josta voit lähetä muokkaamaan omia sivujasi. Alla lisäohjeita.

 

Osion muokkaaminen

Otsikko: <h1>Esim1</h1> - turkoosiin kohtaan.

Tekstikappale. <p>Tähän tulee kaikkea mukavaa tekstiä.</p>

Toinen tekstikappale: teet uuden <p>-tagin ja kirjoitat sen perään seuraavan tekstikappaleen ja suljet sen </p>-tagilla.

Linkki toiselle sivulle: <a href="http://www.sivunosoite" target="_blank">Sivun nimi</a>

- target="_blank pistää linkin aukeamaan uuteen ikkunaan

Kuva: <img src="kuvantiedostonimi.tiedostotyyppi> esim. <img src="kuva.gif">

Linkitetty kuva: <a href="http://www.sivunosoite" target="_blank"><img src="kuva.gif"></a>

Fontin muuttaminen: <font face="Arial" size="2"> - keltaiseen kohtaan esim. tahoma tai Comic Sans ms

Fontin koko: <font face="Arial" size="2"> - vihreään kohtaan, 1 = pienempi kuin 2, 3 = isompi kuin 2.

(Vinkki: fontin kooksi ei kannata laittaa kolmea isompaa, muuten sivusta tulee hölmön näköinen.)

 

Uusi osio

1. Muokkaa valikkoon uusi linkkikoodi:

 

<html><head><title>valikko</title></head><body bgcolor="pink" link="white" alink="yellow" vlink="white">
<marquee SCROLLAMOUNT=35 LOOP=1 BEHAVIOR=SLIDE><table border="0" cellpadding="3" cellspacing="3"><tr><td bgcolor="red"><center><font face="Arial" size="1">
<a href="esim1.html" target="_top">Linkki1</a></td>
<td bgcolor="red"><center><font face="Arial" size="1">
<a href="esim2.html" target="_top">Linkki2</a></td>

<td bgcolor="red"><center><font face="Arial" size="1">
<a href="esim3.html" target="_top">Linkk3</a></td></tr>

</table></marquee>

</body></html>

(Huolehdi, että koodi tulee --Linkki2</a></td> ja </table> väliin. VÄÄRIN: Linkki2</a></td></td> <td bgcolor="red"><center><font face="Arial" size="1"><a href="esim3.html" target="_top">Linkki3</a></td> )

 

2. Tee esim3.html samalla tavalla kuin teit esim2.html ja esim1.html -tiedostot. (Katso ylhäältä kohdat 3-8)

 

©2017 RooliKellari - suntuubi.com