Hypertextové odkazy na stránce s rámečky
Při praktickém použití stránky s rámečky je nejčastěji v jednom
rámečku v jednom rámečku zobrazena stránka s odkazy a obsah zvolených stránek
se zobrazuje ve druhém rámečku.
Nejprve vytvořte stránku s odkazy:
-
Spusťte program NVu a novou stránku uložte pod názvem obsah.html.
-
Do stránky vložte řádky s texty „Obsah“, „Gorila“,
„Formatovani1“, „Formatovani2“ a „Formatovani3“. Aby byl kód stránky
jednoduchý, ponechte výchozí písmo.
-
Z textu „Gorila“ vytvořte odkaz na obrázek gorila_velka.jpg v adresáři obrazky. Odkaz vytvořte tak, aby se
obrázek zobrazoval v novém okně.
-
Stránku uložte a zkontrolujte v prohlížeči.
Pomocí editoru Golden Editor upravíte stránku ramecky.html:
-
Ve značce <frameset> přepište hodnotu parametru cols na text „"200,*"“. Tím zajistíte, že bude šířka levého rámečku
přesně 200 bodů, šířka druhého rámečku se přizpůsobí.
-
V prvé značce <frame> přepište parametr src na stránku obsah.html.
-
Do obou značek <frame> připište další parametr name, do kterého pomocí rovnítka přiřadíte text s názvem rámečku. Oba
parametry oddělte mezerou. Jméno prvního rámečku bude „odkazy“, jméno druhého
rámečku „obsah“ (jako všechna jména, i názvy rámečků pište malými písmeny bez
diakritiky).
Stránku ramecky.html uložte, zobrazte v prohlížeči a
vyzkoušejte odkaz na obrázek.
Dalším krokem bude vytvořit odkaz na stránku formatovani.html.
Přejděte do okna editoru NVu a z textu „Formatovani1“
vytvořte běžný odkaz na tuto stránku. Stránku uložte, přejděte do okna
prohlížeče, proveďte znovunačtení stránky ramecky.html (klávesou F5) a
odkaz vyzkoušejte: stránka formatovani.html se zobrazí do levého rámečku
místo stránky s odkazy.
Z textu „Formatovani2“ vytvořte odkaz, který bude zobrazovat
stránku formatovani.html do druhého rámečku:
-
Označte text a použijte příkaz Vložit – Odkaz nebo
klepněte na tlačítko Odkaz.
-
Klepněte na tlačítko Vybrat soubor a zvolte
stránku.
-
Pomocí tlačítka Podrobnosti zobrazte další část
dialogového okna.
-
Označte volbu Odkaz je otevřený.
-
V seznamu pod tímto odkazem nastavte volbu tento
rám:.
-
Do položky…