Aby wyświetlić informacje z wielu źródeł na jednej stronie, często używany jest mechanizm dzielenia stron HTML. Poniżej znajduje się opis konstrukcji językowych służących do wstawiania ramek.
Niezbędny
Podstawowa znajomość HTML
Instrukcje
Krok 1
HyperText Markup Language (HTML) udostępnia dwa typy ramek. Pływanie jest bardziej elastyczne i łatwiejsze do wstawienia do istniejącej strony. Ogólnie rzecz biorąc, konstrukcja opisująca ramkę okna za pomocą ramki pływającej wygląda tak: Tutaj jako źródło danych dla tej ramki określana jest strona główna istniejącej witryny (atrybut src). Zostanie ona otwarta w ramce o wymiarach 400 x 300 pikseli, zgodnie z atrybutami szerokości i wysokości. Możesz również określić stronę swojej witryny w atrybucie src. W takim przypadku wystarczy podać adres względny (czyli adres względem strony, w którą wstawiona jest ramka): W tym przykładzie szerokość i wysokość ramki nie są określone, ale jest identyfikator identyfikator-atrybutu. Używając go, możesz użyć CSS (), aby ustawić wymagane wymiary dla tej ramki:
#frameOne {szerokość: 700px; wysokość: 200px;}
Krok 2
Inny rodzaj ramek - "klasyczne" - wymaga osobnej strony, która będzie zawierała opis budowy ramki. Same ramki będą znajdować się na osobnych stronach, może nawet w osobnych witrynach. Kod HTML takiej strony kontenera ramek może wyglądać tak:
Nie powinno być żadnych bloków… i… wymaganych dla zwykłych stron. W tym przykładzie tag otwierający kontener zawiera atrybut rows, co oznacza, że przestrzeń strony powinna zostać podzielona w pionie, a góra zostanie przyznana pierwszej ramce. Jeśli zastąpisz wiersze kolumnami, podział będzie poziomy. Wartość tego atrybutu „*, *” wskazuje, że podzielone proporcje są równe - po 50%. Jeśli określisz np. "20%, *", to tylko 20% zostanie przydzielone pierwszej klatce, a reszta miejsca drugiej. Użytkownik może zmienić te proporcje przeciągając granice klatek za pomocą myszką, ale można wyłączyć tę akcję. Aby to zrobić, dodaj atrybut noresize do tagu określonej ramki. Możesz także określić rozmiar wcięć w pionie i poziomie z sąsiedniej ramki (atrybuty marginwidth i marginheight): Możliwe jest ustawienie zasad zachowania pasków przewijania każdej ramki osobno. W tym celu używany jest atrybut przewijania, który może zawierać jedną z trzech predefiniowanych wartości. Jeśli określono, paski przewijania pojawią się, gdy zawartość ramki nie mieści się w jej granicach. Jeśli „tak” – paski będą obecne przez cały czas, niezależnie od potrzeby. Jeśli "nie" - będzie to oznaczać wyłączenie pasków przewijania dla tej ramki.
Krok 3
W oparciu o informacje podane w poprzednich dwóch krokach musisz zaprojektować kod HTML, który będzie bardziej odpowiedni do rozwiązania Twojego problemu. Po tym pozostaje tylko wstawić go do kodu źródłowego strony. W tym celu możesz skorzystać z edytora stron systemu zarządzania Twoją witryną - otwórz w nim żądaną stronę, przełącz się w tryb edycji kodu html i wklej swój kod w wybranym miejscu na stronie. Alternatywnie możesz pobrać plik kodu źródłowego strony przez menedżera plików zarządzania hostingiem lub system zarządzania treścią, otworzyć go w edytorze tekstu i wkleić do niego kod. A następnie w ten sam sposób prześlij zmieniony kod z powrotem na serwer.
