David Powers
- 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ů
Ve snaze o zajištění trvalé podpory formátu HTML5 v aplikaci Dreamweaver byly zavedeny nové atributy některých elementů formuláře. Dále byly zavedeny čtyři nové elementy formuláře v jazyce HTML5.
Elementy formuláře naleznete na panelu Vložit. Vyberte volbu Okna > Vložit. V nabídce panelu Vložit vyberte volbu Formuláře.
Změny pracovních postupů s formuláři v aplikaci Dreamweaver
Nové atributy společné pro elementy formuláře
Následující nové atributy jsou společné pro všechny elementy formuláře:
- Disabled: Tuto volbu použijte, chcete-li, aby prohlížeč vypnul element.
- Required: Tuto volbu použijte, chcete-li, aby prohlížeč prováděl kontrolu, zda byla zadána hodnota.
- Auto complete: Tuto volbu použijte, jestliže chcete povolit automatické vyplňování hodnot, když uživatel v prohlížeči zadává informace.
- Auto focus: Tuto volbu použijte, chcete-li při načtení stránky prohlížečem přesunout zaměření na tento element.
- Read only: Tuto volbu použijte, chcete-li nastavit hodnotu elementu jako pouze ke čtení.
- Form: Určuje jeden či více formulářů, do nichž element <input> patří.
- Name: Jedinečný název sloužící k odkazování na element v kódu.
- Place holder: Nápověda, která popisuje očekávanou hodnotu ve vstupním poli.
- Pattern: Regulární výraz, pomocí něhož se hodnota elementu ověřuje.
- Title: Další informace o elementu. Zobrazuje se jako tip nástroje.
- Tab Index: Určuje polohu aktuálního elementu v pořadí tabulátorů pro aktuální dokument.
Elementy formuláře se změněnými atributy
- Form No Validate: Tuto volbu použijte, chcete-li zakázat ověřování formuláře. Tento výběr potlačí atribut Bez ověření na úrovni formuláře.
- Form Enc Type: Typ MIME, k němuž má zprostředkovatel uživatele přiřadit tento element při odesílání formuláře.
- Form Target: Název nebo klíčové slovo kontextu procházení představující cíl ovládacího prvku.
- Accept charset: Určuje kódování znaků použité při odesílání formuláře.
Odkazy na atributy obsahující informace o všech atributech uvedených ve specifikacích formátu HTML 5. V rámci panelu Vlastnosti nemusí být všechny tyto atributy uvedeny. Pomocí zobrazení kódu můžete přidávat atributy, které v panelu uvedeny nejsou.
Elementy formuláře HTML5
Element formuláře | Dostupné ve verzi | Popis | Popis atributů |
Barva | 12.2 | Určeno pro vstupní pole, která mají obsahovat barvu. | http://www.w3.org/TR/html-markup/input.color.html |
Datum | 12.2 | Ovládací prvek, jenž usnadňuje uživatelům výběr data. | http://www.w3.org/TR/html-markup/input.date.html |
Datum a čas | 12.2 | Umožňuje uživateli zadat datum a čas (spolu s časovým pásmem). | http://www.w3.org/TR/html-markup/input.datetime.html |
Místní datum a čas | 12.2 | Umožňuje uživateli zadat datum a čas (bez časového pásma). | http://www.w3.org/TR/html-markup/input.datetime-local.html |
Měsíc | 12.2 | Umožňuje uživateli zadat měsíc a rok. | http://www.w3.org/TR/html-markup/input.month.html |
Číslo | 12.2 | Určeno pro pole, která mají obsahovat pouze čísla. | http://www.w3.org/TR/html-markup/input.number.html |
Rozsah | 12.2 | Určeno pro vstupní pole, která mají obsahovat hodnoty z rozsahu čísel. | http://www.w3.org/TR/html-markup/input.range.html |
Čas | 12.2 | Umožňuje uživateli zadat čas. | http://www.w3.org/TR/html-markup/input.time.html |
Týden | 12.2 | Umožňuje uživateli zadat týden a rok. | http://www.w3.org/TR/html-markup/input.week.html |
12.1 | Ovládací prvek pro úpravu seznamu e-mailových adres uvedených v hodnotě elementu. | http://www.w3.org/TR/html-markup/input.email.html | |
Hledat | 12.1 | Ovládací prvek pro úpravu jednořádkového prostého textu při zadávání jednoho či více hledaných výrazů. | http://www.w3.org/TR/html-markup/input.search.html |
Telefon (Tel) | 12.1 | Ovládací prvek pro úpravu jednořádkového prostého textu při zadávání telefonního čísla. | http://www.w3.org/TR/html-markup/input.tel.html |
URL | 12.1 | Ovládací prvek pro úpravu absolutní adresy URL uvedené v hodnotě elementu. | http://www.w3.org/TR/html-markup/input.url.html |