Przykłady ramek. Tworzenie ramek

Na początku tworzenia stron internetowych zasoby sieciowe powszechnie wykorzystywały ramki do wyświetlania poszczególnych części stron. Ale wraz z pojawieniem się nowej wersji HTML 5 wszystko się zmieniło. Elementy znaczników<rama>, <zestaw ramek> i<bez ramek> są uważane za przestarzałe. Zostały zastąpione pojedynczym tagiem -<iframe>. Jak dodać do HTML

W powyższym znaczniku wystarczy zastąpić adres strony dowolnym innym iw razie potrzeby dostosować rozmiar ramki.

Dzień dobry wszystkim! Andriej Bernatski jest z wami.

Zanim przejdę bezpośrednio do artykułu, podaję link do wersji wideo tego tematu:

W tym odcinku porozmawiamy o ramki w formacie HTML. Ramki w istocie są bardzo podobne do tabel, ale w przeciwieństwie do tabel każda ramka jest niezależna i każda z nich może mieć osobną stronę internetową z własnym adresem.

Na rysunku widzimy dość powszechną strukturę witryny. Można to przedstawić w formie tabeli lub wszystko to można zrobić za pomocą ramek. W górnej ramce możesz załadować stronę z logo i menu, w lewej ramce możesz załadować stronę z nawigacją serwisu, w środkowej ramce będzie znajdować się strona z główną zawartością serwisu, w prawej ramce możesz załadować stronę z banerami reklamowymi, a w dolnej ramce możesz załadować stronę z danymi kontaktowymi. Oto w skrócie, czym są ramki.

Przyjrzyjmy się teraz, jak można to wszystko zrobić.

Osobliwością dokumentu zawierającego ramki jest to, że nie zawiera on kontenera CIAŁO. Zamiast tego używany jest pojemnik ZESTAW RAMEK. Ogólna składnia ramek jest następująca:

XHTML

… ….

W pojemniku …. znajdują się znaczniki , które definiują zawartość ramek.

Na tagu są dwa parametry:

wiersze = liczba– ilość linii (parapetów poziomych).

kolumny = liczba– ilość słupów (parapetów pionowych).

Ogólnie rzecz biorąc, wartości parametrów rows i cols są określone nie dokładnie liczbami, ale poprzez wypisanie liczb oddzielonych przecinkami. Ile jest liczb, będzie tyle wierszy lub kolumn, a liczby określają rozmiar ramki. Najważniejsze jest to, że suma tych liczb jest równa całej szerokości ekranu.

Spójrzmy na to na przykładzie i wszystko będzie jasne. Utwórzmy teraz dokument ramowy w następujący sposób:

Kod, który zdefiniuje dla nas tę strukturę ramki, będzie wyglądał następująco:

XHTML

Pierwsza linia powyższego kodu otwiera kontener zestawu ramek, parametr cols wskazuje, że będą trzy zagnieżdżone ramki. Pierwsza będzie miała szerokość 30% całej szerokości ekranu. Trzeci również będzie miał 30% całej szerokości ekranu. A druga ramka zajmie całą pozostałą przestrzeń. Tak, symbolu "*" (gwiazdka) oznacza zajęcie całego pozostałego miejsca na ekranie.

Przy okazji przyjrzyjmy się, jak można ustawić ramki w parametrach cols i rows:

Możesz ustawić rozmiar, po prostu wprowadzając liczbę. Liczba ta określi rozmiar ramki w pikselach.

Możesz ustawić szerokość jako procent. Co więcej, jeśli suma procentów wszystkich kolumn przekroczy 100%, wówczas wszystkie klatki zostaną proporcjonalnie zmniejszone, tak aby suma wszystkich kolumn wyniosła 100%. Sytuacja będzie podobna: jeśli suma procentów wszystkich kolumn będzie mniejsza niż 100%, to wszystkie klatki zwiększą się proporcjonalnie, tak że suma będzie równa 100%.

