Rammesett

Skrevet av: GratisGuide.net

I denne artikkelen skal vi se nærmere på hvordan vi setter opp et rammesett. Et rammesett er en oppdeling av nettleservinduet, der vi viser flere forskjellige nettsider samtidig. På en måte viser vi flere nettleservinduer i et og samme vindu.

I motsetning til en vanlig nettside skal vi ikke angi et body-merke, men i stedet et frameset-merke. I dette rammesettet legger vi inn to eller flere rammer som vi vil vise andre nettsider i. La oss si at vi ønsker et rammesett delt opp som dette:

---------------
|      1      |
|-------------|
|             |
|      2      |
|             |
---------------

I dette eksempelet har vi to rammer, nr. 1 og nr. 2. Nr. 1 dekker 25% av sidehøyden. Nr. 2 dekker de resterende 75% av sidehøyden. I dette rammesettet har ikke bredden noe å si siden rammene er like brede.

Før vi bygger opp rammesettet, setter vi opp hodet på nettsiden vår:

Med dette har vi angitt at nettsiden følger HTML-standarden for rammesett (dokumenttype, doctype) og angitt en tittel ("Et eksempel-rammesett") og MIME-type og tegnsett for siden (text/html og ISO-8859-1).

Nå som det er på plass, kan vi starte oppbyggingen av rammesettet vårt. Som eksempelet over viste, er det to rammer i rammesettet. Vi setter opp dette slik:

Her har vi angitt at vi har et rammesett som består av to rader, den øverste er 25% av høyden og den neste (nederste, regnes fra topp til bunn) er 75%. Siden standardverdi for kolonner er 100% tar vi det ikke med - vi har bare en kolonne i vårt rammesett. Våre to rammer er tilsammen 100%. Vi kunne også valgt å skrive denne linjen på denne måten:

Da angir vi at øverste ramme er 25% av høyden mens neste er det gjenværende av den. Dette er mest nyttig når rammehøyde og -bredde angis i andre verdier enn prosent. La oss si at vi vil at øverste ramme skal være 100 piksler høy:

Her blir øverste ramme 100 piksler høy mens neste ramme blir resten av høyden siden * er brukt.

Men, nok om det. Vi skal fortsette på rammesettet vårt. Vi har altså angitt at vi har to rammer i det. Med merket frame kan vi gi nettleseren informasjon om innholdet i en ramme. I vårt eksempel vil vi vise side1.html i den øverste rammen og side2.html i den nederste. Rekkefølgen av frame-merkene følger rammene angitt i rows-attributten i frameset-merket. Det vil si at første frame-merke korresponderer med første størrelse-anmerkning i (her) rows-attributten. Vi har også gitt rammene navn ("topp" og "bunn") som kan brukes som målnavn (attributten target i f.eks. merkene a og form).

For å støtte nettlesere som av en eller annen grunn ikke støtter rammesett, legger vi til merket noframes. Måten nettlesere tolker HTML-kode på gjør at innholdet i noframes vises om nettleseren ikke tolker merkene vi har brukt (frameset og frames). Inne i noframes legger vi HTML-kode som om det var en vanlig nettside.

<noframes>
<body>
Denne teksten vises om rammesett ikke støttes av nettleseren.
</body>
</noframes>

Nå som rammesettet vårt er ferdig er det bare å avslutte det ved å lukke åpne merker:

</frameset>
</html>

Med dette rammesettet har du et utgangspunkt for en nettside oppdelt i flere vinduer. Ved bruk av name- og target-attributtene kan du lenke til de forskjellige rammene mellom dem.

Vær oppmerksom på at søkemotorer normalt indekserer rammesett-siden, den vi nettopp har laget, og ikke sidene vi viser i det (side1.html og side2.html i vårt eksempel). Det kan derfor lønne seg å benytte noframes til å vise informasjon som kan være interessant for både de som ikke leser siden med en rammesett-vennlig nettleser og for søkemotorene. Vanligvis benyttes noframes til å fortelle den som ser siden at en benytter en nettleser som ikke støtter rammer. I stedet burde det legges inn informasjon relevant til rammesettet. Det kan for eksempel være lenker til de sidene du angir i frames-merkene.

Nedenfor ser du hele HTML-koden ferdig og korrekt oppstilt. Det er bare å klippe-og-lime og jobbe videre med den :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
  <title>Et eksempel-rammesett</title>
  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<frameset rows="25%, 75%">
  <frame src="/side1.html" frameborder="0" name="topp">
  <frame src="/side2.html" frameborder="0" name="bunn">
  <noframes>
    <body>
      Denne teksten vises om rammesett ikke støttes av nettleseren. Her kan du også legge inn HTML-kode.
    </body>
  </noframes>
</frameset>
</html>

Relaterte lenker

Sjekk ut vår rammesett-generator dersom du vil slippe å skrive kode selv for å lage dem.

Opphavsrett

Ønsker du å gjengi denne artikkelen eller noe fra den må du gjerne gjøre det, men ikke glem kildereferanse. For å lenke til denne artikkelen kan du bruke URL-en http://www.gratisguide.net/artikler/html/rammesett.html.

Tilbake til Artikler / HTML og CSS