FORUM ALL

roszi · 2006-06-22 21:03:36

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:

Kod:

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!

Kod:

</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

Kod:

<FRAMESET></FRAMESET>

Pierwszy wiersz chcieliśmy podzielić na trzy kolumny, więc wpisujemy:

Kod:

<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:

Kod:

<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:

Kod:

<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:

Kod:

<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.

Kod:

<NOFRAME> <BODY>

Ta przeglądarka nie obsługuje ramek!

Kod:

</BODY> </NOFRAME>

Komunikat ten wyświetli się w oknie przeglądarki która nie obsługuje ramek.

FORUM ALL

Ogłoszenie

#1 2006-06-22 21:03:36

Ramki cz. 2

Kod:

Kod:

Kod:

Kod:

Kod:

Kod:

Kod:

Kod:

Kod:

Stopka forum