Nu prøver vi et par små effekter. Men ikke alle effekter virker med alle browsere. Hvis browseren ikke kender attributten, bliver den blot blot ignoreret.
For det første kan vi ændre kanternes bredde.
<FRAMESET COLS="154,*" BORDER=20>
<FRAMESET ROWS="170,*">
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html">
</FRAMESET>
Vi kan skifte farve på kanterne.
<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
<FRAMESET ROWS="170,*">
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html">
</FRAMESET>
Vi kan slukke for kanter på individuelle <FRAMESET> med FRAMEBORDER.
<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
<FRAMESET ROWS="170,*" FRAMEBORDER=NO >
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html">
</FRAMESET>
Vi kan hindre vieweren i at justere en rammes størrelse. Undtaget specielle omstændigheder er der sjældent grund til at bruge denne attribut.
<FRAMESET COLS="154,*" BORDER=20 BORDERCOLOR="#FFOOOO">
<FRAMESET ROWS="170,*" FRAMEBORDER=NO >
<FRAME SRC="world.gif" WIDTH=146 HEIGHT=162 SCROLLING=NO
MARGINWIDTH=1 MARGINHEIGHT=1>
<FRAME SRC="lisa.html">
</FRAMESET>
<FRAME SRC="terri.html" NORESIZE>
</FRAMESET>
Ok. Efter at have lært lidt om indramning vender vi tilbage til noget enkelt ved at starte med linking (indbyrdes forbindelse) mellem rammerne.
<FRAMESET COLS="33%,67%">
<FRAME SRC="beth.html">
<FRAME SRC="terri.html">
</FRAMESET>
Det, vi vil gøre, er at udvide med et link fra beth.html til shannon.html. Derfor skal du åbne beth.html med Notepad og skrive følgende:
<HTML>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
Beth<P>
Du skal besøge min veninde Shannon
</BODY>
</HTML>
Tilføj nu linket og gem det.
<HTML>
<HEAD>
<TITLE>My Framz Page</TITLE>
</HEAD>
<BODY>
Beth<P>
You have to visit my friend <A HREF="shannon.html">Shannon</A>
</BODY>
</HTML>
Og så afprøver vi det.
<FRAMESET COLS="33%,67%">
<FRAME SRC="beth.html">
<FRAME SRC="terri.html">
</FRAMESET>
Hvis du klikker på linket, ser du Shannons side blive indlæst i Beths ramme.
Det ved jeg, jeg ved det godt!
Du blev ikke imponeret.
Du vil klikke på et link i Beths ramme og få den indlæst i Terris ramme.
Hm, det giver noget mere arbejde.
Det, du skal, er at NAME (navngive) <FRAME> på din masterside. Fortsæt nu med at navngive den anden ramme.
<FRAMESET COLS="33%,67%">
<FRAME SRC="beth.html">
<FRAME SRC="terri.html" NAME="WINDOW-1">
</FRAMESET>
Bemærk - <FRAME> NAME skal begynde med et alfanumerisk tegn (dvs. et bogstav eller tal). Alle andre ramme navne bliver ignoreret. (Undtagen ved at begynde rammenavnet med en understreg _ hvis brug forklares om lidt.)
Som næste udvider vi linket på Beths side, så åben beth.html igen (med Notepad) og tilføj et TARGET (mål).
<HTML>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
Beth<P>
Du skal besøge min veninde <A HREF="shannon.html" TARGET="WINDOW-1">Shannon</A>
</BODY>
</HTML>
Den slags linkning er storartet, når du vil forbinde enkeltsider fra din hjemmeside. Men hvad nu, hvis du vil linke til et sted udenfor dine sider? Vi tilføjer endnu et link til Beths side.
<HTML>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
Beth<P>
Du skal besøge min veninde <A HREF="shannon.html" TARGET="WINDOW-1">Shannon</A><P>
Og selvfølgelig skal du også besøge Joe på <A HREF="http://junior.apk.net/~jbarta/" TARGET="WINDOW-1">Professional Web Design</A><P>
</BODY>
</HTML>
Som du kan se, indlæser det en andens hjemmeside i din ramme
Hvordan kan du få et eksternt link indlæst i et browser vindue af maksimal størrelse?
Nemt, udskift det gamle mål TARGET til _top.
<HTML>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
Beth<P>
Du skal besøge min veninde <A HREF="shannon.html" TARGET="WINDOW-1">Shannon</A><P>
Og selvfølgelig skal du besøge Joe på <A HREF="http://junior.apk.net/~jbarta/" TARGET="_top">Professional Web Design</A><P>
</BODY>
</HTML>
Brug altid denne metode ved link til en ekstern side. Tro mig, dine læsere vil værdsætte det!
_top er et af 4 såkaldte 'magiske mål'. De hedder _self, _blank, _parent og _top og er de eneste mål, der må begynde med andet end alfanumeriske tegn. Desuden vil alle mål, der starter med en understreg _ der ikke er et af de 'magiske mål' blive ignoreret. Til vores formål er det kun _top, vi har brug for nu.
Note - Det er vigtigt at angive TARGET="_top" snarere end TARGET="_TOP". Normalt giver store og små bogstaver i HTML ingen forskelle, men her er een af undtagelserne. Brugen af _TOP i stedet for _top kan få et link til åbne sig i en browserramme snarere end at blive indlæst i den eksisterende browserramme i fuldskærmsmode. Det er netop formålet med et andet af de 'magiske mål' TARGET="_blank" som er beregnet til indlæsning af et link i et nyt browservindue. Men det var jo ikke hensigten, så husk de små bogstaver!
Introduktion | Lektion 1 | Lektion 2 | Lektion 3 | Lektion 4 | Lektion 5 | Lektion 6 | Lektion 7 |
PROFESSIONAL WEB DESIGN |