„RAMKI W HTML”

 

W przypadku tworzenia ramek sprawa jest nieco prostsza niż  w przypadku tabel. Najlepszym przykładem używania ramek jest strona, z jedną - małą ramką po lewej zawierająca spis treści i druga - prawa, o wiele większa, zawierająca informacje zależne od wyboru linku w spisie treści.

Podstawową, najważniejszą częścią naszej strony opierającej się na ramkach jest strona, zawierająca w sobie wszystkie informacje o budowie ramek, ich położeniu, zawartości itd. Najważniejszą rzeczą jest to, żeby taka strona wczytywała się na samym starcie czyli cała definicja ramek powinna znajdować się w pliku index.html Na takiej, podstawowej stronie najlepiej aby znajdowała się TYLKO I WYŁĄCZNIE definicja ramek. Wpisuje się ją w sekcję pomiędzy </HEAD> a <BODY>. Np.:

<HTML>

<TITLE>STRONA Z RAMKAMI</TITLE>

<FRAMESET COLS="25%,*%">

<FRAME SCROLLING ="auto" NAME ="Spis treści" SRC ="Strona ze spistr.htm">

<FRAME SCROLLING =’auto" NAME ="Treść" SRC ="Strona z początkowym tekstem">

</FRAMESET>

<NOFRAMES>

<BODY>

</BODY>

</NOFRAMES>

</HTML>

Najważniejsze są tutaj znaczniki <FRAMESET> i </FRAMESET>. Stanowią one tzw. szkielet ramek, w między które umieszczamy bardziej szczegółowe znaczniki.

<FARMESET> - dzięki temu poleceniu tworzymy na stronie ramki w interesującej nas orientacji pionowej (COLS=x,y) lub poziomej(ROWS=x,y). Oba te parametry mają zmienne x i y określające szerokość/długość danej ramki. I tak w powyższym przykładzie zostanie utworzona strona z dwoma ramkami – pierwsza na 25% całego ekranu, a druga na:*% czyli na tyle co pozostanie, co nietrudno się domyśleć 75% ekranu.

To, że podzielimy stronę na ramki, nic nam jeszcze nie da ponieważ musimy przypisać im jeszcze określone dokumenty. Jeżeli chcemy, aby po lewej stronie był wyświetlany spis treści należy wcześniej zrobić stronę z takim spisem, po czym przypisać ją naszej ramce. Robi się to w taki sposób:

<FRAME SRC="nazwa_pliku.htm"> gdzie nazwa pliku to strona z linkami (spis treści.).

Po czym należy zdefiniować dokument dla drugiej dużej ramki (zazwyczaj strona powitalna, ponieważ pierwsza się wczytuje) np.:

<FRAME SRC="nazwa_pliku.htm">.

Na razie wszystko jest w porządku. Jak już pewnie zauważyliście w znaczniku <FRAME> jest zastosowany parametr SCROLLING=’parametr’. Określa on, czy ma być włączona możliwość przewijania zawartości ramki w przypadku, gdy jest w niej więcej informacji niż jest się w stanie zmieścić na jednym ekranie. I tak: AUTO – oznacza, że pasek przewijania będzie się pojawiać wtedy, kiedy musi. YES – pasek przewijania będzie zawsze widoczny niezależnie od ilości danych w ramce. NO – pasek przewijania nigdy nie będzie wyświetlany.

W zasadzie to wszystko.

Pokrótce przypominając co nam z tego wyjdzie:

Robiąc tak stronę przy jej wczytywaniu w miejsce lewej ramki pojawi się strona o podanym adresie z linkami. A w drugiej ramce strona domyślnie przez nas przyjęta powitalna. Teraz chcemy, aby po kliknięciu na link w lewej ramce zawartość linka(strona do której się odnosi) została wyświetlona w drugiej (prawej)ramce. Naciskamy i... wszystko dobrze, ale strona wyświetliła się w tej samej ramce. Jak zrobić, aby wyświetliła się obok? Od tego podawane są nazwy NAME w sekcji <FRAME>. Jeżeli prawa ramka ma nazwę: Treść to aby coś w niej wyświetlić stosujemy TARGET=”nazwa ramki”. Wpisujemy to do odnośnika na stronie z linkiem np.:

<a href=’Dane/Pliki.htm’ TARGET=Treść>Pliki</a>

I już wszystko jasne. Strona o podanej przez nas nazwie (w naszym przypadku Plili.htm) zostanie wyświetlona w miejsce ramki o nazwie NAME (w naszym przypadku: Treść).. Nic nie stoi na przeszkodzie zrobienia kilkunastu ramek, ale trzeba pamiętać, że czy więcej tym łatwiej popełnić błąd. Maksymalnie nie powinna nasza strona przekraczać liczby równej czterech ramek.

 

7-MAŁY-7