- Příručka uživatele aplikace Dreamweaver
- Úvod
- Dreamweaver a Creative Cloud
- Pracovní plochy a zobrazení aplikace Dreamweaver
- Nastavení webů
- O webech aplikace Dreamweaver
- Nastavení lokální verze webu
- Připojení k publikačnímu serveru
- Nastavení testovacího serveru
- Import a export nastavení webu aplikace Dreamweaver
- Přenos stávajících webových stránek ze vzdáleného serveru do kořenové složky lokálního webového místa
- Funkce usnadnění přístupu v aplikaci Dreamweaver
- Rozšířená nastavení
- Nastavení předvoleb webového místa pro přenos souborů
- Úprava nastavení serveru proxy v aplikaci Dreamweaver
- Synchronizace nastavení aplikace Dreamweaver ve službě Creative Cloud
- Používání systému Git v aplikaci Dreamweaver
- Správa souborů
- Vytváření a otevírání souborů
- Správa souborů a složek
- Získání souborů ze serveru a odeslání souborů na server
- Zpřístupnění/vyhrazení souborů
- Synchronizace souborů
- Porovnání souborů a nalezení rozdílů
- Maskování souborů a složek ve webu aplikace Dreamweaver
- Povolení poznámek k návrhu pro weby Dreamweaver
- Předcházení potenciálnímu zneužití modulu Gatekeeper
- Rozvržení a návrh
- Používání vizuálních pomůcek pro rozvržení
- O používání souborů CCS k rozvržení stránky
- Navrhování responzivních webů pomocí nástroje Bootstrap
- Vytvoření a používání multimediálních dotazů v aplikaci Dreamweaver
- Zobrazení obsahu pomocí tabulek
- Barvy
- Responzivní návrh s využitím rozvržení s plovoucí mřížkou
- Funkce Extrakt v aplikaci Dreamweaver
- CSS
- Vysvětlení kaskádových seznamů stylů
- Rozvržení stránek pomocí panelu CSS Designer
- Použití preprocesorů CSS v aplikaci Dreamweaver
- Postup nastavení předvoleb stylu CSS v aplikaci Dreamweaver
- Přesunutí pravidel CSS v aplikaci Dreamweaver
- Převedení inline CSS na pravidlo CSS v aplikaci Dreamweaver
- Práce s tagy div
- Použití přechodů na pozadí
- Vytváření a úprava efektů přechodů v aplikaci Dreamweaver
- Formátování kódu
- Obsah stránky a datové zdroje
- Nastavení vlastností stránky
- Nastavení vlastností nadpisů CSS a vlastností odkazu CSS
- Práce s textem
- Vyhledání a nahrazení textu, tagů a atributů
- Panel DOM
- Úpravy v živém zobrazení
- Kódování dokumentů v aplikaci Dreamweaver
- Výběr a zobrazení elementů v okně dokumentu
- Nastavení vlastností textu v Inspektoru vlastností
- Kontrola pravopisu webové stránky
- Pomocí vodorovných linek v aplikaci Dreamweaver
- Přidání a úprava kombinací písma v aplikaci Dreamweaver
- Práce s datovými zdroji
- Vložení a aktualizace dat v aplikaci Dreamweaver
- Vytvoření a správa oblíbených datových zdrojů v aplikaci Dreamweaver
- Vložení a úprava obrázků v aplikaci Dreamweaver
- Přidání multimediálních objektů
- Přidání videa v aplikaci Dreamweaver
- Vložení videa HTML 5
- Vložit soubory SWF
- Přidání zvukových efektů
- Vložte zvuk HTML5 v aplikaci Dreamweaver
- Práce s položkami knihoven
- Používání arabského a hebrejského textu v aplikaci Dreamweaver
- Odkazy a navigace
- Ovládací prvky a efekty jQuery
- Kódování webových stránek
- Informace o psaní kódu v aplikaci Dreamweaver
- Prostředí pro psaní kódu v aplikaci Dreamweaver
- Nastavení předvoleb kódování
- Přizpůsobení barevného zvýraznění kódu
- Psaní a úprava kódu
- Našeptávání kódu a dokončování kódu
- Sbalení a rozbalení kódu
- Opakované použití kódu v podobě výstřižků
- Linting kódu
- Optimalizace kódu
- Úprava kódu v zobrazení Návrh
- Práce s obsahem hlavičky stránek
- Vložení zahrnutí na straně serveru v aplikaci Dreamweaver
- Používání knihoven tagů v aplikaci Dreamweaver
- Import vlastních tagů do aplikace Dreamweaver
- Práce s funkcemi JavaScriptu (obecné pokyny)
- Použití vestavěných chování jazyka JavaScript
- O XML a XSLT
- Provádění transformace XSL na straně serveru v aplikaci Dreamweaver
- Provádění transformace XSL na straně klienta v aplikaci Dreamweaver
- Přidání entit znaku pro XSLT v aplikaci Dreamweaver
- Formátování kódu
- Pracovní postupy pro různé produkty
- Instalace a používání rozšíření v aplikaci Dreamweaver
- Aktualizace v rámci aplikace v aplikaci Dreamweaver
- Vkládání dokumentů sady Microsoft Office v aplikaci Dreamweaver (jen ve Windows)
- Práce s aplikacemi Fireworks a Dreamweaver
- Úprava obsahu na webech Dreamweaver za pomoci aplikace Contribute
- Integrace mezi aplikacemi Dreamweaver a Business Catalyst
- Vytváření e-mailových kampaní na míru
- Šablony
- O předlohách aplikace Dreamweaver
- Rozpoznání předloh a dokumentů založených na předloze
- Vytvoření předlohy aplikace Dreamweaver
- Vytváření upravitelných oblastí v šablonách
- Vytváření opakovaných oblastí a tabulek v aplikaci Dreamweaver
- Použijte volitelné oblasti v předlohách
- Definování upravitelných atributů tagu v aplikaci Dreamweaver
- Postup vytvoření vnořených šablon v aplikaci Dreamweaver
- Úprava, aktualizace nebo odstranění předloh
- Export a import obsahu XML v aplikaci Dreamweaver
- Aplikace nebo odstranění předlohy z existujícího dokumentu.
- Úprava obsahu v předlohách Dreamweaver
- Pravidla syntaxe pro tagy předloh v aplikaci Dreamweaver
- Nastavení předvoleb zvýraznění pro oblasti předlohy
- Výhody používání předloh v aplikaci Dreamweaver
- Mobilní zařízení a zařízení s více displeji
- Dynamické weby, stránky a webové formuláře
- Informace o webových aplikacích
- Nastavení počítače pro vývoj aplikací
- Řešení problémů s připojením databází
- Odstranění skriptů připojení v aplikaci Dreamweaver
- Návrh dynamických stránek
- Přehled zdrojů dynamického obsahu
- Definice zdrojů dynamického obsahu
- Přidání dynamického obsahu na stránky
- Změna dynamického obsahu v aplikaci Dreamweaver
- Zobrazení záznamů databáze
- Zajišťování a řešení potíží s živými daty v aplikaci Dreamweaver
- Přidání uživatelského chování serveru v aplikaci Dreamweaver
- Vytváření formulářů pomocí aplikace Dreamweaver
- Shromažďování informací od uživatelů pomocí formulářů
- Vytváření a povolení formulářů ColdFusion v aplikaci Dreamweaver
- Vytváření webových formulářů
- Rozšířená podpora formátu HTML5 pro elementy formuláře
- Vytváření formuláře pomocí aplikace Dreamweaver
- Vizuální vytváření aplikací
- Vytváření hlavních a podrobných stránek v aplikaci Dreamweaver
- Vytváření vyhledávacích stránek a stránek s výsledky
- Vytvoření stránky vložení záznamu
- Vytvoření stránky pro aktualizaci záznamu v aplikaci Dreamweaver
- Budování stránek pro odstranění záznamu v aplikaci Dreamweaver
- Používání příkazů ASP k úpravě databáze v aplikaci Dreamweaver
- Vytvoření registrační stránky
- Vytvoření přihlašovací stránky
- Vytvoření stránky, na kterou mají přístup pouze autorizovaní uživatelé
- Zabezpečení složek ve službě ColdFusion pomocí aplikace Dreamweaver
- Používání komponent ColdFusion v aplikaci Dreamweaver
- Testování, náhled a publikování webových stránek
- Odstraňování problémů
Uživatelské rozhraní v aplikaci Dreamweaver CC 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 CC a jejích novějších verzích k dispozici. Další informace naleznete v tomto článku.
O záznamech databáze
Zobrazení záznamů databáze zahrnuje načtení informací uložených v databázi nebo jiném zdroji obsahu a vykreslení těchto informací na webové stránce. Aplikace Dreamweaver poskytuje mnoho metod pro zobrazení dynamického obsahu a poskytuje několik vestavěných serverových chování, která vám umožní vylepšit prezentaci dynamického obsahu a uživatelům umožní snadněji prohledávat a procházet informace vrácené z databáze.
Databáze a jiné zdroje dynamického obsahu poskytují větší výkon a flexibilitu při prohledávání, uspořádání a zobrazení velkých úložišť informací. Používání databáze k ukládání obsahu pro webová místa má smysl, když potřebujete uložit velké množství informací a pak tyto informace smysluplně načíst a zobrazit. Aplikace Dreamweaver poskytuje různé nástroje a předem připravená chování, aby vám pomohla efektivně načítat a zobrazovat informace uložené v databázi.
Serverová chování a elementy formátování
Aplikace Dreamweaver poskytuje následující serverová chování a elementy formátování, aby vám umožnila vylepšit zobrazení dynamických dat:
Formáty
umožní aplikovat na dynamický text různé typy číselných, peněžních, datových/časových a procentuálních hodnot.
Pokud je například cena jedné položky v sadě záznamů uvedena jako 10,989, můžete na stránce cenu zobrazit jako 10,99 Kč, když v aplikaci Dreamweaver vyberete formát „Měna – 2 desetinná místa“. Tento formát zobrazuje číslo se dvěmi desetinnými místy. Pokud má číslo více než dvě desetinná místa, formát dat zaokrouhlí číslo na nejbližší desetinné místo. Pokud číslo nemá žádná desetinná místa, formát dat přidá desetinnou čárku a dvě nuly.
Opakovaná oblast
serverová chování umožňují zobrazit více položek vrácených z databázového dotazu a umožní vám určit počet záznamů, které se mají zobrazit na jedné stránce.
Navigace v sadě záznamů
serverová chování umožňují vložit navigační elementy, které uživatelům umožní přecházet k následující nebo k předcházející sadě záznamů vrácené ze sady záznamů. Pokud například pomocí serverového objektu Opakovaná oblast zvolíte zobrazování 10 záznamů na stránku a sada záznamů vrátí 40 záznamů, můžete procházet po 10 záznamech najednou.
Stavový řádek sady záznamů
serverová chování umožňují začlenit počítadlo, které uživatelům ukáže, kde jsou v rámci sady záznamů vzhledem k celkovému počtu vrácených záznamů.
Zobrazit oblast
serverová chování umožňují zvolit, zda zobrazovat nebo skrýt položky na stránce na základě relevance aktuálně zobrazených záznamů. Pokud například uživatel prošel k poslednímu záznamu sady záznamů, můžete skrýt odkaz Další a zobrazit pouze odkaz na Předcházející záznam.
Aplikování typografických elementů a elementů rozvržení stránky na dynamická data
Výkonnou funkcí aplikace Dreamweaver je schopnost prezentovat dynamická data v rámci strukturované stránky a aplikovat typografické formátování pomocí HTML a CSS. Chcete-li v aplikaci Dreamweaver aplikovat formáty na dynamická data, zformátujte tabulky a vyhrazená místa pro dynamická data pomocí nástrojů pro formátování v aplikaci Dreamweaver. Když se data vloží z jejich zdroje dat, automaticky převezmou formátování písma, odstavce a tabulky, které jste určili.
Navigace mezi výsledky databázové sady záznamů
Navigační odkazy pro sadu záznamů umožní uživatelům přecházet od jednoho záznamu k dalšímu nebo z jedné sady záznamů do následující. Například po navržení stránky, která bude zobrazovat pět záznamů najednou, budete možná chtít přidat odkazy Další nebo Předcházející, které uživatelům umožní zobrazit pět dalších nebo předcházejících záznamů.
Můžete vytvořit čtyři typy navigačních odkazů k procházení sady záznamů: První, Předcházející, Následující a Poslední. Jedna stránka může obsahovat jakýkoliv počet těchto odkazů, za předpokladu, že všechny pracují se stejnou sadou záznamů. Nemůžete přidat odkazy k procházení druhé sady záznamů na stejné stránce.
Navigační odkazy sady záznamů vyžadují následující dynamické elementy:
Sadu záznamů k procházení
Dynamický obsah na stránce k zobrazení záznamu nebo záznamů
Text nebo obrazy na stránce sloužící jako navigační pruh s možností kliknutí
Sadu serverových chování Přejít na záznam k navigaci v sadě záznamů
Pomocí serverového objektu Navigační pruh mezi záznamy můžete přidat poslední dva elementy nebo je můžete přidat samostatně pomocí nástrojů pro návrh a panelu Serverová chování.
Vytvoření navigačního pruhu sady záznamů
Pomocí serverového chování Navigační pruh pro sadu záznamů můžete vytvořit navigační pruh pro sadu záznamů v jedné operaci. Serverový objekt přidá na stránku následující stavební bloky:
Tabulku HTML s textovými nebo obrazovými odkazy
Sadu serverových chování Přejít na
Sadu serverových chování Zobrazit oblast
Textová verze navigačního pruhu pro sadu záznamů vypadá takto:
Před umístěním navigačního pruhu na stránku zkontrolujte, že stránka obsahuje sadu záznamů, kterými se bude procházet, a rozvržení stránky, ve kterém se budou záznamy zobrazovat.
Po umístění navigačního pruhu na stránku můžete použít nástroje návrhu k přizpůsobení pruhu podle svého vkusu. Také můžete upravit serverová chování Přejít na a Zobrazit oblast tak, že na ně poklepete v panelu Serverová chování.
Aplikace Dreamweaver vytvoří tabulku, která obsahuje textové nebo obrazové odkazy, které uživateli umožní kliknutím procházet vybranou sadou záznamů. Když je zobrazený první záznam v sadě záznamů, jsou odkazy nebo obrazy První a Předcházející skryté. Když je zobrazený poslední záznam v sadě záznamů, jsou odkazy nebo obrazy Následující a Poslední skryté.
Rozvržení navigačního pruhu můžete přizpůsobit pomocí nástrojů pro návrh a panelu Serverová chování.
-
V zobrazení Návrh umístěte kurzor na takové místo na stránce, kde chcete, aby se navigační pruh zobrazoval.
-
Zobrazte dialogové okno Navigační pruh pro sadu záznamů (Vložit > Objekty dat > Procházení sady záznamů > Navigační pruh pro sadu záznamů).
-
Z rozbalovací nabídky Sada záznamů vyberte sadu záznamů, kterou chcete procházet.
-
V sekci Zobrazit pomocí vyberte formát, ve kterém chcete zobrazit navigační odkazy na stránce, a klepněte na tlačítko OK.
Text
Umístí na stránku textové odkazy.
Obrázky
Použije grafické obrazy jako odkazy. Aplikace Dreamweaver použije své vlastní obrazové soubory. Poté, co umístíte pruh na stránku, můžete tyto obrazy nahradit svými vlastními obrazovými soubory.
Vlastní navigační pruhy pro sadu záznamů
Můžete vytvořit svůj vlastní navigační pruh pro sadu záznamů, který použije složitější rozvržení a styly formátování než jednoduchou tabulku vytvořenou serverovým objektem Navigační pruh pro sadu záznamů.
Chcete-li vytvořit vlastní navigační pruh pro sadu záznamů, je nutné:
Vytvořit textové nebo obrazové navigační odkazy
Umístit odkazy na stránku v zobrazení Návrh
Přiřadit jednotlivá serverová chování ke každému navigačnímu odkazu
Tento oddíl popisuje, jak přiřadit jednotlivá serverová chování k navigačním odkazům.
Vytvoření a přiřazení serverového chování k navigačnímu odkazu
-
V zobrazení Návrh vyberte textový řetězec nebo obraz na stránce, který chcete použít jako navigační odkaz mezi záznamy.
-
Otevřete panel Serverová chování (Okna > Serverová chování) a klepněte na tlačítko plus (+).
-
Z rozbalovací nabídky vyberte Procházení sady záznamů; pak ze zobrazených serverových chování vyberte vhodné serverové chování pro vybraný odkaz.
Pokud sada záznamů obsahuje velký počet záznamů, serverové chování Přejít na poslední záznam může trvat dlouho, když uživatel klepne na odkaz.
-
V rozbalovací nabídce Sada záznamů vyberte sadu záznamů, která obsahuje záznamy, a klepněte na tlačítko OK.
Serverové chování se přiřadí k navigačnímu odkazu.
Nastavení voleb v dialogovém okně Přejít na (serverová chování)
Přidejte odkazy, které uživateli umožní procházet záznamy v sadě záznamů.
-
Pokud jste na stránce nic nevybrali, vyberte odkaz z rozbalovací nabídky.
-
Vyberte sadu záznamů, která obsahuje procházené záznamy, a klepněte na tlačítko OK.Poznámka:
Pokud sada záznamů obsahuje velký počet záznamů, serverové chování Přejít na poslední záznam může trvat dlouho, když uživatel klepne na odkaz.
Úlohy návrhu navigačního pruhu
Když vytváříte vlastní navigační pruh, začněte vytvořením jeho vizuálního znázornění pomocí nástrojů pro návrh stránek v aplikaci Dreamweaver. Není nutné vytvářet odkaz pro textový řetězec nebo obraz, aplikace Dreamweaver ho vytvoří za vás.
Stránka, pro kterou vytváříte navigační pruh, musí obsahovat sadu záznamů pro procházení. Jednoduchý navigační pruh pro sadu záznamů může vypadat takto, s tlačítky odkazů vytvořenými z obrazů nebo jiných elementů obsahu:
Poté, co jste přidali na stránku sadu záznamů a vytvořili navigační pruh, musíte aplikovat jednotlivá serverová chování na každý navigační element. Typický navigační pruh pro sadu záznamů obsahuje například znázornění následujících odkazů, které odpovídají příslušnému chování:
Navigační odkaz |
Serverové chování |
Jít na první stránku |
Přejít na první stránku |
Jít na předcházející stránku |
Přejít na předcházející stránku |
Jít na následující stránku |
Přejít na následující stránku |
Jít na poslední stránku |
Přejít na poslední stránku |
Zobrazení a skrytí oblastí na základě výsledků sady záznamů
Také můžete určit, aby se oblast zobrazila nebo skryla na základě toho, zda je sada záznamů prázdná. Pokud je sada záznamů prázdná (například nebyly nalezené žádné záznamy vyhovující dotazu), můžete zobrazit zprávu, která uživatele informuje, že se nevrátily žádné záznamy. To je zejména užitečné při vytváření vyhledávacích stránek, které používají hledané výrazy zadané uživatelem, podle kterých provádějí dotazy. Podobně můžete zobrazit chybovou zprávu, pokud se vyskytne problém připojení k databázi nebo pokud uživatelské jméno a heslo uživatele server nezná.
Serverová chování Zobrazit oblast jsou:
Zobrazit, pokud je sada záznamů prázdná
Zobrazit, pokud sada záznamů není prázdná
Zobrazit na první stránce
Zobrazit kromě první stránky
Zobrazit na poslední stránce
Zobrazit kromě poslední stránky
-
V zobrazení Návrh vyberte oblast na stránce, která se má zobrazit nebo skrýt.
-
V panelu Serverová chování (Okna > Serverová chování) klepněte na tlačítko plus (+).
-
Z rozbalovací nabídky vyberte Zobrazit oblast, vyberte jedno z uvedených serverových chování a klepněte na tlačítko OK.
Zobrazení více výsledků ze sady záznamů
Serverové chování Opakovaná oblast umožňuje v jedné stránce zobrazit více záznamů ze sady záznamů. Výběr jakýchkoliv dynamických dat můžete změnit na opakovanou oblast. Ale nejběžnějšími oblastmi jsou tabulka, řádek tabulky nebo několik řádků tabulky.
-
V zobrazení Návrh vyberte oblast, která obsahuje dynamický obsah.
Výběrem může být cokoliv včetně celé tabulky, řádku tabulky nebo dokonce odstavce textu.
Abyste vybrali oblast na stránce přesně, můžete použít selektor tagů v levém rohu okna dokumentu. Pokud je oblastí například řádek tabulky, klepněte v řádku na stránce, pak klepněte na pravý krajní tag <tr> v selektoru tagů, abyste vybrali řádek tabulky.
-
Vyberte volbu Okna > Serverová chování, abyste zobrazili panel Serverová chování.
-
Klepněte na tlačítko plus (+) a vyberte volbu Opakovaná oblast.
-
Z rozbalovací nabídky vyberte název sady záznamů, kterou chcete použít.
-
Vyberte počet záznamů, které se mají zobrazit na jedné stránce, a klepněte na tlačítko OK.
V okně dokumentu se kolem opakované oblasti zobrazí tenký šedý obrys se štítkem.
Úpravy opakovaných oblastí v Inspektoru vlastnosti
-
Upravte vybranou opakovanou oblast změnou některé z následujících voleb:
Název opakované oblasti.
Sada záznamů dodávající záznamy pro opakovanou oblast.
Počet zobrazených záznamů
Když vyberete novou volbu, aplikace Dreamweaver aktualizuje stránku.
Opakované použití sad záznamů PHP
Chcete-li najít výukovou lekci o opakovaném použití sady záznamů PHP, podívejte se na výukovou lekci Davida Powerse, Jak opakovaně využít sadu záznamů PHP ve více než jedné opakované oblasti?
Vytvoření dynamické tabulky
Následující příklad ilustruje, jak se aplikuje serverové chování Opakovaná oblast na řádek tabulky, které určuje, že se na jedné stránce zobrazí devět záznamů. Samotný řádek zobrazuje čtyři různé záznamy: město, stát, ulice a PSČ.
Abyste vytvořili tabulku jako tu v předcházejícím příkladu, musíte vytvořit tabulku, která obsahuje dynamický obsah, a aplikovat serverové chování Opakovaná oblast na řádek tabulky obsahující dynamický obsah. Když stránku zpracovává aplikační server, řádek se opakuje tolikrát, kolikrát je to určené v serverovém objektu Opakovaná oblast, s rozdílným záznamem vloženým do každého nového řádku.
-
Jedním z následujících úkonů vložte dynamickou tabulku:
Vyberte volbu Vložit > Objekty dat > Dynamická data > Dynamická tabulka, abyste zobrazili dialogové okno Dynamická tabulka.
V kategorii Data panelu Vložit klikněte na tlačítko Dynamická data a z rozbalovací nabídky vyberte ikonu Dynamická tabulka.
-
Z rozbalovací nabídky Sada záznamů vyberte sadu záznamů.
-
Vyberte počet záznamů, které se mají zobrazit na jedné stránce.
-
(Volitelně) Zadejte hodnoty pro okraje tabulky, vsazení a mezery buněk.
V dialogovém okně Dynamická tabulka se zachovají hodnoty, které jste zadali pro okraje tabulky, vsazení a mezery buněk.
Poznámka:Pokud pracujete na projektu, který vyžaduje několik dynamických tabulek se stejným vzhledem, zadejte hodnoty rozvržení tabulky, což dále zjednoduší vývoj stránky. Tyto hodnoty můžete přizpůsobit po vložení tabulky pomocí Inspektoru vlastnosti pro tabulku.
-
Klepněte na tlačítko OK.
Tabulka a vyhrazená místa pro dynamický obsah definovaný v připojené sadě záznamů se vloží na stránku.
V tomto příkladu obsahuje sada záznamů čtyři sloupce: AUTHORID, FIRSTNAME, LASTNAME a BIO. Řádek s nadpisem tabulky se vyplní názvy jednotlivých sloupců. Nadpisy můžete upravit s použitím popisného textu nebo je nahradit obrazy.
Vytvoření počítadla záznamů
Počítadla záznamů poskytují uživatelům referenční bod při procházení sadou záznamů. Obvykle počítadla záznamů zobrazují celkový počet vrácených záznamů a aktuální zobrazené záznamy. Pokud například sada záznamů vrátí 40 jednotlivých záznamů a na jedné stránce se zobrazuje 8 záznamů, počítadlo záznamů na první stránce bude ukazovat „Zobrazují se záznamy 1–8 ze 40“.
Před vytvořením počítadla záznamů pro stránku je nutné pro tuto stránku vytvořit sadu záznamů, vhodné rozvržení stránky obsahující dynamický obsah, a pak navigační pruh pro sadu záznamů.
Vytváření jednoduchých počítadel záznamů
Počítadla záznamů umožňují uživatelům zjistit, kde se nacházejí v rámci dané sady záznamů vzhledem k celkovému počtu vrácených záznamů. Z tohoto důvodu jsou počítadla záznamů užitečným chováním, které může významně přispět k použitelnosti webové stránky.
Vytvořte jednoduché počítadlo záznamů pomocí serverového objektu Navigační stav sady záznamů. Tento serverový objekt vytvoří textovou položku na stránce, která zobrazí aktuální stav záznamů. Počítadlo záznamů si můžete přizpůsobit pomocí nástrojů pro návrh stránky v aplikaci Dreamweaver.
-
Umístěte textový kurzor na místo, kam chcete vložit počítadlo záznamů.
-
Vyberte volbu Vložit > Objekty dat > Zobrazit počet záznamů > Navigační stav sady záznamů, vyberte sadu záznamů z rozbalovací nabídky Sada záznamů a klepněte na tlačítko OK.
Serverový objekt Navigační stav sady záznamů vloží textové počítadlo záznamů, podobné jako v následujícímu příkladu:
Při zobrazení v živém zobrazení se počítadlo zobrazí jako v následujícímu příkladu:
Vytvoření a přidání počítadla záznamů na stránku
-
V dialogovém okně Vložit stav navigace v sadě záznamů vyberte sadu záznamů, kterou chcete sledovat, a klepněte na tlačítko OK.
Vytváření vlastních počítadel záznamů
Pro vytvoření vlastního počítadla záznamů se používají jednotlivá chování počítání záznamů. Vytvoření vlastního počítadla záznamů vám umožní vytvořit lepší počítadlo záznamů než jednoduchou tabulku s jedním řádkem, jakou vloží serverový objekt Navigační stav sady záznamů. Elementy návrhu můžete uspořádat mnoha kreativními způsoby a aplikovat příslušné serverové chování na každý element.
Serverová chování Počet záznamů jsou:
Zobrazit číslo prvního záznamu
Zobrazit číslo posledního záznamu
Zobrazit celkový počet záznamů
Před vytvořením vlastního počítadla záznamů pro stránku je nutné nejdříve pro tuto stránku vytvořit sadu záznamů, vhodné rozvržení stránky obsahující dynamický obsah a navigační pruh pro sadu záznamů.
Tento příklad vytvoří počítadlo záznamů, které se podobá příkladu v tématu „Jednoduchá počítadla záznamů“. V tomto příkladu text v bezpatkovém písmu znázorňuje vyhrazená místa pro počítání záznamů, která se vloží na stránku. Počítadlo záznamů v tomto příkladu se zobrazí následujícím způsobem:
Zobrazení záznamů StartRow až EndRow z RecordSet.RecordCount.
-
V zobrazení Návrh zadejte text počítadla na stránku. Text může být cokoliv, co chcete, například:
Displaying records thru of .
-
Umístěte textový kurzor na konec textového řetězce.
-
Otevřete panel Serverová chování (Okna > Serverová chování).
-
Klepněte na tlačítko plus (+) v levém horním rohu a klepněte na volbu Zobrazit počet záznamů. Z této podnabídky vyberte volbu Zobrazit celkový počet záznamů. Chování Zobrazit celkový počet záznamů se vloží na stránku a vyhrazené místo se vloží tam, kde byl textový kurzor. Textový řetězec nyní vypadá takto:
Displaying records thru of {Recordset1.RecordCount}.
-
Umístěte textový kurzor za slovo záznamů a z panelu Serverová chování > Tlačítko plus (+) > Počet záznamů vyberte volbu Zobrazit číslo prvního záznamu. Textový řetězec nyní vypadá takto:
Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
-
Nyní umístěte textový kurzor mezi slova až a z a z panelu Serverová chování > Tlačítko plus (+) > Počet záznamů vyberte volbu Zobrazit číslo prvního záznamu. Textový řetězec nyní vypadá takto:
Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
-
Zkontrolujte, že počítadlo funguje správně tak, že zobrazíte stránku v živém zobrazení; počítadlo je podobné jako v následujícím příkladu:
Displaying records 1 thru 8 of 40.
Pokud má stránka s výsledky navigační odkaz k přechodu na následující sadu záznamů, klepnutím na odkaz aktualizujete počítadlo záznamů, které se zobrazí takto:
Showing records 9 thru 16 of 40.
Používání předdefinovaných formátů dat
Aplikace Dreamweaver obsahuje několik předdefinovaných formátů dat, které můžete aplikovat na elementy dynamických dat. Styly formátu dat obsahují formáty data a času, měny, čísel a procent.
Aplikování formátů dat na dynamický obsah
-
V okně Dokument vyberte vyhrazené místo dynamického obsahu.
-
Výběrem voleb Okna > Svázání zobrazte panel Svázání.
-
Ve sloupci Formát klepněte na tlačítko šipka dolů.
Pokud šipka dolů není viditelná, rozbalte panel.
-
Z rozbalovací nabídky Formát vyberte požadovanou kategorii formátu dat.
Zajistěte, aby formát dat byl vhodný pro typ dat, která formátujete. Například formáty Měna fungují pouze v případě, že se dynamická data skládají z číselných dat. Na stejná data nemůžete aplikovat více než jeden formát.
-
Ověřte, že formát byl aplikován správně, pomocí náhledu stránky v živém zobrazení.
Přizpůsobení formátu dat
-
Otevřete stránku, která obsahuje dynamická data, v zobrazení Návrh.
-
Vyberte dynamická data, pro která chcete vytvořit vlastní formát.
Položka navázaných dat, jejíž dynamický text jste vybrali, se zvýrazní v panelu Svázání (Okna > Svázání). Panel zobrazuje pro vybranou položku dva sloupce – Svázání a Formát. Pokud není sloupec Formát viditelný, rozšiřte panel Svázání, abyste ho zobrazili.
-
V panelu Svázání klikněte ve sloupci Formát na šipku dolů, a rozbalte tak rozbalovací nabídku dostupných formátů dat.
Pokud šipka dolů není viditelná, více rozšiřte panel Svázání.
-
Z rozbalovací nabídky vyberte volbu Upravit seznam formátů.
-
Vyplňte dialogové okno a klikněte na tlačítko OK.
a. Ze seznamu vyberte formát a klikněte na tlačítko Upravit.
b. Změňte kterýkoliv z následujících parametrů v dialogových oknech Měna, Číslo nebo Procenta a klikněte na tlačítko OK.
- Počet číslic, které se mají zobrazit za desetinnou čárkou
- Zda umístit úvodní nulu před desetinná čísla
- Zda použít závorky nebo znak minus pro záporné hodnoty
- Zda seskupovat číslice
c. Chcete-li formát dat odstranit, klikněte na formát v seznamu a poté klikněte na tlačítko minus (-).
Vytvoření formátu dat (pouze ASP)
-
Otevřete stránku, která obsahuje dynamická data, v zobrazení Návrh.
-
Vyberte dynamická data, pro která chcete vytvořit vlastní formát.
-
Abyste zobrazili panel Svázání, vyberte volbu Okna > Svázání a ve sloupci Formát klepněte na šipku dolů. Pokud šipka dolů není viditelná, rozbalte panel.
-
Z rozbalovací nabídky vyberte volbu Upravit seznam formátů.
-
Klepněte na tlačítko plus (+) a vyberte typ formátu.
-
Definujte formát a klepněte na tlačítko OK.
-
Zadejte název nového formátu ve sloupci Název a klepněte na tlačítko OK.Poznámka:
Přestože aplikace Dreamweaver podporuje pouze tvorbu formátu dat pro stránky ASP, uživatelé serverů ColdFusion a PHP mohou stahovat formáty vytvořené jinými uživateli nebo vytvářet serverové formáty a posílat je prostřednictvím služby Dreamweaver Exchange. Další informace o API pro serverové formáty najdete v tématu Rozšíření aplikace Dreamweaver (Nápověda > Rozšíření aplikace Dreamweaver > Serverové formáty).