V zobrazení Návrh vyberte
text na stránce nebo klikněte tam, kde chcete přidat dynamický text.
Naposledy aktualizováno
25. 4. 2024
Poznámka
Uživatelské rozhraní v aplikaci Dreamweaver a jejích novějších verzích bylo zjednodušeno. Výsledkem je skutečnost, že některé možnosti uvedené v tomto článku nemusí být v aplikaci Dreamweaver a jejích novějších verzích k dispozici. Další informace najdete v tomto článku.
O přidávání dynamického obsahu
Poté co definujete jeden nebo více zdrojů dynamického obsahu, můžete tyto zdroje použít k přidání dynamického obsahu na stránku.Zdroje obsahu mohou zahrnovat sloupec v sadě záznamů, hodnotu odeslanou HTML formulářem, hodnotu obsaženou v objektu serveru nebo jiná data.
V aplikaci Dreamweaver můžete umístit dynamický obsah téměř kamkoli na webovou stránku nebo do jejího HTML zdrojového kódu. Můžete umístit dynamický obsah na místo vložení, nahradit textový řetězec nebo jej vložit jako HTML atribut.Například dynamický obsah může definovat atribut src obrázku nebo atribut value políčka formuláře.
Na stránku můžete přidat dynamický obsah výběrem zdroje obsahu v panelu Vazby. Dreamweaver vloží do kódu stránky skript na straně serveru, který instruuje server, aby přenesl data ze zdroje obsahu do HTML kódu stránky, když je stránka vyžádána prohlížečem.
Často existuje více než jeden způsob, jak učinit daný prvek stránky dynamickým. Například k tomu, aby byl obrázek dynamický, můžete použít panel Vazby, Inspektor vlastností nebo příkaz Obrázek v nabídce Vložit.
Standardně může stránka HTML zobrazit najednou pouze jeden záznam. Pro zobrazení ostatních záznamů v sadě záznamů můžete přidat odkaz k procházení záznamů po jednom, nebo můžete vytvořit opakující se oblast pro zobrazení více než jednoho záznamu na jedné stránce.
O dynamickém textu
Dynamický text přijme jakékoli formátování textu aplikované na existující text nebo na místo vložení. Například pokud kaskádový styl (CSS) ovlivňuje vybraný text, dynamický obsah, který jej nahrazuje, je také tímto stylem ovlivněn.Formát textu dynamického obsahu můžete přidat nebo změnit použitím kteréhokoli z nástrojů pro formátování textu aplikace Dreamweaver.
Také můžete na dynamický text aplikovat formát dat. Například pokud vaše data sestávají z dat, můžete specifikovat určitý formát data např. 04/17/00 pro návštěvníky z USA nebo 17/04/00 pro kanadské navštěvníky.
Změna textu na dynamický
Můžete nahradit existující text dynamickým textem, nebo můžete umístit dynamický text na dané místo vložení na stránce.
Přidání dynamického textu
V panelu Vazby (Okno > Vazby)
vyberte ze seznamu zdroj obsahu. Pokud vyberete sadu záznamů, určete sloupec, který chcete v sadě záznamů.
Zdroj obsahu by měl obsahovat prostý text (text ASCII). Prostý text zahrnuje i HTML. Pokud se v seznamu nezobrazí žádné zdroje obsahu, nebo pokud dostupné zdroje obsahu nevyhovují vašim potřebám, klikněte na tlačítko Plus (+) a definujte nový zdroj obsahu.
(Volitelně) Vyberte formát dat pro text.
Klikněte na tlačítko Vložit nebo přetáhněte zdroj obsahu na stránku.
Zobrazí se vyhrazené místo dynamického obsahu. (Pokud jste vybrali text na stránce, zástupný symbol nahradí výběr textu.) Zástupný symbol pro obsah sady záznamů používá syntaxi {RecordsetName.ColumnName}, kde Recordset je název sady záznamů a ColumnName je název sloupce, který jste vybrali ze sady záznamů.
Někdy délka zástupných symbolů pro dynamický text deformuje rozložení stránky v okně Dokument.Problém můžete vyřešit použitím prázdných složených závorek jako zástupných symbolů, jak je popsáno v dalším tématu.
Zobrazení zástupných symbolů pro dynamický text
Vyberte Upravit > Předvolby > Neviditelné prvky (Windows) nebo Dreamweaver > Předvolby > Neviditelné prvky (Macintosh).
V rozbalovací nabídce Zobrazit dynamický text jako vyberte { }
a klikněte na tlačítko OK.
Změna obrazů na dynamické
Obrazy na stránce můžete změnit na dynamické. Představte si například, že navrhujete stránku pro zobrazení položek určených k prodeji v rámci dobročinné aukce. Každá stránka by obsahovala popisný text a fotografii jedné položky. Obecné rozvržení stránky by zůstalo pro každou položku stejné, ale fotografie (a popisný text) by se mohly měnit.
Když máte stránku otevřenou v zobrazení Návrh (Zobrazit >
Návrh), umístěte kurzor na místo, kde chcete, aby se obrázek na
stránce zobrazil.
Vyberte volbu Vložit > Obraz.
Zobrazí se dialogové okno Vybrat zdroj obrazu.
Klikněte na možnost Zdroje dat (Windows) nebo na tlačítko Zdroj dat
(Macintosh).
Zobrazí se seznam zdrojů obsahu.
Ze seznamu vyberte zdroj obsahu a klikněte na tlačítko OK.
Zdrojem obsahu by měla být sada záznamů, která obsahuje cesty k souborům obrázků.V závislosti na struktuře souborů vašeho webu mohou být cesty absolutní, relativní vůči dokumentu nebo relativní vůči kořenu.
Poznámka
Dreamweaver aktuálně nepodporuje binární obrázky uložené v databázi.
Pokud se v seznamu nezobrazují žádné sady záznamů nebo pokud dostupné sady záznamů nevyhovují vašim potřebám, definujte novou sadu záznamů.
Změna atributů HTML na dynamické
Vzhled stránky můžete dynamicky měnit vázáním HTML atributů na data. Můžete například změnit obraz pozadí tabulky navázáním atributu background tabulky na pole v sadě záznamů.
HTML atributy můžete vázat pomocí panelu Vazby nebo pomocí Inspektoru vlastností.
Změna HTML atributů na dynamické pomocí panelu Vazby
Panel Vazby otevřete
výběrem možnosti Okno > Vazby.
Ujistěte se, že panel Vazby zobrazuje zdroj dat,
který chcete použít.
Zdroj obsahu by měl obsahovat data, která jsou vhodná pro HTML atribut, který chcete navázat.Pokud se v seznamu nezobrazují žádné zdroje obsahu nebo pokud dostupné zdroje obsahu nevyhovují vašim potřebám, klikněte na tlačítko Plus (+) a definujte nový zdroj dat.
V zobrazení Návrh vyberte objekt HTML.
Chcete-li například vybrat HTML tabulku, klikněte do tabulky a klikněte na značku <table> ve voliči značek v levém dolním rohu okna Dokumentu.
V panelu Vazby vyberte ze svého
seznamu zdroj obsahu.
V poli Svázat s vyberte HTML atribut z
rozbalovací nabídky.
Klikněte na tlačítko Svázat.
Při příštím spuštění stránky na aplikačním serveru bude hodnota zdroje dat přiřazena k HTML atributu.
Změna HTML atributů na dynamické pomocí Inspektoru vlastností
V zobrazení Návrh vyberte HTML objekt a otevřete inspektor vlastností (Okno > Vlastnosti).
Například pro výběr tabulky HTML klikněte do tabulky a klikněte na značku <table> ve voliči značek v levém dolním rohu okna Dokument.
Způsob svázání zdroje dynamického obsahu s atributem HTML
závisí na jeho umístění.
Pokud má atribut, který chcete svázat, ikonu složky vedle sebe v Inspektoru vlastností, klikněte na ikonu složky a otevřete dialogové okno výběru souborů; poté klikněte na možnost Zdroje dat a zobrazí se seznam zdrojů dat.
Pokud atribut, který chcete svázat, nemá ikonu složky vedle sebe, klikněte na kartu Seznam (spodní ze dvou karet) na levé straně inspektoru.
Zobrazí se seznamové zobrazení Inspektoru vlastností.
Pokud atribut, který chcete svázat, není uveden v zobrazení Seznam, klikněte na tlačítko Plus (+); poté zadejte název atributu nebo klikněte na tlačítko malé šipky a vyberte atribut z vyskakovací nabídky.
Chcete-li hodnotu atributu učinit dynamickou, klikněte na atribut;
poté klikněte na ikonu blesku nebo ikonu složky na konci
řádku atributu.
Pokud jste klikli na ikonu blesku, zobrazí se seznam zdrojů dat.
Pokud jste klikli na ikonu složky, zobrazí se dialogové okno výběru souborů. Vyberte volbu Zdroje dat, abyste zobrazili seznam zdrojů obsahu.
Vyberte zdroj obsahu ze seznamu zdrojů obsahu
a klikněte na OK.
Zdroj obsahu by měl obsahovat data, která jsou vhodná pro atribut HTML, který chcete svázat. Pokud se v seznamu nezobrazují žádné zdroje obsahu nebo pokud dostupné zdroje obsahu nevyhovují vašim potřebám, definujte nový zdroj obsahu.
Při příštím spuštění stránky na aplikačním serveru bude hodnota zdroje dat přiřazena atributu HTML.
Změna parametrů objektů ActiveX, Flash a dalších na dynamické
Můžete změnit parametry Java appletů a zásuvných modulů na dynamické, stejně jako parametry objektů ActiveX, Flash, Shockwave, Director a Generator.
Než začnete, ujistěte se, že pole ve vaší sadě záznamů obsahují data vhodná pro parametry objektu, které chcete propojit.
V zobrazení Návrh vyberte objekt na stránce a
otevřete Inspektor vlastností (Okno > Vlastnosti).
Klikněte na tlačítko Parametry.
Pokud se váš parametr nezobrazuje v seznamu, klikněte
na tlačítko Plus (+) a zadejte název parametru do sloupce Parametr.
Klikněte na sloupec Hodnota parametru a poté klikněte na
ikonu blesku a zadejte dynamickou hodnotu.
Zobrazí se seznam zdrojů dat.
Ze seznamu vyberte zdroj dat a klikněte na tlačítko OK.
Zdroj dat by měl obsahovat data, která jsou vhodná pro parametr objektu, který chcete navázat.Pokud se v seznamu nezobrazují žádné zdroje dat nebo pokud dostupné zdroje dat nevyhovují vašim potřebám, definujte nový zdroj dat.
Další podobné
Tvorba nádherných webů v aplikaci Dreamweaver
Vytvářejte, kódujte a spravujte dynamické weby pomocí výkonného všestranného nástroje.
