Jaký je rozdíl mezi sadou rámců a značkami rámců? Základní koncept rámů. Příklad: Frame Border Control
Slovo "rám" znamená rám, rám. Pomocí rámců je prostor okna prohlížeče rozdělen na nezávislé sekce, ve kterých můžete zobrazovat různé informace. Rámečky je vhodné použít, když potřebujete na obrazovce zobrazit data z různých zdrojů.
Poznámka 1
Rámce rozdělují zobrazovací okno prohlížeče na řadu pravoúhlých dílčích oblastí, které jsou umístěny vedle sebe. Jednotlivé HTML dokumenty lze načíst do těchto podoblastí a prohlížet je nezávisle na sobě. Mezi snímky, pokud je to nutné, můžete uspořádat interakci na základě výběru odkazu v jednom z rámců, což povede k načtení požadovaný dokument do jiného rámce nebo okna prohlížeče.
Oblasti použití rámů
Vývojáři HTML dokumentů mají k dispozici široký výběr formulářů pro prezentaci informací na stránkách. Text a grafické informace lze uspořádat a uspořádat pomocí seznamů, tabulek, možností zarovnání, přiřazení vodorovné čáry, dělení na odstavce. Tyto možnosti však v takových případech vždy nestačí, je nutné rozdělit okno prohlížeče na samostatné oblasti (rámce).
Volba struktury rámce pro prezentaci informací na WWW je odůvodněna:
- při organizování kontroly nad načítáním dokumentu do jedné z dílčích oblastí okna prohlížeče, kdy souběžná práce v jiné podoblasti;
- při umístění na určitém místě v prohlížecím okně informace, které budou na obrazovce vždy bez ohledu na obsah ostatních dílčích oblastí obrazovky;
- při zobrazování informací vhodně umístěných v několika dílčích oblastech okna, z nichž každou lze prohlížet nezávisle na ostatních.
Obrázek níže ukazuje strukturu rámce okna prohlížeče HTML stránky.
Tato struktura je nejtypičtější v případech, kdy některé rámce slouží jako obsah dokumentů, zatímco jiné slouží k načítání jejich obsahu. Dříve se taková úloha řešila tímto způsobem bez použití rámců. Na jedné ze stránek byl obsah, který se skládal z odkazů na jiné dokumenty nebo určité fragmenty. Když jste na takový odkaz klikli, obsah zmizel a na jeho místo se načetl dokument, po jehož přečtení jste se museli znovu vrátit k obsahu. Když se začaly používat rámce, tento návrat již nebyl účinný, protože obsah začal být trvale umístěn na části obrazovky.
Rámečky jsou ve své podstatě podobné tabulkám, protože oba je používají k rozdělení okna prohlížeče na obdélníkové oblasti s informacemi, které se v nich nacházejí. Rámečky však umožňují nejen formátovat stránky dokumentu, ale také mezi nimi organizovat interakci. Rámce a tabulky se zásadně liší tím, že každý rámec odpovídá samostatnému HTML dokumentu a obsah všech buněk tabulky je součástí jednoho dokumentu. Kromě toho se stránka zobrazená v rámci může posouvat při prohlížení nezávisle na ostatních. Každý snímek je jakýmsi samostatným miniprohlížečem. Tabulky, na rozdíl od rámečků, které jsou na obrazovce vždy plně prezentovány, se často do okna zcela nevejdou a jsou prohlíženy pouze po částech. Proto lze poznamenat, že v tabulkách HTML není celkový počet buněk omezen a někdy dosahuje několika stovek, počet snímků v dokumentu je obvykle několik jednotek.
Vytváření rámců
Tagy se používají k vytváření rámců.
Deskriptor tvoří sady rámců, které rozdělují okenní prostory na řádky a sloupce. Poté se nastaví výška a šířka všech řádků a sloupců jako procento aktuálních rozměrů okna prohlížeče, v pixelech nebo jako hvězdička. Symbol hvězdičky označuje, že velikosti rámců závisí na rozměrech ostatních rámců na stránce.
Deskriptor definuje strukturu a obsah konkrétního rámce.
Níže je uveden příklad kódu stránky.
Ukázka práce s rámečky
Výhody a nevýhody rámů
Mezi výhody rámů patří:
- mohou současně zobrazovat různé informace v jednom okně;
- jejich používáním je možné trvale zobrazovat některé informace (loga), aniž by bylo nutné je uvádět na každé stránce webu;
- pomáhají vytvářet flexibilní navigaci na webu.
Mezi nevýhody rámů patří:
- jejich hlavní výhodou (zobrazení informací v jednom okně), protože přístupná oblast webové stránky se v tomto ohledu výrazně zmenší;
- vybrat správnou velikost rámečku při jeho vytváření je často obtížné, protože uživatel musí rám neustále procházet pomocí posuvníků;
- na monitorech s nízké rozlišení hlasitost obrazovky viditelné informace mnohem méně;
- Mnoho vyhledávačů a adresářů odmítá zaregistrovat stránky, které používají rámce.
Poznámka 2
Další nevýhodou je, že některé prohlížeče neumí zpracovat rámce. V tomto případě se uživatel jednoduše objeví prázdná obrazovka. Aby uživatel v této situaci pomohl, je navržen štítek, který umožňuje zobrazení textu umístěného mezi úvodním a uzavíracím štítkem, když rámeček nelze zobrazit.
Posuvníky rámečku
Ve výchozím nastavení prohlížeč zobrazí posuvníky pouze v případě, že se informace nevejdou do rozměrů rámečku. Chcete-li to provést, je atribut SCROLLING nastaven na jednu z hodnot yes (no), což prohlížeči umožňuje vždy skrýt posuvníky nebo je vždy zobrazit. Skrytí posuvníků umožňuje zvětšit velikost viditelná oblast rám. Zároveň, pokud se data do okna nevejdou, stanou se uživateli nepřístupná.
Změna hranic rámečku
Změnu hranic rámce lze zakázat, to se provádí pomocí atributu NORESIZE. Tento atribut vhodné pro použití, když chcete uživateli zabránit ve změně původního rozvržení stránky. Ve výchozím nastavení má uživatel možnost posouvat okraje rámečku podle svého uvážení, může nastavit nové rozměry objektu, aby se zlepšilo zobrazení určitého kusu dat. V případech, kdy rámy nemají viditelné hranice, to bude znamenat automatický zákaz ke změně jejich velikosti. Pomocí atributu BORDER tagu můžete změnit tloušťku okrajových čar rámečku. Ve výchozím nastavení je rámec rámován prohlížečem šedá a tloušťce 6 pixelů. Atribut BORDERCOLOR umožňuje změnit barvu ohraničení. Atribut FRAMEBORDER umožňuje skrýt okraje rámečku.
Ve výchozím nastavení prohlížeč zobrazuje rámce s okrajem 10 pixelů mezi textem a okrajem rámečku.
Atribut MARGINWIDTH určuje šířku levého a pravého okraje.
A atribut MARGINHEIGHT určuje výšku horního a dolního okraje.
Při nastavování velikostí polí musíte použít oba atributy, protože prohlížeč může automaticky zmenšit velikost nespecifikovaných polí na minimální hodnota.
Plovoucí rámy
Nečinné rámce jsou součástí webové stránky a nevyžadují samostatnou stránku, která je popisuje. K vytvoření takových rámců se používá značka. Atribut NAME této značky je zadán název plovoucího rámce, který lze později použít při definování hypertextového odkazu, který otevře odpovídající stránku v tomto rámci. Atributy WIDTH a HEIGHT určují rozměry plovoucího rámu, protože uživatel je nemůže sám měnit.
Plovoucí rámce aktuálně podporuje pouze Microsoft IE.
Níže je uveden příklad kódu stránky:
Příklad 1
Ukázka práce s rámečky
width="350" height="300" align="left">
Ukázka práce s rámečky
Ukázka práce s rámečky
Začněme strukturou rámu. Jaká je její podstata? V dokumentu, který načteme do prohlížeče, máme možnost uspořádat speciální oblasti typu okna. Do těchto oblastí lze načíst další jednotlivé dokumenty (webové stránky).
Proč je to nutné? Protože se dokumenty načítají do vlastních samostatných oblastí, chovají se nezávisle. To znamená, že můžete něco udělat v jednom dokumentu, zatímco ostatní dokumenty zůstanou nezměněny.
Kde takové rámové konstrukce najdete? Toto jsou soubory nápovědy (s příponou .chm).
Zde je jednoduchý příklad dokumentu s rámečky:
Příklady rámů
Živel sada rámů. Jeho úkolem je pokrýt pozorovací plochu a rozdělit ji na samostatné oblasti. Tito. instruovat prohlížeč, v jakém poměru a jak (horizontálně nebo vertikálně) tyto oblasti rozdělujeme.
Živel rám– popisuje každou takovou jednotlivou oblast. Jediný štítek. Zaujímá rozměry uvedené v sadě rámců.
Živel noframes- zobrazí se, pokud prohlížeč nepodporuje rámy.
Všimněte si, že zde není žádný prvek těla. Místo toho je použit prvek frameset. To je jeden z důvodů, proč se rámce na webech již nepoužívají.
Atributy prvků sady rámců
- cols - vertikální rozdělení stránky do oblastí zobrazení.
- řádky - horizontální rozdělení stránky do oblastí zobrazení.
