OK, vi laver home.html, here.html og there.html. Da du har arbejdet hårdt (og jeg er træt af at skrive), gå bare videre med at kopiere følgende til Notepad og gem dem.
Gem det følgende som home.html
<HTML>
<HEAD>
<TITLE>En testside - Hjem</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Du er hjemme.</H1>
Velkommen til min hjemmeside! Denne side skal være attraktiv og nem at navigere på, fordi min lærer Joe, foruden at være en rigtig FLOT fyr, har lært mig den rigtige måde at opbygge rammer!<P>
<CENTER>Jeg håber, du finder besøget hyggeligt!</CENTER><P>
</BODY>
</HTML>
Gem siden som here.html
<HTML>
<HEAD>
<TITLE>En testside - Her</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Her</H1>
Velkommen her. Her er stedet, hvor alt kan ske. Her finder du mere godt stof, end du kan sluge i en mundfuld.
Har du nogensinde set en kamel hoppe på tungen?? Der har jeg ... ikke.
</BODY>
</HTML>
Og selvfølgelig denneher som there.html.
<HTML>
<HEAD>
<TITLE>En testside - Der</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Det er der</H1>
Jeg vil gerne foreslå noget. Vi har sikkert alle set den lille pil på skiltet, som siger "Du er her".
Ville det ikke være bedre, hvis der også var en anden pil, som sagde "Du bør være der".
Det ville gøre alt så meget nemmere.
</BODY>
</HTML>
Se nu på din Masterside.
Vi glemte noget. Hvis du allerede opdagede problemet, da du lavede menusiden, er det godt! Så, åbn directry.html og tilføj det nødvendige TARGET til alle links (dvs. navnene på de tekster, der skal indlæses i højre ramme).
<HTML>
<H3>Directory</H3>
<A HREF="home.html" TARGET="MAIN-WINDOW">Hjem</A><P>
<A HREF="here.html" TARGET="MAIN-WINDOW">Gå hertil</A><BR>
eller besøg<BR>
</BODY>
<HEAD>
<TITLE>Testside - Menu</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<A HREF="there.html" TARGET="MAIN-WINDOW">eller dertil</A><P>
<A HREF="http://www.yahoo.com/" TARGET="_top">Yahoo</A><BR>
<A HREF="http://home.netscape.com/" TARGET="_top">Netscape</A>
</HTML>
Ser rigtig godt ud, ikke!
Nu pudser vi af med lidt for smilebåndet med et link fra din hjemmeside til min på Professional Web Design. Åbn home.html og indsæt linket. Vær sikker på, at du skriver det korrekte TARGET selvom jeg godt kan li' dig, vil jeg ikke indlæses i dit vindue.
<HTML>
<HEAD>
<TITLE>En testside - Hjem</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<H1 ALIGN=center>Du er hjemme.</H1>
Velkommen til min hjemmeside! Denne side skulle være attraktiv og let at navigere på, fordi min lærerr Joe, foruden at være en rigtig FLOT fyr, har lært mig den rigtige måde at opbygge rammer!<P>
<CENTER>Jeg håber, du finder besøget hyggeligt!</CENTER><P>
Besøg Joe på <A HREF="http://junior.apk.net/~jbarta/" TARGET="_top">Professional Web Design</A>.
</BODY>
</HTML>
Siden starten med Ramme Tutor har jeg fået mange breve fra læsere, der spørger om, hvordan man kan indlæse to (eller flere) rammer med et musklik. Det er relativt let at gøre med en lille smule JavaScript kode. Da det er en funktion til brug ved specielle lejligheder og ikke normalt bruges til design af rammer, holder jeg det lidt adskilt fra resten. Undtagen du specielt er ude efter at tilføje denne funktion til dine sider, er du velkommen til at springe det over og gå direkte til lektion 7.
|
Introduktion | Lektion 1 | Lektion 2 | Lektion 3 | Lektion 4 | Lektion 5 | Lektion 6 | Lektion 7 |
PROFESSIONAL WEB DESIGN |