Ramar i ramar.

Ett sida med ramar kan givetvis infogas i en annan sida som har ramar. Med andra ord, du kan skapa sidor som har ramar i ramar, och så vidare.

För en sida med ramar gäller att COLS och ROWS anger storlek i förhållande till fönstret men i en ram som är inbyggt i en annan ram anger COLS och ROWS storlek i förhållande till den omgivande ramen.

Vi skapar en ramgrupp i en ram. Jämför koden för den första layoutsidan, med två ramar, och notera var man sätter in den andra FRAMESET för att skapa en sida med tre ramar. Glöm inte att man beskriver alla ramar i en layoutsida från vänster till höger, upp och ner. Titta på exempel och jämnför med koden.

Vi började med koden till vänster. Sidan delas i två kolumner 66% och 34% av sidan. I koden till höger delar vi den andra kolumn, den som är 34%, i två rader. Den första raden har en höjd på 100 pixlar och den andra raden är resten av kolumn. Med två nya ramar måste det finnas två sidor som kan öppnas i de två nya ramar.

I den första ram, kolumn, öppnas sidan1 och i den den andra ram, första rad, öppnas sidan2 och till slut i den tredje ram, andra rad, öppnas sidan3.

Som du förstår när man använder FRAMESET på en kolumn man delas den i rader och är det en rad delar man den i kolumner. Låt oss ändra koden ovan för att gälla för rader och se hur sidorna ser ut.

yes
Ramen skall alltid förses med två rullningslister.

no
Ramen skall inte förses med några rullningslister.

auto
Ramen skall förses med rullningslister om det krävs. Inträffar när innehållet är större än ramen. Detta är standardvärde och behöver inte anges. Jag rekommenderar att man använder sig av standardvärde. För att ange någon av egenskap skriv

      <frame src="Sidan1.html" scrolling="yes">

noresize
Nästa egenskap som vi tittar på är NORESIZE vilket innebär att ramens storlek kan inte ändras. Normalt kan läsaren justera storleken på en ram genom att ta tag i ramen med markören och dra upp, ned, vänster eller höger. Detta förhindras genom att skriva

Det finns inte många situationer som kräver att du hindrar en läsare från att ha kontroll över sin egen webbläsare och många blir irriterade när man kan inte bestämma ram storlek själva. Kanske man vill utöka ramen som innehåller någonting intressant så att slippa använda rullningslister. Man ska aldrig bestämma över besökare. Av den anledning rekommendrara jag starkt att du undviker NORESIZE i ramar.

Bara för att man kan ändra storlek på de olika delar tro inte att den mått som du har angivit i koden ändras. Storleks förändringar är bara för stunden och är återställt nästa gång man besöker hemsidan.

marginwidth   och   marginheight
På svenska - marginalvidd och marginalhöjd. Med dessa egenskaper skapas marginaler mellan ramen och innehållet. Värdet anges i pixlar som nedan.

      <frame src="Sidan1.html" marginwidth="5" marginheight="3">

MARGINWIDTH styr höger/vänster marginal och MARGINHEIGHT styr den övre och nedre marginalen.

Huvudanledning att använda ramar är att man kan ha fasta innehållsförteckningar eller sidhuvud och sedan byta ut innehållet i huvudramen så att man kan använda sig av flera olika sidor i samma layoutsida. För att kunna använda sig av detta finns två egenskaper som är

name   och   target

name
En ram kan förses med ett namn vilket är unikt för varje ram och anges som nedan.

       <frame src="Sidan1.html" name="Ram1">

Detta namn kan sedan användas i en länk så att man laddar rätt sidan i rätt ram.

target
Engelska för mål. En länk öppnas i en viss ram genom att man i länken indikerar vilket ram (mål) det gäller med det namn som har tilldelats ramen.

Vi såg på sidan7 hur man skapade länkar. I länken ovan så refererar man till en viss fil med

<a href="Sidan1.html"     och detta ska öppnas i en ram. med hjälp av

. target="Ram1">    och bara man anger rätt namn till TARGET öppnas de olika sidor i olika ramar.

Nedan ser du en layout sidan delat i två kolumner. Huvudram är den på¨75% där övriga sidor öppnas. Inledningsvis öppnas två sidor i de två ramar. Du bestämmer själv vilka sidor ska öppnas och dessa kan sedan bytas ut om man klickar på en länk.

