Nu laver vi lige en Frameside fra bunden. Ikke noget særligt, bare noget i retning af dette.
Før vi går i gang så lad mig lige understrege... keep it simple! Et site med en hel masse frames og links der peger alle mulige steder bliver hurtigt forvirrende at bygge og endnu mere forvirrende at navigere rundt i. Når det er sagt, så lad os gå i gang!
Først skal vi overveje, hvad slutresultatet skal være. Jeg forestiller mig et godt design ville være et banner i toppen, en menu i venstre side og hovedvinduet til højre. Lad os lave vores masterside først.
<HTML> <HEAD> <TITLE>En øve side</TITLE> </HEAD> <FRAMESET> </FRAMESET> </HTML>Lav en ny side og gem dette som index.html. Billedet vi skal bruge som banner er "MY FRAMZ PAGE" billedet. Snup det fra herunder og gem det som framz1.gif i din arbejsmappe.
Del skærmen horisontalt.
<HTML> <HEAD> <TITLE>En øve side</TITLE> </HEAD> <FRAMESET ROWS="83,*"> </FRAMESET> </HTML>
Derpå specificerer du banner.html som skal i top frame'en (vi laver selve dokumentet om lidt). Smid også lige et <FRAMESET> tag par ind for vi skal have delt denne bundramme yderligere op.
<HTML> <HEAD> <TITLE>En øve side</TITLE> </HEAD> <FRAMESET ROWS="83,*"> <FRAME SRC="banner.html"> <FRAMESET> </FRAMESET> </FRAMESET> </HTML>
SE DET
Du kan afvikle siden nu, men du får en fejlmeddelse fordi den ikke er komplet endnu.
Vi deler den nederste ramme i to. Samtidig specificerer vi at venstre vindue skal indeholde menuen directory.html og højre hovedsiden home.html. Igen, vi har ikke lavet disse dokumenter endnu så du vil stadig få en fejlmeddelelse (eller to) (eller tre).
<HTML> <HEAD> <TITLE>En øve side</TITLE> </HEAD> <FRAMESET ROWS="83,*"> <FRAME SRC="banner.html"> <FRAMESET COLS="20%,80%"> <FRAME SRC="directory.html"> <FRAME SRC="home.html"> </FRAMESET> </FRAMESET> </HTML>
Eftersom vi har vores menu i venstre side og siderne skal loade i højre frame bør vi give den ramme et navn. Det er den eneste der skal loades noget i, så det er faktisk den eneste vi behøver at navngive.
<HTML> <HEAD> <TITLE>En øve side</TITLE> </HEAD> <FRAMESET ROWS="83,*"> <FRAME SRC="banner.html"> <FRAMESET COLS="20%,80%"> <FRAME SRC="directory.html"> <FRAME SRC="home.html" NAME="MAIN-WINDOW"> </FRAMESET> </FRAMESET> </HTML>
OK. Vi er færdige med den... indtil videre.