Rozmiar ramki można ustawić za pomocą symbolu “*” (gwiazda). Oznacza to, że rama musi zajmować całą pozostałą przestrzeń. Jeśli określono np , czyli dwie gwiazdki, wówczas cała pozostała przestrzeń zostanie równo podzielona pomiędzy te dwie klatki (w tym przypadku 40%).

Możesz łączyć opcje ustawiania rozmiarów ramek w HTML. Na przykład:

XHTML

Kod ten oznacza, że ​​pierwsza klatka będzie miała rozmiar 70 pikseli, trzecia będzie miała 40% szerokości ekranu, a druga zajmie pozostałe miejsce.

Całkowicie opracowaliśmy pierwszą linię kodu. Zacząć robić.

Następują tagi . Oddzielone przecinkami w parametrze kol etykietka zestaw ramek jeśli podano trzy liczby (czyli będą trzy ramki), to tagi muszą być też trzy. Wartością parametru src jest adres strony internetowej, która zostanie załadowana do tej ramki. Adres, jak widać na przykładzie, może być bezwzględny i względny.

A ostatnia linia zamyka pojemnik .

Jeżeli w pierwszej linii kodu zastąpimy parametr cols wierszami, otrzymamy taki sam dokument ramkowy składający się z trzech ramek. Jedynie podział na ramki będzie pionowy.

XHTML

Opcje wydziwianie I kol nie mogą być używane jednocześnie. Prowadzi to do błędów i nieprawidłowego wyświetlania treści.

Każdy ma teraz pytanie, jak stworzyć taką konstrukcję, o której mówiłem na samym początku artykułu. Wrócimy do tego nieco później, ale na razie skupmy się na tym, co dzieje się teraz w naszej przeglądarce.

W przeglądarce widzimy trzy strony, z których każda znajduje się we własnej ramce.

Jednocześnie przesuwając kursor myszy na krawędzie ramek możemy zmieniać wielkość ramek, widoczne są także paski przewijania i krawędzie pomiędzy ramkami. Nie zawsze jest to konieczne, a właściwie w ogóle nie jest to konieczne. A wszystko to można kontrolować dzięki parametrom tagów rama I zestaw ramek.

Opcje tagów rama I zestaw ramek:

src="adres"– wymagany parametr. Określa adres strony, która będzie wyświetlana wewnątrz ramki. Używany tylko do ramy.

noresize– anuluje możliwość zmiany rozmiaru. Używany tylko do rama.

przewijanie="tak/nie/automatycznie"– określa obecność pasków przewijania. Wartość tak – wskazuje na obecność pasków przewijania. Wartość no określa, że ​​nie będzie pasków przewijania. W przypadku ustawienia automatycznego przeglądarka sama określa, czy będą paski przewijania. Używany tylko do rama.

nazwa="nazwa-ramki"– nazwa ramki. Parametr ten używany jest do interakcji pomiędzy ramkami. Porozmawiamy o tym więcej nieco później. Używany tylko do rama.

granica=liczba– grubość granic pomiędzy ramkami. Jeżeli przyjmuje wartość 0, wówczas granice pomiędzy ramkami nie są wyświetlane. Używany tylko do zestawu ramek.

odstęp ramek="liczba"– odległość pomiędzy ramkami. Używany tylko do zestawu ramek.

Korzystając z tych parametrów, można uzyskać stronę, na której nie są wyświetlane granice pomiędzy ramkami, nie ma możliwości zmiany rozmiaru ramek, a przewijanie dwóch ostatnich klatek jest zabronione. Kod takiej strony wygląda następująco:

XHTML

Jest jeszcze kilka innych opcji, ale nie do końca działają, więc myślę, że warto nawet o nich nie wspominać w wydaniu.

Być może to wszystko z parametrami. Przyjrzeliśmy się przykładowi, jak z nich korzystać.

