|
|
Ramar enkelt och lätt
Del 9
Vill du ha en meny på din sajt som du vill ska synas hela tiden, oavsett var i sajten besökaren befinner sig? Det enklaste sättet att lösa det på är med hjälp av ramar.
Tänk dig att du har en vänsterspalt på din sida. I den ligger en meny och några länkar. Till vänster om menyn, i resten av fönstret, ligger sidornas innehåll. När du klickar på en länk i menyn uppdateras innehållet till höger. Du kan bläddra upp och ner i innehållet, men menyn ligger hela tiden kvar.
Allt tack vare ramar!
Ramar kan närmast beskrivas som flera webbsidor som visas i webbläsaren på samma gång. Exemplet ovan bygger på tre sidor. En för menyn, en för innehållet och en för att beskriva förhållandet mellan de båda första. Den sista är en helt vanlig html-sida med en så kallad ramdefinition. Den bestämmer vilka html-sidor som ska ingå när man tittar på din sida, och bestämmer hur mycket plats varje html-sida ska ta i webbläsarfönstret.
Inget av gratisprogrammen Netscape Composer och Frontpage Express kan hantera ramar, men det är lätt att göra dem för hand.
Så gör du:
Gör en ramdefinition och spara den med namnet index.html
Skapa en meny och spara den med namnet meny.html. Om menyn består av bild- eller textlänkar spelar ingen roll.
Gör en förstasida som du vill ska synas när besökaren kommer till din sajt. Förstasidan kommer att ligga till höger om menyn. Döp den till innehall.html
Ramdefinitionen
En ramdefinition med 100 bildpunkter bred menyspalt för vårt exempel ser ut så här:
<HTML>
<HEAD>
<TITLE>Min hemsida</TITLE>
</HEAD>
<FRAMESET COLS="100,*" ROWS="*">
<FRAME SRC="meny.html" NAME="meny">
<FRAME SRC="innehall.html" NAME="innehall">
</FRAMESET>
<NOFRAMES>
<BODY BGCOLOR="#FFFFFF">
<P>Här skriver du in information för de besökare som har webbläsare som inte kan visa ramar.</P>
</BODY>
</NOFRAMES>
</HTML>
Vi tittar närmare på märket FRAMESET. Här står det att den första ramen ska vara 100 bildpunkter bred (COLS="100) och att den andra ramen ska fylla ut resten av webbläsarens fönsterstorlek (görs med asterisken, *). Mellan märkena FRAMESET finns sedan FRAME-märkena. Efter SRC står namnet på det html-dokument som ska synas i ramen, och NAME ger varje ram ett namn som vi återkommer till i nästa vecka.
Spara filen med namnet index.html i din hemsideskatalog. Var noga med att det inte redan finns en fil med det namnet så att du inte skriver över en gammal sida som du vill använda.
Har du nu sidorna index.html, meny.html och innehall.html i din hemsideskatalog och tittar på filen index.html i din webbläsare, kommer du att se din sida i ramar.
Det finns program som kan göra ramar men de kostar pengar, t ex Frontpage 98
www.microsoft.se/products/office/frontpage
Dreamweaver 2
www.macromedia.com/software/dreamweaver
och Golive.
www.golive.com
Nästa vecka får du lära dig mer om ramar.
Björn E Olsberg,
teknisk redaktör på
facktidningen Internetworld.
Gå till förra html-lektionen. Del 8
Aftonbladet/it 2000-11-13
|
Test: Höstens hetaste mobiler
|
Hitta telefonen som passar just dig
|
Han jagar nätets skurkar
|
Beenz - nätets hårdvaluta
|
It-akuten
|
Krönikan
|
Så surfar en popstjärna
|
Spel
|
IT-toppen
|
Nya, läckra prylar
|
Läsarnas egna sajter
|
Nätguiden
|
|