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. 3
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. 3
Technologie webowe

Ramki cz. 3

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

Linki na stronach docelowych ramek. W tym artykule zajmiemy się wspomnianą wcześniej możliwością utworzenia linku w jednej ramce który będzie otwierał plik w innej.

Linki na stronach docelowych ramek
Teraz zajmiemy się wspomnianą wcześniej możliwością utworzenia linku w jednej ramce który będzie otwierał plik w innej.

Przykład 3
Tworzymy pliki przyklad3.html, menu.html, prawa.html (tło koloru niebieskiego), prawa2.html (tło koloru czarnego) i prawa3.html (tło koloru czerwonego). W menu.html wypiszemy pionowo linki do plików prawa.html, prawa2.html i prawa3.html Naszym podstawowym plikiem w którym opiszemy ramki będzie przyklad3.html. Naszą stronę podzielimy na dwie kolumny

<FRAMESET COLS=”30%,*%”>

Teraz każdej kolumnie przypisujemy źródło

<FRAME SCROLLING=”auto” NAME=”menu” SRC=”menu.html”> <FRAME SCROLLING=”yes” NAME=”prawa” SRC=”prawa.html”>

Lewej ramce o nazwie menu przypisaliśmy menu.html. Natomiast prawej (prawa) plik prawa.html. Opisywanie ramek kończymy </FRAMESET>. W tym przypadku nic się nie zmieniło. Wszystko to było omawiane w przykładzie pierwszym. Przyjrzyjmy się, jak wygląda menu.html, gdzie wypisaliśmy nasze linki. Z wcześniejszych lekcji wiesz, że link wygląda mniej więcej tak:

<A HREF=”plik”>…</A>

Aby link prowadził do danej ramki, należy dodać tylko parametr TARGET. Będzie to wyglądało tak:

<A HREF=”plik” HREF=”nazwa ramki”>…</A>

Możesz również w nagłówku HEAD umieścić następującą flagę:

<BASE TARGET=”nazwa ramki”>

Dzięki niej wszystkie linki będą powiązane z daną ramką. TARGET określa więc ramkę, w której zostanie otworzony plik, do którego prowadził link. Nie powinno być z tym żadnych kłopotów…

Coś na koniec

Na koniec podaję kilka parametrów opisujących flagę <FRAME>
§ marginwidth=”” – odstęp lewego i prawego marginesu w ramce
§ marginheight=”” – odstęp górnego i dolnego marginesu w ramce
§ framespacing=”” – określamy odstęp między ramkami
Wartości wszystkich trzech parametrów określamy w pikselach
§ frameborder=”” – decydujemy czy linia oddzielająca ramki ma być wyświetlona. Używamy wartości yes lub no.
Na tym zakończę lekcje robienia ramek. Uważam, że wszystko co powinniście wiedzieć o ramkach zostało poruszone. Jeżeli macie jakieś pytania to zapraszam na nasze forum.

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. 2
Następny artykuł Formularze cz. 1
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?