Vigtigste ting først. Til denne lektion skal vi bruge et par html sider. Start Windows NotesBlok og kopier det følgende herfra og dertil for at komme i gang. Man kopier ved at markere nedenstående tekst med musen, så afsnittet bliver sort, holde Ctrl tasten nede og trykke på C stasten. Nu flyttes over til NotesBlok, klik på den tomme tekst så markøren viser sig, hold Ctrl tasten nede og tryk på V tasten, så kopieres tekstafsnittet fra klippebordet til siden i NotesBlok.
<HTML>
</BODY>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
</HTML>
<HTML>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
Lisa
</BODY>
</HTML>
Note- Jeg vil henvise til sider som xxxx.html. Windows 3.x brugere er nødt til at bruge filekstensionen .htm under arbejde med siderne lokalt (dvs. på egen computer). Mange FTP programmer tillader dig at ændre filnavnet under opload, hvis der er behov for det.
Lad os nu lave en anden html side.
<HTML>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
Terri
</BODY>
</HTML>
Lad os nu gøre det samme for Kim, Tina, Shannon og Beth. Gem siderne ligesom de tidligere. Du har nu en folder med 6 komplette html sider.
Ok, nu kommer det sjove ... med at lave din master side. Start med det her:
<HTML>
<BODY>
</HTML>
<HEAD>
<TITLE>Min Rammende Side - Mastersiden</TITLE>
</HEAD>
</BODY>
Fjern <BODY> mærker. En masterside bruger dem ikke ...
<HTML>
<HEAD>
<TITLE>Min Rammende Side - Mastersiden</TITLE>
</HEAD>
</HTML>
... den bruger <FRAMESET> mærker i stedet.
<HTML>
<FRAMESET>
</HTML>
<HEAD>
<TITLE>Min Rammede Side - Mastersiden</TITLE>
</HEAD>
</FRAMESET>
For at holde ting lidt adskilt, vil jeg stoppe med at skrive <HTML>, <HEAD> og <TITLE> mærker. Men behøver ved ikke at sige, at de skal være på din side.
<FRAMESET>
</FRAMESET>
Nu begynder vi at definere, hvordan tingene skal se ud. At give browseren besked på at splitte hovedvinduet i 2 rækker, hver på 50% af vinduet.
<FRAMESET COLS="50%,50%">
</FRAMESET>
Vi skal fortælle browseren hvad der skal sættes ind i hver ramme.
<FRAMESET COLS="50%,50%">
<FRAME SRC="lisa.html">
<FRAME SRC="terri.html">
</FRAMESET>
En sidste ting før vi går videre. Bemærk at <FRAMESET> er et container mærke, og <FRAME> ikke er det. For dem, der ikke kender forskellen: Et container mærke har to dele: et startmærke <TAG> og et slutmærke </TAG>.
Introduktion | Lektion 1 | Lektion 2 | Lektion 3 | Lektion 4 | Lektion 5 | Lektion 6 | Lektion 7 |
PROFESSIONAL WEB DESIGN |