<html><head><title>Mina sidor om HTML</title></head>
   <frameset cols="75%, * ">
       <frame src="Sidan_1.htm" name="innehåll">   <!--Huvudram för alla sidor-->
       <frame src="menylistan.htm." name="meny">   <!--Sidorram för menyn-->
   </frameset>
</html>

<!--    Se hela sidan här.    Se meny sidan här. -->

De olika sidor som öppnas i huvudram kommer att hänvisas till "innehåll" med hjälp av TARGET och du ser koden nedan.

Sidan <a href="html1.htm" target="innehåll">1</a>,
         <a href="html2.htm" target="innehåll">2</a>,
         <a href="html3.htm" target="innehåll">3</a>,

I koden finns komma tecken + mellanslag mellan varje länk men de finns utanför själva länk taggar och är endast där för att dela på siffror   1, 2, 3,    och det är ingenting som krävs mellan länkar.

Skriver man flera länkar som ovan skilj de åt med mellanslag. Du kan använda andra tecken för att skilja de olika länkar så att de inte kommer precis intilll varandra. Lättare att klicka på rätt länk.

För att kunna manipulera fönster och ramar finns det ett antal fördefinierade målnamn. Se nedan.

_self
Betyder "själv" på svenska. När man anger detta som mål i TARGET ersätts sidan som innehåller länken med sidan som anropats i länken. Den byter ut sig självt. Glöm inte understruket tecken framför. Värdet skrivs i små bokstäver.

_blank
Detta värde som mål öppnar sidan i ett eget fönster. Se koden nedan och testa i exempel som finns.

Dessa värde ska inneslutas mellan citatonstecken.

Sidan <a href="html1.htm" TARGET="_self">1</A>,
         <a href="html2.htm" TARGET="_parent">2</A>,
         <a href="html3.htm" TARGET="_top">2</A>,
         <a href="html4.htm" TARGET="_blank">2</A>,

<!--   Se hela sidan här.-->

Skapa för webbläsare som kan inte visa ramar.

Den här information är kanske inaktuellt men vem vet. Alla fall för att lösa problemet skriver vi kod för att visa de olika sidor som enskilda sidor.

<html><head><title>Mina sidor om HTML</title></head>
   <frameset cols="70%, 30%">
       <frame src="Sidan_1.htm" name="innehåll">
       <frame src="meny.htm." name="meny">
   </frameset>
   <noframes>
       <h2>Innehållsförteckning</h2>
       <a href="html1.htm">Sidan 1</A>,
       <a href="html2.htm">Sidan 2</A>,
       <a href="html3.htm">Sidan 3</A>,
   </noframes>
</html>

Webbläsare fortsätter att läsa tecken för tecken och kommer till <noframes> och även om den inte förstår taggen förstår den det som kommer efter. Den visar texten "Innehållsförteckning" och visar länkar till de sidor som finns angiven. Webbläsare som förstår sig på ramar doljer innehållet av <noframes> och skapar ramar och visar innehållet i de olika ramar.

För och emot ramar.

Plus
Med ramar kan du dela upp skärmen i mindre delar och visa olika sidor i var och en av dem. Man kan ha innehållsförteckning eller logo i en ram medan andra sidor visas i huvudramen. Man kan ha flera sidor öppna samtidigt i varsin ram. Bra om man måste växla ofta mellan olika sidor.

Minus
Att göra bokmärke på en viss sida, i ramar, är ett problem. Oftast är det själva startsidan man kommer till och sedan måste man leta sig fram till den sidan som man var intresserade av. Alltså inte så bra för sökmotorer.

Har man ett mindre skärm så upptar ramar mycket yta och det kan bli krångligt för användaren att läsa informationen.

Oftast när man besöker sidor som innehåller ramar ser man samma titel oavsett hur många sidor det finns. Detta p.g.av att det finns bara en layoutsida och det är den titel man ser.

För att lösa detta problem skapa lika många layoutsidor som de sidor som ska öppnas. Om man har länkar till fem sidor som ska öppnas skapa fem layoutsidor. Varje layoutsida öppnar en sida och den har precis samma titel som sidan som öppnas i ramen. På så sätt växlar titlar samtidigt med sidor.

Ramar är inte populärt ur XHTML synpunkt. Mindre stöd.

Undersökningar har visat att många föredrar sidor utan ramar och de 10 mest besökta webbsajter på nätet undviker ramar.

På sidan 17.

Infoga ljudfil i webbsidan.