Ramme Tutor- Lektion 1

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>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Vi navngiver hver side for sig. I Tabel Tutor og Form Tutor brugte vi drengenavne. Jeg tror, det er på tide at tage fat på nogle unge damer her.

<HTML>
<HEAD>
<TITLE>Min Rammende Side</TITLE>
</HEAD>
<BODY>
Lisa
</BODY>
</HTML>

Lav en ny folder og gem denne side under navnet lisa.html (Win3.x brugere skal gemme den som lisa.htm).

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>

Gem dette i samme folder som terri.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>
<HEAD>
<TITLE>Min Rammende Side - Mastersiden</TITLE>
</HEAD>

<BODY>
</BODY>

</HTML>


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>
<HEAD>
<TITLE>Min Rammede Side - Mastersiden</TITLE>
</HEAD>

<FRAMESET>
</FRAMESET>

</HTML>


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 er det på tide at gemme arbejdet. Gem det i folderen (med alle pigerne) som index.html. Hvis du prøver at åbne den i din browser nu, vil den være tom. Alt hvad du har sagt indtil nu, er "Dette er min masterside".


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>

Den vil stadig være tom, for vi skal gøre en ting mere, før vores 'system fungerer'.


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>

SE DEN. Du er nu den stolte stamfader til en fuldt funktionsdygtig rammedelt side!

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>.

<--TILBAGE        NÆSTE-->

Introduktion Lektion 1 Lektion 2 Lektion 3 Lektion 4 Lektion 5 Lektion 6 Lektion 7
PROFESSIONAL WEB DESIGN