<FRAME>och<FRAMESET>
Lathund för rutsystem.
Mall till din hemsida.Det här tar cirka 60 minuter att göra du kan
kolla längst ner på sidan på index.html så ser du en liten del av det hela.
I den här lathunden hittar du några rutsystem som du kan
modifiera så att de passar din hemsida.
Använd koderna hur mycket du vill.
OBS små bokstäver i filnamnen exempel index1.html
Skapa en Mapp(katalog) på Hårddisken på din dator.
Döp den till hemsida.
Börja med att skapa 9 st olika dokument enligt koden här under
Se till att att varje dokument innehåller dokumetets nummer enligt följande
Detta är dokument1.html Detta är dokument2.html osv till
Detta är dokument9.html
Spara dokumenten som dokument1.html dokument2.html
osv till dokument9.html
Det är bara hålla ner vänster musknapp och dra musen över koderna
Gå sen till Redigera tryck på kopiera.
Kopiera koden här under.
Öppna programmet Notepad (Anteckningar) klistra in spara enligt
anvisningen här ovanför.Spara i katalogen hemsida
<html>
<head>
<title>RUTOR</title></head>
<body>
Detta är dokument1.html
</body>
</html>
Kopiera koden här under spara dokumentet som index1.html i katalogen hemsida
OBS det står bara Detta är dokument1.html Detta är dokument2.html osv till
Detta är dokument9.html på dina sidor.
Tillbaka funktionen har du inte på dina sidor det är bara för att du
ska kunna navigera fram och tillbaks på min Hemsida.
Tryck på index1.html så ser du hur det ser ut.
<html>
<head>
<title>exempel1</title></head>
<frameset cols=220,*>
<frame src=dokument1.html noresize>
<frameset rows=65,*>
<frame src=dokument2.html noresize>
<frame src=dokument3.html noresize>
</frameset>
</frameset>
</html>
index1.html
Kopiera koden här under spara dokumentet som index2.html i katalogen hemsida
Tryck på index2.html så ser du hur det ser ut.
<html>
<head>
<title>exempel2</title></head>
<frameset rows=65,*>
<frame src=dokument1.html noresize>
<frameset cols=220,*>
<frame src=dokument2.html noresize>
<frame src=dokument3.html noresize>
</frameset>
</frameset>
</html>
index2.html
Kopiera koden här under spara dokumentet som index3.html i katalogen hemsida
Tryck på index3.html så ser du hur det ser ut.
<html>
<head>
<title>exempel3</title></head>
<frameset rows=65,*,65>
<frame src=dokument1.html noresize>
<frameset cols=220,*,180>
<frameset rows=*,*,*>
<frame src=dokument2.html noresize>
<frame src=dokument3.html noresize>
<frame src=dokument4.html noresize>
</frameset>
<frame src=dokument5.html noresize>
<frameset rows=*,*,*>
<frame src=dokument6.html noresize>
<frame src=dokument7.html noresize>
<frame src=dokument8.html noresize>
</frameset>
</frameset>
<frame src=dokument9.html noresize>
</frameset>
</html>
index3.html
Kopiera koden här under spara dokumentet som index4.html i katalogen hemsida
Tryck på index4.html så ser du hur det ser ut.
<html>
<head>
<title>exempel4</title></head>
<frameset rows=25%,50%,25%>
<frameset cols=25%,*,25%>
<frame src=dokument1.html noresize>
<frame src=dokument2.html noresize>
<frame src=dokument3.html noresize>
</frameset>
<frameset cols=25%,*>
<frameset rows=25%,25%>
<frame src=dokument4.html noresize>
<frame src=dokument5.html noresize>
</frameset>
<frame src=dokument6.html noresize>
</frameset>
<frameset cols=25%,*,25%>
<frame src=dokument7.html noresize>
<frame src=dokument8.html noresize>
<frame src=dokument9.html noresize>
</frameset>
</frameset>
</html>
index4.html
Kopiera koden här under spara dokumentet som index5.html i katalogen hemsida
Tryck på index5.html så ser du hur det ser ut.
<html>
<head>
<title>exempel5</title></head>
<frameset cols=125,*>
<frameset rows=65,*>
<frame src=dokument1.html noresize>
<frame src=dokument2.html noresize>
</frameset>
<frameset rows=65,*>
<frame src=dokument3.html noresize>
<frame src=dokument4.html noresize>
</frameset>
</frameset>
</html>
index5.html
Kopiera koden här under spara dokumentet som index6.html i katalogen hemsida
Tryck på index6.html så ser du hur det ser ut.
<html>
<head>
<title>exempel5</title></head>
<FRAMESET FRAMEBORDER=0 FRAMESPACING=0 BORDER=0>
<frameset cols=125,*>
<frameset rows=65,*>
<frame src=dokument1.html noresize>
<frame src=dokument2.html noresize>
</frameset>
<frameset rows=65,*>
<frame src=dokument3.html noresize>
<frame src=dokument4.html noresize>
</frameset>
</frameset>
</html>
index6.html
Html-koden till sida.html här under.
Kopiera koden här under spara dokumentet som sida1.html sida2.html
sida3.html osv till sida10.html i katalogen hemsida.
Se till att att varje dokument innehåller dokumetets nummer enligt följande
sida 1 sida 2 sida 3 osv till sida 10
<html>
<head>
<title>SIDA</title></head>
<body>
sida 1
</body>
</html>
Kopiera koden här under spara dokumentet som meny1.html i katalogen hemsida
<html><BR>
<head><BR>
<BODY BGCOLOR="#FFFFFF">
<title>SIDA</title></head>
<center>
<a href="sida4.html" target="main">
<font face="Times New Roman">
<font size="3">sida 4</font></a><BR><BR>
<a href="sida5.html" target="main">
<font face="Times New Roman">
<font size="3">sida 5</font></a><BR><BR>
<a href="sida6.html" target="main">
<font face="Times New Roman">
<font size="3">sida 6</font></a><BR><BR>
<a href="meny2.html">
<font face="Times New Roman">
<font size="3">Nästa</font></a><BR><BR>
</center></font>
</body>
</html>
Kopiera koden här under spara dokumentet som meny2.html i katalogen hemsida
<html><BR>
<head><BR>
<BODY BGCOLOR="#FFFFFF">
<title>SIDA</title></head>
<center>
<a href="sida7.html" target="main">
<font face="Times New Roman">
<font size="3">sida 7</font></a><BR><BR>
<a href="sida8.html" target="main">
<font face="Times New Roman">
<font size="3">sida 8</font></a><BR><BR>
<a href="sida9.html" target="main">
<font face="Times New Roman">
<font size="3">sida 9</font></a><BR><BR>
<a href="sida10.html" target="main">
<font face="Times New Roman">
<font size="3">sida 10</font></a><BR><BR>
<a href="meny1.html">
<font face="Times New Roman">
<font size="3">Tillbaka</font></a><BR><BR>
</center></font>
</body>
</html>
meta name="keywords" content=Nykelord som söks av eventuella besökare.
Ska vara relevant till vad din hemsida innehåller.
För att sökmotorerna ska hitta din sida.
meta name="description" content="En beskriving av din sida.
Ska vara relevant till vad din hemsida innehåller.
Kopiera koden här under spara dokumentet som index.html i katalogen hemsida
Tryck på index.html så ser du hur det ser ut.
<html>
<head>
<title>Min första hemsida</title>
<meta name="keywords" content="Nyckelord, Nyckelord, Nyckelord, Nyckelord,
Nyckelord, nyckelord, nyckelord, nyckelord, nyckelord, nyckelord">
<meta name="description" content="Denna sajt handlar om:Innehåller,
Innehåller,Innehåller,Innehåller,Innehåller,Innehåller,m.m">
<FRAMESET FRAMEBORDER=1 FRAMESPACING=1 BORDER=1 rows="60,*">
<frameset cols="125,*">
<frame src="sida1.html" scrolling="no" noresize marginwidth="0" marginheight="0">
<frame src="sida2.html" scrolling="auto" noresize marginwidth="0" marginheight="0">
</frameset>
<frameset cols="125,*">
<frame src="meny1.html" noresize marginwidth="0" marginheight="0" scrolling="auto">
<frame src="sida3.html" name="main" scrolling="auto" bordersize="0" frameborder="no" border="0" >
</frameset>
</frameset>
</head>
</html>
index.html
Om du nu har gjort enligt mina instuktioner så ska det se ut så här
Tryck på index.html och kolla
Nu ska du ha en Mapp (katalog) som heter hemsida på din hårddisk.
Gå till hemsida på din hårddisk starta på index filerna och testa.
HTML-KODER
Gå till huvudsidan
© Gunnar Zetterlund 1998-05-26