Ramar (frames)ett sätt att visa 2 eller flera hemsidor i samma webbläsarfönster


Tänk om man kunde se dessa båda sidor i ett webbläsarfönster! Så här!

Det du ser här ovan är ju två olika hemsidor, som visas i samma webbläsarfönster. Du börjar med att skapa dessa två hemsidor, som du kan döpa till left.html (den till vänster) och huvud.html (den största, huvudsidan). När du har skapat dessa två, kan du titta på dem i webbläsaren som vanligt, först den ena och sedan den andra. Men för att båda ska visas i samma fönster måste du skapa ett ramverk, som du ska döpa till index.html.

Som du ser finns ingen BODY-tagg (se nedan), utan i stället heter starttaggen FRAMESET. I den taggen anger du hur många kolumner du ska dela upp sidan i. I vårat fall i två kolumner. Den första från vänster är 200 pixlar bred och den andra, största, tar resten av utrymmet i webbläsarfönstret.

Det här anger du i FRAMESET-taggen, i samma tagg anger du även om ramen (gränsen) mellan de två delarna ska synas. Taggen FRAME med attributet SRC berättar vilken av dina hemsidor som ska visas i respektive del. Dessutom namnger man den del (NAME="huvudsida">) där man ska byta sida genom att klicka på en länk. Kopiera det som står här nedan och klistra in i en ny anteckningsfil och spar den som index.html.

<HTML><HEAD><TITLE>Ramverk</TITLE></HEAD>
<FRAMESET COLS="200,*" FRAMEBORDER="1" FRAMESPACING="1" BORDER="1">
<FRAME SRC="left.html" noresize>
<FRAME SRC="huvud.html" NAME="huvudsida">
</FRAMESET>
<NOFRAMES>Tyv&auml;rr s&aring; kan du inte l&auml;sa denna sida,
p g a att du har en &auml;ldre webbl&auml;sare!
</NOFRAMES>
</HTML>

Starta det hela genom att dubbelklicka på just index.html.

Den vänstra delen där länkarna finns, där är det litet speciellt med länktaggarna, du ser ett exempel  här:

<A HREF="train.jpg" TARGET="huvudsida">Gammalt tåglok</A><P>
Det som är speciellt är TARGET=”huvudsida”. Det berättar att den länken ska öppnas i den högra ramen, som vi gav ett namn i ramverket till just huvudsida. Om du har en extern länk så ska det inte stå TARGET=”huvudsida” för då sitter man fast i ramverket. I stället ska man skriva antingen TARGET="_top" eller TARGET="_blank".

TARGET=
"_top" öppnas i samma fönster men ramverket släpper. TARGET="_blank" öppnas i ett nytt fönster och fönstret med ramverket ligger kvar bakom.


© Rolf Malmquist