Forum Ogólnotematyczne
Musimy zagnieździć ramki. Jest to trochę zbliżone do zagnieżdżania w tabelkach. Przedstawiam tu sposób, jak podzielić stronę na trzy wiersze, gdzie dwa pierwsze podzielone są dodatkowo na trzy kolumny.
Oto jak powinien wyglądać plik główny:
HTML> <HEAD> </HEAD> <FRAMESET ROWS="200,*,100"> <FRAMESET COLS="30%,*,30%"> <FRAME SRC="1.html"> <FRAME SRC="2.html"> <FRAME SRC="3.html"> </FRAMESET> <FRAMESET COLS="30%,*,30%"> <FRAME SRC="4.html"> <FRAME SRC="5.html"> <FRAME SRC="6.html"> </FRAMESET> <FRAME SRC="7.html"> </FRAMESET> <NOFRAME> <BODY>
Ta przeglądarka nie obsługuje ramek!
</BODY> </NOFRAME> </HTML>
Pobierz plik z przykładem
Wiem, że wygląda to trochę skomplikowanie ale zaraz wszystko wytłumaczę. Gdy to zrozumiesz, żadne ramki nie będą Ci straszne Na początek dzielimy całą stronę na trzy wiersze <FRAMESET ROWS="200,*,100">. Pierwszy wiersz ma 200 pikseli, trzeci 100 a środkowy tyle ile zostanie . Teraz gdy mamy już podstawowy podział, czas opisać każdy wiersz z osobna. W tym celu zagnieżdżamy ramki za pomocą zwykłej struktury
<FRAMESET></FRAMESET>
Pierwszy wiersz chcieliśmy podzielić na trzy kolumny, więc wpisujemy:
<FRAMESET COLS="30%,*,30%">
W ten sposób dzieląc wiersz pierwszy na trzy kolumny 30%,*,30%. Dopiero tym kolumną przypisujesz odpowiednie źródło:
<FRAME SRC="1.html"> <FRAME SRC="2.html"> <FRAME SRC="3.html">
Opisywanie kolumn w pierwszym wierszu kończymy </FRAMESET>. W ten sposób został opisany pierwszy wiersz (ten na samej górze). Bardzo podobnie sprawa wygląda z wierszem drugim (środkowym). Najpierw dzielimy go na trzy kolumny a potem każdej kolumnie przypisujemy źródło:
<FRAMESET COLS="20%,*,20%"> <FRAME SRC="4.html"> <FRAME SRC="5.html"> <FRAME SRC="6.html"> </FRAMESET>
Ostatniego wiersza (dół) nie mieliśmy zamiaru dzielić na żadne kolumny, więc od razu przypisujemy mu źródło:
<FRAME SRC="7.html">
Przypominam, że opis całej struktury ramek mieści się między <FRAMESET> i </FRAMESET> Jest to może troszeczkę skomplikowany przykład ale przeanalizuj go kilka razy i wszystko zrozumiesz
Nowości Na pewno zauważyłeś w przykładzie drugim dwie nowe flagi <NOFRAME></NOFRAME>. Sprawa z nimi wygląda tak, że niektóre stare przeglądarki nie obsługują ramek. Teraz nie powinno być z tym problemów, ponieważ większość osób używa nowszej wersji przeglądarki niż powiedzmy IE 3.0, ale i tak, na wszelki wypadek, gdyby ktoś jakimś cudem miał starą przeglądarkę, warto na swojej stronie podstawowej, opisującej ramki umieścić te flagi. Pozwalają one na stworzenie strony bez ramek. Powstaje nam dokument w dokumencie. Możesz w ten sposób stworzyć stronę zastępczą, lub napisać krótki komunikat np.
<NOFRAME> <BODY>
Ta przeglądarka nie obsługuje ramek!
</BODY> </NOFRAME>
Komunikat ten wyświetli się w oknie przeglądarki która nie obsługuje ramek.
Offline