Stwórzmy teraz strukturę ramek, o której mówiłem na samym początku wydania.

W tym celu tworzymy strukturę trzech ramek podzielonych pionowo.

XHTML

Odpowiednio zamiast tagu , musimy wstawić kolejny pojemnik .. w trzech kolumnach i w każdej z nich wpisz adres swojej strony. Widzisz, nic skomplikowanego, zamiast tego używamy tagu włóż nowy pojemnik, którego potrzebujemy .. .

XHTML

Następnie wstawiamy naszą trzecią ramkę z danymi kontaktowymi i zamykamy główny pojemnik

XHTML

Pełny kod tej strony znajduje się poniżej:

XHTML

Adresy ramek wziąłem oczywiście z poprzednich numerów biuletynu i nie widzieliśmy tu żadnego menu, logo, nawigacji itp. Ale mamy strukturę, której potrzebowaliśmy. Ale jeśli utworzysz potrzebne strony, możesz uzyskać piękną strukturę.

Co w końcu dostaliśmy. To, czy jest to wygodne, czy niewygodne, zależy od Ciebie, ale dzięki strukturze ramek wszystkie nasze ramki zawsze pozostają na stronie. Niezależnie od wielkości treści, zawsze zobaczymy logo serwisu i menu, dół strony z danymi kontaktowymi, blok nawigacyjny oraz banery. Taka jest ogólnie istota i znaczenie ramek.

Istnieje możliwość interakcji pomiędzy ramkami. Można to zrobić w taki sposób, że klikając na link w jednej ramce, informacja pojawia się w drugiej. Teraz zobaczymy, jak to się robi.

Stwórzmy taką ramkę:

Nasze linki będą znajdować się w lewej ramce. A po prawej stronie znajdują się strony, do których prowadzą te linki.

Stwórzmy taką ramkę:

XHTML

Wiele nowoczesnych witryn internetowych zawiera „przyklejone” menu nawigacyjne, które pojawiają się na pasku bocznym lub u góry podczas przewijania strony w górę i w dół. Jednak właściwości CSS, które umożliwiają tworzenie trwałych menu, nie zawsze są obsługiwane przez przeglądarki. Wcześniej do implementacji podobnej funkcjonalności używano ramek HTML.

Różnica między ramkami i ramkami iframe

Kiedy używasz zestawu ramek, widoczną część okna przeglądarki dzielisz na wiele ramek. Każda klatka ma swoją treść, która nie ma wpływu na treść kolejnej. Ramki i ramki iframe pełnią podobną funkcję - osadzają zasób na stronie internetowej, ale zasadniczo różnią się od siebie:

• Ramki to elementy definiujące układ;
• Ramki iframe to elementy, które dodają treść.

Historia i przyszłość opraw

Przestarzałe ramki W3C w HTML5. Powodem tej decyzji był fakt, że ramki HTML mają negatywny wpływ na użyteczność i dostępność. Zobaczmy, czy te twierdzenia są uzasadnione.

Problemy z ramkami

• Problemy z użytecznością: Wraz ze wzrostem popularności urządzeń mobilnych z małymi ekranami istnieje potrzeba oferowania użytkownikom wielu widoków, które zmieniają się w zależności od rozmiaru widocznego obszaru. Chociaż ramkami można manipulować, aby zapewnić pewien stopień responsywności, nie nadają się one zbyt dobrze do tworzenia responsywnych witryn internetowych;
• Dostępność: czytniki ekranu i inne technologie wspomagające są dość trudne do odczytania i interakcji z witrynami korzystającymi z ramek.

Obecnie istnieje światowy trend w tworzeniu stron internetowych, aby oddzielić treść strony internetowej od jej prezentacji:

• Treść należy dodać i zdefiniować za pomocą znaczników, na przykład za pomocą kodu HTML;
• Prezentację definiują języki takie jak CSS i JavaScript.

