3.8 Tehtävä 12

  1. Tee (temp-hakemistoon, työpöydälle tai Z-kotihakemistoosi) tyhjä sivu blank.html,
    jonka koodi on seuraava: 
    <html>
<head>
	<title>blank</title>
</head>
<body bgcolor="#C0C0C0">
</body>
</html>
    Tämä sivu näytetään kun selain lataa kehykset ensimmäisen kerran.
  2. Tee otsikkosivu otsikko.html, jonka koodi on seuraava: 
    <html>
<head>
	<title>Otsikko</title>
</head>
<body bgcolor="#909000" text="#FFFF00">
	<h1 align="center">Kehysteht&auml;v&auml;</h1>
</body>
</html>
    Tämä sivu ladataan otsikkopalkkiin (kts. alla) kun selain lataa kehykset ensimmäisen kerran.
  3. Tee kehyssivu nimeltään kehys.html, ja siihen seuraavanlainen rakenne:



    Käytä vaikka otsikko-kehyksen korkeutena 65 pikseliä ja menun leveytenä 200 pikseliä. Top ja bottom jakavat jäljellä olevan tilan 50%/50%.
  4. Nimeä kehykset menu, top, bottom, ja laita kaikkiin kolmeen kehykseen oletusarvoiseksi HTML-dokumentiksi tuo aiemmin tehty blank.html. Otsikko-kehykseen latautuu otsikko.html.

    Tässä vaiheessa sivun pitäisi näyttää jotakuinkin tältä:
  5. Seuraavaksi tehdään menu (esim. menu.html). Siihen tulee kolme osiota:

    1 - linkit kotisivullesi ja Stadian portaaliin
    2 - hakukoneet / Suomi
    3 - hakukoneet / ulkomaat
  6. Kotisivu-linkki ohjaa koko ikkunan kotisivullesi eli index.html-tiedostoon (edellinen tehtävä)
  7. Stadia-linkki avaa uuden ikkunan Stadian portaaliin www.stadia.fi
  8. Kotimaiset hakukonelinkit latautuvat kehykseen top.
  9. Ulkomaiset hakukonelinkit latautuvat kehykseen bottom.
  10. Lisäksi hakukonelinkkien perässä on - tyhjennä - linkki, jota klikkaamalla oikealla olevista kehyksistä jompi kumpi "tyhjenee", eli siihen latautuu blank.html -dokumentti.
  11. Sijoita menu.html-sivu menu-kehykseen, ja testaa että kaikki linkit toimivat oikealla tavalla.
  12. Siirrä kaikki tiedostot (kehys.html, blank.html, menu.html, otsikko.html) web-kotihakemistoosi jotta opettaja voi käydä tarkistamassa tehtävän.
  13. Testaa vielä että kaikki toimii myös kotisivutilastasi käsin.
  14. Lopuksi siivoa jälkesi.