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ć

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

Serwer dla małej firmy – czym kierować się przy jego wyborze?

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 e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Najnowsze artykuły

Procesor AMD Ryzen 7
Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
Technologie
Jak przygotować sklep internetowy na automatyzację obsługi klienta?
Artykuły partnerskie
the nvidia logo is displayed on a table
Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
AI Aktualności
Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?
E-marketing
4 najczęstsze cyberzagrożenia w przemyśle
Technologie
Jak uratować zaschnięty tusz do drukarki? Skuteczne domowe sposoby i porady
Poradniki
Model 3D jako wspólne źródło danych dla projektu, produkcji i montażu
Artykuły partnerskie
Dlaczego wideo z telefonu sprzedaje na TikToku lepiej niż profesjonalne spoty?
Artykuły partnerskie
Dwa ekrany zawsze pod ręką – zalety korzystania z monitora przenośnego na co dzień
Technologie
Rola nowoczesnych technologii w procesie rehabilitacji
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

Sprawdź, jak zostać testerem oprogramowania lub Java developerem! Poznaj kursy online!

5 min czytania
Technologie webowe

Architektura globalnego e-commerce: Jak zbudować sklep gotowy na podbój świata?

7 min czytania
MacBook Pro showing programming language
Technologie webowe

Java obchodzi 30. urodziny – język programowania który zmienił świat technologii

9 min czytania
AktualnościTechnologie webowe

Jak zacząć projektować aplikację, nie mając gotowego pomysłu?

9 min czytania
woman in black top using Surface laptop
Technologie webowe

Serwer dla małej firmy – czym kierować się przy jego wyborze?

5 min czytania
Technologie webowe

Jaki hosting wybrać pod Laravel? Kompleksowy przewodnik dla twórców aplikacji webowych

6 min czytania
programming language
Technologie webowe

Kaskadowość w CSS – wszystko, co musisz wiedzieć

7 min czytania
two women talking while looking at laptop computer
Technologie webowe

Darmowe kreatory stron WWW – stwórz swoją stronę w godzinę

14 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

  • Najlepsze procesory z pamięcią 3D V-Cache: Wydajność dla graczy i profesjonalistów
  • Jak przygotować sklep internetowy na automatyzację obsługi klienta?
  • Nvidia przyłapana? Gigant AI chciał kupić miliony pirackich książek
  • Najczęstsze błędy w SMS marketingu: jak nie przepalić budżetu?

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?