Korzystanie z ramek początkowo wiąże się z utworzeniem określonego wyglądu i struktury, natomiast zadania prezentacyjne muszą być realizowane przy użyciu CSS.

Przyszłość ramek

Chociaż dziś wszystkie nowoczesne przeglądarki obsługują ramki, W3C jasno stwierdziła to ramki" nie powinny być używane przez twórców stron internetowych„. Jeśli masz witrynę korzystającą z ramek, powinieneś rozważyć przejście na inne technologie. W pewnym momencie przeglądarki nie będą już obsługiwać ramek, a kiedy to nastąpi, witryny korzystające z nich staną się bezużyteczne.

Jak zrobić ramki w HTML

Ramek nie należy używać podczas tworzenia nowych witryn, ale dla webmasterów utrzymujących stare zasoby wiedza, jak z nich korzystać, może być przydatna.

Podstawowa koncepcja ramek

Podstawowa koncepcja ramek jest dość prosta:

• Użyj elementu zestawu ramek w określonym miejscu elementu treść w dokumencie HTML;
• Użyj elementu ramki do ramki zawartości strony internetowej;
• Użyj atrybutu src, aby zidentyfikować zasób, który powinien zostać załadowany do ramki;
• Utwórz oddzielny plik treści dla każdej ramki HTML.

Spójrzmy na kilka przykładów, jak to działa. Najpierw musimy utworzyć kilka dokumentów HTML, z którymi będziemy pracować. Utwórzmy cztery różne dokumenty HTML. Oto, co będzie zawierał pierwszy z nich:

Ramka 1

Zawartość ramki 1

Pierwszy dokument zapiszemy jako ramka_1.html. Pozostałe trzy dokumenty będą miały podobną treść i zostaną odpowiednio nazwane.

Tworzenie kolumn pionowych

Aby utworzyć zestaw czterech pionowych kolumn, musisz użyć elementu zestawu ramek z atrybutem cols. Atrybut cols służy do określenia liczby i rozmiaru kolumn, które będzie zawierał zestaw ramek. W naszym przypadku mamy do wyświetlenia cztery pliki. Dlatego potrzebujemy czterech ramek.

Aby je utworzyć, musimy ustawić atrybut cols na cztery wartości oddzielone przecinkiem. Dla uproszczenia każdej z ramek przypiszemy wartość * , ustawi to je na rozmiar, który automatycznie wypełni całą dostępną przestrzeń. Oto jak będzie wyglądać nasz znacznik HTML:

A oto jak ten znacznik będzie wyświetlany:

Tworzenie rzędów poziomych

Wiersze ramki HTML można tworzyć przy użyciu atrybutu rows zamiast atrybutu cols, jak w poprzednim przykładzie:

Wprowadzając tę ​​zmianę, sprawiliśmy, że ramki są teraz ładowane w czterech rzędach, jeden na drugim:

Łączenie kolumn i wierszy

Kolumny i rzędy ramek mogą być wyświetlane jednocześnie na tej samej stronie. Można zagnieździć jedną ramkę w drugiej. Aby to zrobić, najpierw tworzymy zestaw ramek, a następnie zagnieżdżamy podrzędny zestaw ramek w elemencie nadrzędnym. Oto przykład zagnieżdżenia dwóch wierszy w zestawie trzech kolumn:

zestaw ramek cols="*,*,*">

Przykład ramki HTML:

Oto jak będą teraz wyglądać ramki:

Ten kod tworzy zestaw dwóch kolumn o jednakowej wielkości. Następnie dzielimy drugą kolumnę na dwa wiersze. Na koniec podzieliliśmy drugi wiersz na dwie kolumny. Oto jak to będzie wyglądać:

Wynikowa siatka wierszy i kolumn będzie wyglądać następująco:

Jak stylizować ramki

Jeśli chodzi o stylizację strony internetowej korzystającej z ramek w formacie HTML, istnieją dwa sposoby przypisywania stylów:

