Na zobrazenie informácií z viacerých zdrojov na jednej stránke sa často používa mechanizmus rozdelenia stránok HTML. Nižšie je uvedený popis jazykových konštruktov pre vkladanie rámcov.
Nevyhnutné
Základné znalosti HTML
Inštrukcie
Krok 1
HyperText Markup Language (HTML) poskytuje dva typy rámcov. Plávajúce reklamy sú flexibilnejšie a ľahšie sa vkladajú na existujúcu stránku. Všeobecne konštrukcia popisujúca okenný rám používajúci plávajúci rám vyzerá takto: Tu je ako zdroj údajov pre tento rámec zadaná hlavná stránka existujúceho webu (atribút src). Otvorí sa v ráme s rozmermi 400 x 300 pixelov, ako je uvedené v atribútoch šírka a výška. Stránku svojho webu môžete určiť aj v atribúte src. V takom prípade stačí zadať relatívnu adresu (to znamená adresu relatívnu k stránke, na ktorú je vložený rámec): V tejto ukážke nie je uvedená šírka a výška rámca, ale existuje id identifikátor atribútu. Pomocou neho môžete pomocou CSS () nastaviť požadované rozmery tohto rámu:
#frameOne {šírka: 700px; výška: 200px;}
Krok 2
Iný typ rámov - „klasický“- vyžaduje samostatnú stránku, ktorá bude obsahovať popis štruktúry rámu. Samotné rámce budú na samostatných stránkach, možno dokonca na samostatných weboch. HTML kód pre takúto stránku rámcového kontajnera môže vyzerať takto:
Pre bežné stránky by nemali byť potrebné žiadne bloky … a … V tomto príklade obsahuje značka na otvorenie kontajnera atribút lines, čo znamená, že priestor stránky by mal byť rozdelený vertikálne a horná časť bude poskytnutá prvému rámcu. Ak riadky nahradíte stĺpikmi, rozdelenie bude vodorovné. Hodnota tohto atribútu „*, *“označuje, že proporcie rozdelenia sú rovnaké - každý po 50%. Ak zadáte napríklad „20%, *“, potom sa prvému rámcu pridelí iba 20% a druhému priestoru zvyšok. Používateľ môže tieto proporcie zmeniť pretiahnutím okrajov rámcov pomocou myšou, ale je možné túto akciu zakázať. Za týmto účelom pridajte do značky konkrétneho rámca atribút noresize. Môžete tiež určiť veľkosť zvislého a vodorovného odsadenia od susedného rámca (atribúty marginwidth a marginheight): Je možné nastaviť pravidlá správania sa pre posuvné pruhy každého rámca osobitne. K tomu slúži posúvací atribút, ktorý môže obsahovať jednu z troch preddefinovaných hodnôt. Ak je zadané, posuvníky sa zobrazia, keď sa obsah rámu nezmestí na svoje okraje. Ak „áno“- pruhy budú prítomné neustále, bez ohľadu na ich potrebu. Ak „nie“- bude to znamenať zakázanie posuvných pruhov pre tento rámec.
Krok 3
Na základe informácií poskytnutých v predchádzajúcich dvoch krokoch musíte navrhnúť html kód, ktorý je vhodnejší na riešenie vášho problému. Potom už len zostáva vložiť ho do zdrojového kódu stránky. Ak to chcete urobiť, môžete použiť editor stránok v systéme správy vášho webu - otvorte v ňom požadovanú stránku, prepnite do režimu úprav html kódu a vložte svoj kód na požadované miesto na stránke. Prípadne si môžete stiahnuť súbor so zdrojovým kódom stránky pomocou správcu súborov správy hostenia alebo systému správy obsahu, otvoriť ho v textovom editore a vložiť do neho kód. A potom rovnakým spôsobom nahrajte zmenený kód späť na server.
