HTML-opas v.14.11.1997

FRAME / KEHYKSET

up.gif SISÄLLYSLUETTELOON

KOODIA KOOTTUNA LISTANA

up.gif SISÄLLYSLUETTELOON

IKKUNAN JAKO OSIIN

ALOITUS

<FRAMESET

  • Kehysten aloituskoodi jonka perään tulee parametrejä ruudun jaosta: ja linkit yms.

    JAKO PYSTYSUUNNASSA

    ROWS="," 

     _______
|       |
|       |
|_______|
|       |
|       |
|_______|

    Ruutu jaettu korkeussuunnassa ( -, vaaka, "rivi" )
    Pilkulla eriteltyjä kehysrivien korkeuksia.
    1. Pikseleinä
    2. Prosenttiarvona %
    3. Suhteellisena lukuna (*)
    Esimerkiksi puoliksi jaettu sivu:

    <HTML>
    <HEAD></HEAD>
    <FRAMESET ROWS="50%,50%">
        <FRAME SRC="esimerkki1.html">
        <FRAME SRC="esimerkki2.html">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: rowskork.html

  • Jos halutaan jollekkin osalle jättää jäljelle jäävä tila niin tulee laittaa sen osalta tähtimerkki.
    ( Esim: "100,*" - eli 100 pikseliä korkea osuus ikkunasta ekalle ja loput toiselle)

    JAKO VAAKASUUNNASSA

    COLS="," 
     _________
|    |    |
|    |    |
|    |    |
|    |    |
|    |    |
|____|____|
    Ruutu jaettu leveyssuunnassa ( |, pysty, palsta )
    Pilkulla eriteltyjä kehysrivien korkeuksia.
    1. Pikseleinä
    2. Prosenttiarvona &
    3. Suhteellisena lukuna (*)
    Esim:

    <HTML>
    <HEAD></HEAD>
    <FRAMESET COLS="50%,50%">
        <FRAME SRC="esimerkki1.html">
        <FRAME SRC="esimerkki2.html">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: colsleve.html

  • Jos halutaan jollekkin osalle jättää jäljelle jäävä tila niin tulee laittaa sen osalta tähtimerkki.
    ( Esim: kolmeosainen "200,*" - eli eka on 200 pikselin korkunen ja toiselle loput )

    JAKO VAAKA- SEKÄ PYSTYSUUNNASSA

     ________