• Definiowanie stylów w każdej ramce;
• Definiowanie stylów dla zestawu ramek.

Reprezentację każdej ramki należy zdefiniować w dokumencie źródłowym. Widok zestawu ramek musi być zdefiniowany w dokumencie nadrzędnym zawierającym zestaw ramek. Innymi słowy, style dla ramki_1.html muszą być ustawione przez reguły CSS zawarte w pliku ramka_1.html lub w arkuszu stylów powiązanym z plikiem ramka_1.html.

Definiowanie stylów ramek w dokumencie źródłowym

Podobnie jak w przypadku każdej strony internetowej, zawartość każdej ramki można stylizować za pomocą CSS. Aby nadać styl zawartości każdej ramki, należy ją dodać do dokumentu głównego, łącząc się z zewnętrznym plikiem stylów lub dodając style wewnętrzne lub wbudowane. Biorąc pod uwagę, że mamy cztery dokumenty źródłowe, style CSS należy zastosować do każdego dokumentu osobno.

Stosując style CSS do strony internetowej zawierającej zestaw ramek, nie będziemy mogli zastosować stylów do każdej ramki indywidualnie. Jeśli chcemy nadać styl ramce_1.html, musimy dodać te style bezpośrednio do samego dokumentu. Oto przykład, jak można to zrobić:

Ramka 1

Zawartość ramki 1

Jeśli wrócimy do poprzedniego przykładu tworzenia ramek w formacie HTML z czterema kolumnami o jednakowej wielkości i załadujemy zestaw ramek po wprowadzeniu tych zmian w pliku ramka_1.html, otrzymamy coś takiego:

Definiowanie stylów i formatowanie zestawów ramek

Jak wpłynąć na prezentację zestawu ramek poza definiowaniem stylów samych dokumentów:

• Rozmiar każdej ramki można zdefiniować lub ustalić;
• Odstęp pomiędzy ramkami można zmieniać;
• Można określić format obramowania wokół każdej ramki.

Zmiany te nie są wprowadzane za pomocą CSS. Odbywa się to poprzez dodanie atrybutów i ich wartości do elementu ramki.

Rozmiar ramy

Rozmiary ramek można określić w pikselach, procentach lub ramki mogą automatycznie zajmować całą dostępną przestrzeń. Aby określić rozmiar ramki, wstaw żądaną wartość do atrybutu cols lub rows. Domyślnie, jeśli ramka nie ma określonego atrybutu noresize, odwiedzający witrynę mogą używać myszy do przeciągania granicy między dwiema ramkami, zmieniając ich rozmiar. Jeśli nie jest to pożądane, do elementu ramki można zastosować atrybut noresize i nie będzie można zmieniać jego rozmiaru. Połączmy obie te koncepcje w praktyce.

Stworzymy następujący układ:

• Jeden wiersz o pełnej szerokości u góry strony;
• Trzy kolumny poniżej górnego rzędu;
• Rozmiar pierwszej i trzeciej kolumny umożliwia utworzenie lewego i prawego paska bocznego;
• Środkowa kolumna ma rozmiar odpowiadający większemu obszarowi zawartości.

Ramkę HTML możemy utworzyć za pomocą następującego kodu:

Ten kod tworzy zestaw ramek składający się z dwóch wierszy:

• Pierwszy rząd ma wysokość 150 pikseli. Atrybut noresize podany dla pierwszej ramki oznacza, że ​​jej rozmiaru nie można zmienić;
• Style, które zastosowaliśmy wcześniej do ramki_1.html, zostają zachowane, ale wpływają jedynie na zawartość tej ramki;
• Drugi rząd rozszerza się, wypełniając pozostałą przestrzeń;
• Drugi zestaw ramek jest zagnieżdżony w drugim rzędzie i zawiera trzy kolumny;
• Pierwsza i trzecia kolumna zajmują po 20% dostępnej przestrzeni okna przeglądarki;
• Druga kolumna rozszerza się, wypełniając przestrzeń pozostałą między pierwszą a trzecią kolumną;
• Ponieważ nie określiliśmy atrybutu noresize dla kolumn, początkowo będą one wyświetlane w oparciu o rozmiary określone w kodzie.

