Kursy

Ramki w HTML

Chyba każdy spotkał się z użyciem na stronie ramek. Wygląda to mniej więcej tak, że na jednej stronie jest umieszczonych kilka innych stron i mogą one być ze sobą powiązane łączami. Tworząc ramki należy pamiętać, że nie działają one w starszych przeglądarkach i wyglądają brzydko. Główna strona, zawierająca definicje ramek, nie posiada znacznika <body>! Znacznikiem rozpoczynającym układ ramek jest <frameset>. Oto jego atrybuty:

  • cols - określa szerokości pionowych ramek; wartości: ilość pikseli, ilość procent, * (dowolna)
  • rows - określa wysokość poziomych ramek
  • frameborder - wskazuje, czy między ramkami układu ramek zostanie wyświetlone obramowanie
  • bordercolor - kolor obramowania
  • border - szerokość obramowania

Znacznikiem definiującym jakie strony mają być wyświetlone jest <frame>. Oto jego atrybuty:

  • src - adres strony
  • name - nazwa ramki
  • marginwidth - szerokość marginesu po obu stronach ramki
  • marginheight - szerokość marginesu nad i pod ramką
  • scrolling - określa czy ma być wyświetlony pasek przewijania; wartości: yes, no, auto
  • noresize - uniemożliwia zmianę wielkości ramki przez użytkownika
  • frameborder - wskazuje, czy pomiędzy ramkami wyświetlone zostanie obramowanie
  • bordercolor - definiuje kolor obramowania ramek

Aby uzyskać układ ramek o takiej postaci:

gora.htm
  lewy.htm



Należy wpisać:

<frameset rows="100, *" border="1">
<frame src="gora.htm" name="gora">
<frameset cols="200, 600">
<frame src="prawy.htm" name="prawy">
<frame src="lewy.htm" name="lewy">
</frameset>
</frameset>



Używając ramek należy pamiętać o dodawaniu do odnośników do innych stron atrybutu target o wartości nazwy, do której ma być załadowana. Jeżeli np. chcemy, że z odnośnika w ramce prawy ładowała się strona do lewy należy utworzyć link: <a href="strona.htm" target="lewy">Odnośnik</a>.

Używanie ramek jest zalecane, gdy ma się stronę ze zmienną liczbą odnośników, tzn. jeżeli często zmieniamy odnośniki w menu. Menu to taki panel nawigacyjny dla strony. Oczywiście lepiej jest nie używać ramek, dlatego często robi się strony oparte na szablonie z dynamicznie tworzonym menu. Menu takie jest utworzone przez skrypt napisany w jakimś języku server-side. Aktualnie najpopularniejszym językiem server-side jest PHP.