Korzystając z tej strony zgadzasz się z polityką prywatności i regulaminem.
Akceptuj
WebInside.plWebInside.plWebInside.pl
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
Szukaj
  • Kontakt
  • Forum
WebInside.pl © 2023.
Czytasz: Ramki cz. 2
Udostępnij
Zaloguj się
Powiadomienia
Aa
WebInside.plWebInside.pl
Aa
Szukaj
  • Strona główna
  • Aktualności
  • Technologie webowe
  • Publicystyka
  • E-marketing
  • Poradniki
  • AI
  • Technologie
  • Artykuły partnerskie
  • Więcej
    • Kontakt
    • Mapa strony
Masz już konto? Zaloguj się
  • Aktualności
  • Technologie
  • WWW
  • E-marketing
  • AI
  • Poradniki
  • e(Biznes)
WebInside.pl © 2023.
WebInside.pl > Technologie webowe > Ramki cz. 2
Technologie webowe

Ramki cz. 2

WebInside.pl
Ostatnia aktualizacja: 24.07.2003
WebInside.pl
Udostępnij
Udostępnij

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>

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.

Zapraszamy do .

Może Cię zainteresować

Jak wybrać agencję do tworzenia strony internetowej w Warszawie?

Lovable – recenzja po 3 miesiącach. Cennik, opinie, kredyty, limity

Stanowisko web developera w 2026: co naprawdę przyspiesza pracę — i za co nie warto przepłacać

AI kontra klasyczne kreatory stron: kto tu naprawdę wygrywa?

Jak wybrać i zarejestrować domenę? Praktyczny przewodnik dla firm i osób prywatnych

WebInside.pl 2003-07-24 2003-07-24
Udostępnij ten artykuł
Facebook Twitter Kopiuj link Wydrukuj
Udostępnij
Poprzedni artykuł Ramki cz. 1
Następny artykuł Ramki cz. 3
Zostaw komentarz lub opinię

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Jak zwiększyć rozpoznawalność marki w całym mieście dzięki reklamie na tramwajach
E-marketing
person holding black iphone 4
Newsletter w małym sklepie internetowym. Jak zacząć, żeby pierwszy mail nie wylądował w spamie
E-marketing
Jak wybrać agencję do tworzenia strony internetowej w Warszawie?
Technologie webowe
person sitting while using laptop computer and green stethoscope near
Badania profilaktyczne w Warszawie – jaki pakiet zrobić raz w roku i gdzie się umówić
Artykuły partnerskie
Dlaczego skuteczność reklamy zależy również od tego, co dzieje się na stronie?
E-marketing
Lovable – recenzja po 3 miesiącach. Cennik, opinie, kredyty, limity
Technologie webowe
A smartwatch with a dark textured band and a colorful app icon display
Smartwatch jak mały komputer – dlaczego naprawa Apple Watch wymaga dziś specjalistycznej technologii?
Poradniki
Stanowisko web developera w 2026: co naprawdę przyspiesza pracę — i za co nie warto przepłacać
Technologie webowe
Close-up of gold and silver cryptocurrency coins on a digital trading chart.
Bybit po ataku za 1,5 miliarda dolarów: co giełda zmieniła i co sprawdzisz sam
Artykuły partnerskie
Odnowiony iPhone jako telefon testowy – dlaczego osoby z branży IT sięgają po refurbished zamiast nowego?
Artykuły partnerskie
banner
Chcesz umieścić swoją reklamę w portalu WebInside.pl?
Skontaktuj się z nami, a zaproponujemy interesujące formy reklamy.
Skontaktuj się

Inne polecane artykuły

Technologie webowe

Jak wybrać agencję do tworzenia strony internetowej w Warszawie?

3 min czytania

Lovable – recenzja po 3 miesiącach. Cennik, opinie, kredyty, limity

15 min czytania
Technologie webowe

Stanowisko web developera w 2026: co naprawdę przyspiesza pracę — i za co nie warto przepłacać

7 min czytania
a computer screen with the words the easy way to build marketplaces
Technologie webowe

AI kontra klasyczne kreatory stron: kto tu naprawdę wygrywa?

5 min czytania
Technologie webowe

Jak wybrać i zarejestrować domenę? Praktyczny przewodnik dla firm i osób prywatnych

5 min czytania
Technologie webowe

Komentarze w CSS – jak dodawać i do czego służą? Przykłady użycia

17 min czytania
Technologie webowe

Co to jest REST API i na jakich zasadach działa? Przewodnik dla początkujących

21 min czytania
Technologie webowe

Marginesy i dopełnienie w CSS – czym się różnią właściwości margin i padding?

17 min czytania
//

WebInside.pl – portal technologiczny. Aktualności ze świata technologii, webmastering, marketing internetowy, AI, poradniki.

 

Partnerzy



Wszystkie kategorie

  • AI
  • Aktualności
  • Artykuły partnerskie
  • E-marketing
  • e(Biznes)
  • Poradniki
  • Publicystyka
  • Technologie
  • Technologie webowe

Ostatnio dodane

  • Jak zwiększyć rozpoznawalność marki w całym mieście dzięki reklamie na tramwajach
  • Newsletter w małym sklepie internetowym. Jak zacząć, żeby pierwszy mail nie wylądował w spamie
  • Jak wybrać agencję do tworzenia strony internetowej w Warszawie?
  • Badania profilaktyczne w Warszawie – jaki pakiet zrobić raz w roku i gdzie się umówić

Kontakt

Chcesz się z nami skontaktować? Jesteś zainteresowany reklamą lub artykułem sponsorowanym?

Skorzystaj z formularza kontaktowego lub napisz do nas na kontakt@webinside.pl

WebInside.plWebInside.pl
WebInside.pl © 2023 | Mapa strony | Forum | Polityka prywatności
Witaj ponownie!

Zaloguj się do swojego konta

Zapomniałeś hasła?