Jednak osoba odwiedzająca witrynę będzie mogła ręcznie zmienić ich rozmiar.

Ten kod tworzy stronę internetową renderowaną w następujący sposób:

Formatowanie obramowania i dopełnienia wokół ramki

Teraz, gdy zdefiniowaliśmy układ, jeśli zajdzie taka potrzeba, możemy zwiększyć lub zmniejszyć odstęp między klatkami, a także usunąć granicę między nimi. Korzystając z układu, który utworzyliśmy w poprzednim kroku, usuńmy granice między trzema kolumnami, ale zostawmy granicę między górnym i dolnym rzędem. Dodajmy także trochę dopełnienia wokół zawartości pierwszej ramki HTML:

Atrybut marginesheight zastosowany do pierwszej klatki dodaje 15 pikseli marginesu powyżej i poniżej treści załadowanej w pierwszej klatce. Wartość obramowania ramki równa 0 usuwa obramowania dla wszystkich trzech dolnych klatek. Oto jak to będzie wyglądać:

Określanie ramek za pomocą łączy

Jednym z najczęstszych zastosowań ramek jest utworzenie „lepkiego” menu nawigacyjnego w ramce, które jest zawsze widoczne niezależnie od położenia zawartości innych ramek. Przy prawidłowym użyciu łącza w menu nawigacyjnym powodują załadowanie nowych zasobów do ramki, podczas gdy reszta ramki pozostaje statyczna.

Możesz sformatować kotwice, aby kierować je na określone ramki, nadając żądanemu elementowi ramki atrybut name i używając atrybutu target wewnątrz elementu a, aby załadować href w określonej ramce. Jeśli to wszystko jest trochę zagmatwane, przeprowadzimy Cię krok po kroku przez proces tworzenia ramek w HTML.

Na początek musimy nadać nazwę ramce, w której linki mają się otwierać. W układzie, który stworzyliśmy wcześniej, możemy użyć lewej kolumny jako menu nawigacyjnego, a środkowej kolumny jako ramki docelowej. W tym celu należy przypisać elementowi docelowemu atrybut name:

Teraz, gdy ustawiliśmy nazwę="mid_col" dla środkowej kolumny, możemy utworzyć kilka linków w dokumencie źródłowym naszej lewej kolumny ramka_2.html:

Ramka 2

Zawartość ramki 2

• Załaduj ramkę_1.html
• Załaduj ramkę_2.html
• Załaduj ramkę_3.html
• Załaduj ramkę_4.html

Teraz, gdy załadujemy stronę internetową, na lewym pasku bocznym pojawią się cztery linki nawigacyjne. Po kliknięciu linku zawartość pliku ładuje się do środkowej ramki kolumny z atrybutem name="mid_col" . Oto, co zobaczymy po załadowaniu strony:

Zapewnienie rezerwy noframes

W przeszłości element noframes był używany jako rezerwa dla przeglądarek, które nie obsługują ramek HTML. Obecnie wszystkie nowoczesne przeglądarki obsługują ramki, ale ramki noframe praktycznie nie są obsługiwane. W rezultacie nie musimy już tworzyć rezerwy noframes podczas pracy z ramkami.

Jak sprawić, by ramki były responsywne

W przypadku stosowania ramek dość trudno jest zapewnić wygodę obsługi osobom korzystającym z serwisu ze smartfonów i małych tabletów. Ponieważ ramki zostały całkowicie usunięte z HTML5 i uznane za przestarzałe, ważne jest, aby właściciele witryn zbudowanych przy użyciu ramek zaplanowali odbudowę swoich zasobów i migrację do innych technologii.

