K zobrazení informací z více zdrojů na jedné stránce se často používá mechanismus rozdělení stránky HTML. Níže je uveden popis jazykových konstrukcí pro vkládání rámců.
Nezbytné
Základní znalost HTML
Instrukce
Krok 1
HyperText Markup Language (HTML) poskytuje dva typy rámců. Plovoucí je pružnější a snáze se vkládá na stávající stránku. Konstrukce popisující okenní rám pomocí plovoucího rámce obecně vypadá takto: Zde je jako zdroj dat pro tento rámec zadána hlavní stránka existujícího webu (atribut src). Otevře se v rámečku o rozměrech 400 x 300 pixelů, jak je uvedeno v atributech width a height. V atributu src můžete také zadat stránku svého webu. V tomto případě stačí zadat relativní adresu (tj. Adresu relativní ke stránce, na kterou je rámeček vložen): V tomto příkladu není uvedena šířka a výška rámečku, ale existuje id identifikátor atributu. Pomocí něj můžete pomocí CSS () nastavit požadované rozměry tohoto rámečku:
#frameOne {šířka: 700px; výška: 200px;}
Krok 2
Jiný typ rámců - „klasický“- vyžaduje samostatnou stránku, která bude obsahovat popis struktury rámu. Samotné rámce budou na samostatných stránkách, možná i na samostatných webech. HTML kód pro takovou stránku kontejneru rámců může vypadat takto:
U běžných stránek by neměly být vyžadovány žádné bloky… a… V tomto příkladu obsahuje značka otevírání kontejneru atribut řádky, což znamená, že prostor stránky by měl být rozdělen vertikálně a horní část bude věnována prvnímu rámci. Pokud nahradíte řádky sloupci, rozdělení bude vodorovné. Hodnota tohoto atributu „*, *“označuje, že proporce rozdělení jsou stejné - každý po 50%. Pokud zadáte například „20%, *“, bude prvnímu rámečku dáno pouze 20% a druhému zbytku prostoru. Uživatel může tyto proporce změnit přetažením okrajů rámečků myší, ale je možné tuto akci deaktivovat. Chcete-li to provést, přidejte atribut noresize do značky konkrétního rámečku. Můžete také určit velikost svislých a vodorovných odsazení od sousedního rámečku (atributy marginwidth a marginheight): Je možné nastavit pravidla chování pro posuvníky každého rámečku zvlášť. K tomu slouží posuvný atribut, který může obsahovat jednu ze tří předdefinovaných hodnot. Pokud je zadáno, posuvníky se zobrazí, když se obsah rámečku nevejde do jeho okrajů. Pokud „ano“- pruhy budou přítomny po celou dobu, bez ohledu na jejich potřebu. Pokud „ne“- bude to znamenat zakázání posuvníků pro tento snímek.
Krok 3
Na základě informací poskytnutých v předchozích dvou krocích musíte navrhnout html kód, který je vhodnější pro řešení vašeho problému. Poté zbývá jen vložit jej do zdrojového kódu stránky. K tomu můžete použít editor stránek v systému správy vašeho webu - otevřete v něm požadovanou stránku, přepněte do režimu úprav html kódu a vložte svůj kód na požadované místo na stránce. Alternativně si můžete stáhnout soubor zdrojového kódu stránky pomocí správce souborů správy hostingu nebo systému pro správu obsahu, otevřít jej v textovém editoru a vložit do něj kód. A poté stejným způsobem nahrajte změněný kód zpět na server.
