Artikler
Linkmappe

Gratis webmaster portal

Opret din Novil profil

Med en Novil profil får du fuld adgang til samtlige bruger fordele. Brug vores post system, tilføj scripts, skriv artikler og meget mere...

Læs mere

Vil du vide mere om fordelene? Læs mere her »

Opret bruger

Værktøj
Grafik
Novil.dk - Din webmaster hjælp
Annonce
Forsiden
Forsiden
Lær at anvende og opsætte (i)frames.
Indholdsfortegnelse
 - Indledning
 - Min første frame (indsæt frame)
 - Link til frame
 - Frameset
 - Forskellige frameset koder
 - Konklusion
 - Kommentarer
 		 Muligheder
Download artikel
Udskriv artikel
Skriv kommentar
 
 
 
 
 
Indledning
Frames er yderst anvendelig i mangle forskellige situationer. I dag er der dog både fordele og ulemper ved frames og dette vil vi bl.a. komme ind på senere i artiklen.
Frames er egentlig blot en måde hvorpå du ganske simpelt og ved blot én HTML-kode kan indsætte én eller flere sider på samme side. Forstod du ikke det? - Det kan jeg godt forstå. For at forstå dette bør vi se på et eksempel på denne situation. Klik her for at åbne eksemplet.

Du kan lave frames på flere forskellige måder, og i denne artikel vil du lære de mest anvendte metoder og måder. For at kunne gennemføre dene artikel bør du have en smule kendskab til HTML.
 
 
Min første frame (indsæt frame)
Det er ret simpelt og nemt at indsætte en frame som det blev vist i eksemplet med 4 frames på en side (se her). Ved at indsætte nedenstående kode kan du indsætte en frame som i eksemplet med de 4 frames:
 
<IFRAME style="WIDTH: 365px; HEIGHT: 397px" name="framenavn" marginWidth=2
marginHeight=2 src="http://www.google.dk" frameBorder=0 scrolling="no" id="framenavn" border="0"></IFRAME>
 
Som det fremgår af frame-koden ovenfor har du en række variabler - dvs. ting du selv kan lave om efter eget ønske. Du kan selv bestemme bredden (width) og højden (height), i dette tilfælde har vi angivet disse mål i pixels (px). Du skal give din frame et navn (name), dette er især vigtigt når du senere skal lave et frame-link - dvs. et link som åbner i framen. Du skal bestemme framens destination (src), dvs. adressen på den side som skal vises i framen. Du skal vælge om din frame skal have en ramme (border) samt hvor tyk den skal være (et tal fra 0 til 5 er ofte anvendt). Til sidst kan du vælge om du ønsker at framen skal have scrollbars (scrolling) "yes", hvis du ønsker dette og "no" hvis du ikke ønsker dette.
 
 
Link til frame
Du kan også lave et link direkte til din frame. Dvs. et link som kun åbner i din frame. Se et eksempel på dette her. Det er ganske simpelt at lave et sådant link og det kræver kun at du har navngivet din frame (som vi gjorde i sidste punkt), samt at du fortæller linket at den skal åbne i framen. Du skal anvende nedenstående kode til et frame-link:
 
<a target="framenavn" href="dinside.htm">
 
Som du kan se er frame-linket blot en ganske almindelig HTML (link) kode. Du skal blot fortælle linket at den skal åbnes i (target) framenavnet. I "href" skal du angive hvilken side du ønsker åbnet.
Så nemt er det! (-:
 
 
Frameset
Du kan også vælge at lave et såkaldt frameset.
I et frameset kan du dele din side op i frames. På den måde kan du eksempelvis inddele din side i en menu (frame) og et indhold (frame). Se et eksempel på et frameset her.
I resten af artiklen vil du således finde scripts til at lave forskellige frameset. Du kan eksempelvis inddele din side i forskellige frameset og frameset typer.

De nedenstående koder og eksempler er fundet på den danske HTML guide hjemmeside - www.html.dk
Dette da deres scripts faktisk er vældig nyttige når det gælder frameset.
 
 
Forskellige frameset koder
Her finder du en række forskellige frameset typer og deres HTML kode.
 
Frameset som kolonner
Indsæt frameset i vertikale kolonner.
 - Se eksempel her
<html>

  <head>
  <title>Frameset som kolonner</title>
  </head>
  <frameset cols="40%,60%">
    <frame src="dinframe1.htm">
    <frame src="dinframe2.htm">
  </frameset>

</html>
 
Frameset som rækker
Indsæt frameset i horisontale kolonner
 - Se eksemplet her
<html>

  <head>
  <title>Frameset som rækker</title>
  </head>
  <frameset rows="40%,60%">
    <frame src="dinframe1.htm">
    <frame src="dinframe2.htm">
  </frameset>

</html>
 
Frameset med både rækker og kolonner
Indsæt frameset med både rækker og kolonner (både horisontalt og vertikalt)
 - Se eksemplet her
<html>

  <head>
  <title>Frameset som både rækker og kolonner</title>
  </head>
  <frameset rows="40%,60%">
    <frame src="dinframe1.htm">
    <frameset cols="30%,70%">
      <frame src="dinframe2.htm">
      <frame src="dinframe3.htm">
    </frameset>
  </frameset>

</html>
 
Frameset med både rækker, kolonner og frame-link
Indsæt et frameset som både indeholder de vertikale rækker, de horisontale kolonner og som derudover indeholder det tidligere omtalte frame-link. Denne gang er linket lavet imellem de enkelte frames i det pågældende frameset.
 - Se eksemplet her
<html>

  <head>
  <title>Frameset med rækker, kolonner og frame-link</title>
  </head>
  <frameset rows="40%,60%">
    <frame src="dinframe1.htm">
    <frameset cols="30%,70%">
      <frame src="dinframe2.htm">
      <frame name="main" src="dinframe3.htm">
    </frameset>
  </frameset>

</html>
 
 
Konklusion
Du kan finde flere scripts til at lave dine frames mere spændende i vores script bibliotek. Klik her for at gå til vores frame scripts.
 
Du har nu lært de grundlæggende principper og koder (HTML) vedrørende frames.
 
 
Kommentarer
Har du kommentarer, feedback eller spørgsmål til denne artikel kan du tilføje din besked herunder. Ønsker du svar på spørgsmål vil vi anbefale at du nævner din e-mail adresse.

Artikler » Grundlæggende artikler » Frames: Grundlæggende principper og koder
Hjælp !
Har du problemer med nogle af artiklerne? Tjek vores forum eller brug kommentar-systemet som findes i hver af artiklerne.