Używanie wierszy zamiast kolumn

Jeśli to możliwe, organizuj ramki w rzędach, a nie w kolumnach. Na małym ekranie znacznie łatwiej jest nawigować po treści w pionie niż w poziomie. Ramki HTML ułożone w rzędzie są znacznie łatwiejsze do oglądania na małym ekranie. Jeśli zmniejszymy szerokość układów zawierających wiersze i kolumny, symulując ekran Apple iPhone 6, zobaczymy, że wiersze są znacznie łatwiejsze do przeglądania niż kolumny:

Użyj wartości procentowych dla szerokości kolumn

Jeśli rozmiary kolumn są ustawione w procentach, a nie w pikselach, ich rozmiar zostanie automatycznie zmieniony w zależności od rozmiaru ekranu urządzenia. Chociaż może to powodować pewne problemy, ponieważ niektóre klatki mogą stać się zbyt małe, ogólna interakcja i wrażenia wizualne będą lepsze, jeśli całkowita szerokość kolumn zostanie określona w procentach, a nie w pikselach.

Jak przejść z ramek na inne technologie

Zarówno element zestawu ramek, jak i element ramki zostały usunięte z najnowszej specyfikacji HTML5. Właściciele witryn zbudowanych przy użyciu ramek muszą odbudować swoje zasoby, aby usunąć je z układu. W pewnym momencie przeglądarki przestaną obsługiwać ramki. Zatem porzucenie ramek jest nie tylko pożądane, ale wręcz konieczne.

Ocena treści zawartych w ramkach

Pierwszym krokiem do przeprojektowania witryny korzystającej z ramek iframe HTML jest określenie powodów ich użycia:

• Czy do stworzenia konkretnego układu wykorzystano ramki? Jeśli tak, można użyć CSS do stworzenia podobnego układu;
• Czy do utworzenia kontenera reklamowego o określonym rozmiarze użyto ramek? Istnieje wiele sposobów na odtworzenie tego efektu za pomocą CSS lub widżetów zaprojektowanych do współpracy z CMS-em;
• Czy do tworzenia trwałych menu nawigacyjnych używano ramek? Ponownie ten sam efekt można odtworzyć za pomocą CSS;
• Czy do ładowania treści z witryny zewnętrznej używano ramek? Jeśli tak, to element iframe, będący częścią HTML5, może zostać wykorzystany do osadzenia treści z zewnętrznej witryny.

Niemal w każdym przypadku można użyć CSS do odtworzenia układu zaprojektowanego przy użyciu ramek, a ramki iframe można wykorzystać do osadzenia zasobów zewnętrznych.

Strategia dla Twojej nowej witryny internetowej

Jeśli Twoja witryna została zbudowana przy użyciu ramek, istnieje duże prawdopodobieństwo, że jest już bardzo nieaktualna. Zamiast po prostu kompilować całą zawartość witryny w jeden plik HTML i stylizować go za pomocą CSS, być może nadszedł czas, aby pomyśleć o przejściu na system zarządzania treścią.

Przejście na CMS zajmie początkowo więcej czasu, ale w dłuższej perspektywie korzyści z prowadzenia nowoczesnej strony internetowej przeważą nad krótkoterminowymi wyzwaniami. Aby pomóc Ci w podjęciu decyzji o systemie zarządzania treścią, zalecamy zwrócenie uwagi na trzy najpopularniejsze:

• WordPressa ;
• Joomla! ;
• Drupala.

Dodatkowe zasoby

Jeśli chcesz dowiedzieć się więcej o ramkach HTML, najlepszym źródłem informacji jest konsorcjum World Wide Web ( W3C). Oto niektóre strony z informacjami o ramkach:

• Dokumentacja HTML4 dotycząca ramek;
• Przestarzałe funkcje HTML5

powiązane przedmioty