|        |
|        |
|        |
|        |
|________|
|__|__|__|

    <FRAMESET ROWS="4*,1*">
        <FRAME SRC="esimerkki1.html">

    <FRAMESET COLS="33%,33%,*">
        <FRAME SRC="esimerkki2.html">
        <FRAME SRC="esimerkki3.html">
        <FRAME SRC="esimerkki4.html">

    </FRAMESET>
    </FRAMESET>

  • Huomaa että lopetus on kaksi ketaa.

    Tulos tuosta koodista: rowscols.html

    EI KEHYSTEN RAJAA

    FRAMEBORDER="0"

    Esimerkissä

  • Sivu jaettu kahtia mutta "saumaa" ei näy:
  • Vierityspalkki saattaa näkyä.

    <HTML>
    <HEAD></HEAD>
    <FRAMESET COLS="50%,50%" FRAMEBORDER="0">
        <FRAME SRC="esimerkki1x.html">
        <FRAME SRC="esimerkki2x.html">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: border0.html

    EI KEHYSTÄ

    BORDER="0"

    Esimerkissä

  • Sivu jaettu kahtia mutta "saumaa" ei näy:
  • Vierityspalkki saattaa näkyä jos sen annetaan (auto) annettu tapahtuvan.

    <HTML>
    <HEAD></HEAD>
    <FRAMESET COLS="50%,50%" BORDER="0">
        <FRAME SRC="esimerkki1x.html">
        <FRAME SRC="esimerkki2x.html">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: BORDER_0.html

    LOPETUS

    </FRAMESET>

    Lopetuskoodi - Tämän ja aloituskoodin väliin tulee parametrejä ruudun jaosta ja linkit yms.

    up.gif SISÄLLYSLUETTELOON

    SISÄLLÖN MÄÄRITYS KOODISSA

  • Komennot tulevat <FRAMESET> ja </FRAMESET> väliin.

    TIEDOSTO IKKUNAAN

    <FRAME SRC="">

    Esimerkissä:

  • Määritelty kolmen kehyksen koot ( ROWS )
  • Linkit .html-tiedostoinin ( FRAME SRC ) jotka kehyksiin avataan.

    <HTML>
    <HEAD></HEAD>
    <FRAMESET ROWS="10%,30%,*">
        <FRAME SRC="esimerkki1.html">
        <FRAME SRC="esimerkki2.html">
        <FRAME SRC="esimerkki3.html">
     </FRAMESET>
    </HTML>

    Tulos tuosta koodista: framesrc.html

    IKKUNAN LINKKINIMI

    NAME=""

  • Kerrotaan toisen ikkunan osoitteen olevan nimeltään "dokumenttialue"

    <HTML>
    <HEAD></HEAD>
    <FRAMESET COLS="140,*">
        <FRAME SRC="sisallysluettelo.html">
        <FRAME SRC="html-ohje.html" NAME="dokumenttialue">
    </FRAMESET>
    </HTML>

    REUNAMARGINAALI

    MARGINWIDTH=""

    Esimerkissä:

  • Vasen ja oikea marginaali pikseleinä vasemmassa kehyksessä.

    <HTML>
    <HEAD></HEAD>
    <FRAMESET ROWS="50%,50%">
        <FRAME SRC="esimerkki1.html" MARGINWIDTH="40">
        <FRAME SRC="esimerkki2.html">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: vaakmarg.html

    PYSTYMARGINAALI

    MARGINHEIGHT=""

    Esimerkissä:

  • Ylä- ja alamarginaali pikseleinä ylemmässä kehyksessä.

    <HTML>
    <HEAD></HEAD>
    <FRAMESET ROWS="50%,50%">
        <FRAME SRC="esimerkki1.html" MARGINHEIGHT="40">
        <FRAME SRC="esimerkki2.html">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: pystmarg.html

    ??????JOTAIN VIKAA VIEL??????

    VIERITYSPALKIT

    SCROLLING=""

    Esimerkissa:
  • Vierityspalkkien hallinta kolmella määreellä
    yes - aina näkyvissä - sekä pysty että vaaka
    no - ei vieritypalkkeja
    auto - vierityspalkit tilanteen mukaan ( oletus )
    • <HTML>
    <HEAD></HEAD>
    <FRAMESET ROWS="15%,15%,*">
        <FRAME SRC="esimerkki1.html" SCROLLING="yes">
        <FRAME SRC="esimerkki2.html" SCROLLING="no">
        <FRAME SRC="esimerkki3.html" SCROLLING="auto">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: vierpalk.html

    MUOKKAUKSEN ESTO

    NORESIZE

    Esimerkissä:

  • Estetään kehyksen koon muokkauksen esto hiirellä vetämällä.
  • 1 ja 2 ikkunoiden välistä kehyksestä vetämällä ei voi suurentaa eikä pienentää.
  • 2 ja 3 välistä ikkunaa voi kehystä vetämällä suurentaa tai pienentää.

    <HTML>
    <HEAD></HEAD>
    <FRAMESET ROWS="20%,20%,*">
        <FRAME SRC="esimerkki1.html" NORESIZE>
        <FRAME SRC="esimerkki2.html">
        <FRAME SRC="esimerkki3.html">
    </FRAMESET>
    </HTML>

    Tulos tuosta koodista: lukittu.html

    up.gif SISÄLLYSLUETTELOON

    VIESTI - JOS OHJELMA EI TUE FRAMEA

    <NOFRAMES>
    Tekstiä ohjelmille jotka ei tue kehyksiä
    </NOFRAMES>

  • Tuohon väliin voi vaikka laittaa sivun ilman framea eli normaali sivun - niin ei tarvi tehdä taas yhtä erillistä tiedostoa niille jotka eivät voi katsoa selarin kykenemättömyyden vuoksi frameversiota.

    up.gif SISÄLLYSLUETTELOON

    LINKIN AVAAMINEN TIETTYYN FRAMEEN

    Jos ikkunakohdetta ei määritellä niin linkki avautuu samaan ikkunan osaan josta linkki valittiin.

    TARGET=""
    Tuolla määritetään kohdeikkunan osa (name="") linkki tagissa.

    [ ESIMERKKEJÄ ]

    <A HREF="xxxxxxx.html" target="dokumenttialue">linkki</A>

  • Linkki aukeaisi kohdeikkunaan nimeltä: "dokumenttialue"

    <A HREF="xxxxx.html" target="_top">linkki </A>

  • Linkki aukeaa jaettujen ikkunoiden tilalle (päälle).

    <A HREF="xxxxx.html" target="_parent">linkki </A>

  • Linkki aukeaa jaettujen ikkunoiden tilalle (päälle).

    <A HREF="xxxxx.html" target="_blank">linkki </A>

  • Linkki avaa uuden ikkunan.

    <A HREF="xxxxx.html" target="_self">linkki </A>

  • Samaan kehykseen saat auki uuden ikkunan.

    <A HREF="xxxxx.html" target="xxxx">linkki </A>

  • Linkki aukeaa frameen nimeltä xxxx mutta kun sellaista ei ole olemassa niin selari tekee semmosen.
    up.gif SISÄLLYSLUETTELOON
    HTML-opas