Ramki na stronie internetowej

 

Ramki wychodzą już z użycia, ponieważ strony, które są na nich oparte często są źle interpretowane przez wyszukiwarki internetowe.
Główny dokument HTML czyli index.html określa w tym przypadku liczbę kolumn i wierszy. Definiuje on także położenie innych prostych stron, które będą się łączyć w jedną całość dzięki wykorzystaniu właśnie ramek.

Kod rozpoczyna się jak zwykle od znacznika <HTML>. Bezpośrednio po nim wprowadzamy komende określającą liczbę wierszy.

Ta komedna to <FRAMESET ROWS=LICZBA,*>
LICZBA  - wartość liczbowa (pixele)/procentowa, która określa wielkość 1 wiersza
* - oznacza pozostałą część strony

Potem wprowadzamy definicję tego jak nasza ramka ma się wczytać. (Będzie to ramka o wielkości podanej w zmiennej LICZBA)
Posłużymy się poleceniem:

<FRAME SCROLLING=auto/no SRC=PLIK>

SCROLLING:
      yes - strona zawarta w ramce będzie mogła być przewijana
      no - strona zawarta w ramce nie będzie mogła być przewijana

SRC (Source ang. Źródło) - Nazwa pliku wyświetlanego w naszej ramce
(np. SRC=Background.html)

Następnie aby podzielić stronę na kolumny posłużymy się poleceniem:

<FRAMESET COLS=LICZBA,*>
LICZBA -  wartość liczbowa (pixele)/procentowa, która określa wielkość 1 kolumny
* - pozostała część strony

Przy pomocy <FRAME SCROLLING=auto/no SRC=PLIK> Wczytujemy kolejne pliki do naszych ramek. Możemy również zaznaczyć tam opcję NAME=NAZWA_RAMKI
Przykładowo: <FRAME SCROLLING=auto NAME=Lewakolumna SRC=lewakolumna.html>

Na koniec musimy pamiętać o zamknięciu znacznika ramek (</FRAMESET>) i znacznika dokumentu html (/HTML)

Oto przykładowa strona WWW z wykorzystaniem ramek.

„index.html"
<HTML>
  <FRAMESET ROWS=20%,*>
   <FRAME SCROLLING=no SRC=logo.html>
 <FRAMESET COLS=100,*>
   <FRAME SCROLLING=no NAME=LEFT SRC=left.html>
   <FRAME SCROLLING=auto NAME=Tekst SRC=tekst.html
 </FRAMESET>
</HTML>
"logo.html"
<HTML>
 <BODY BGCOLOR=BLACK>
<CENTER>
  <H1><U><FONT COLOR=WHITE>CERTYFIKAT HTML</U></H1>
<H2>GlobalProfit</H2>
</BODY>
</HTML>

"left.html"
<HTML>

 <BODY BGCOLOR=BLACK>

<H1><FONT COLOR=WHITE> <b>Autor:</b> Michał Myszakowski</H1>

</BODY>

</HTML>

"tekst.html"

<HTML>
<BODY BGCOLOR=WHITE>
<FONT COLOR=BLACK SIZE=20> Tutaj jest zawartość strony</BODY>
</HTML>