- 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ů
Naučte se vkládat a upravovat multimediální objekty na webových stránkách aplikace Dreamweaver, používat poznámky k návrhu a mnohé další.
Kromě souborů SWF a FLV můžete v dokumentu aplikace Dreamweaver vkládat další zvukové či obrazové objekty. Pokud s multimediálním objektem vložíte atributy usnadnění přístupu, je možné je nastavit a upravit jejich hodnoty v kódu HTML.
-
V okně dokumentu vložte textový kurzor do místa, kam chcete objekt vložit.
-
Vložte objekt jedním z následujících úkonů:
V kategorii HTML na panelu Vložit vyberte ikonu typu objektu, který chcete vložit.
Vyberte příslušný objekt v podnabídce Vložit > HTML.
Zobrazí se dialogové okno, které umožňuje vybrat zdrojový soubor a zadat určité parametry multimediálního objektu.
Poznámka:Pokud nechcete, aby se taková dialogová okna zobrazovala, vyberte volbu Úpravy > Předvolby > Všeobecné (Windows) nebo Dreamweaver > Předvolby > Všeobecné (Macintosh) a zrušte výběr volby Při vkládání objektů zobrazit dialog. Chcete-li nahradit předvolby nastavené pro zobrazení dialogových oken, podržte při vkládání objektu klávesu Ctrl (Windows) nebo Alt (Macintosh).
-
Zadejte hodnoty do dialogového okna Vybrat soubor a klikněte na tlačítko OK.Poznámka:
Pokud jste při vkládání multimédií v dialogovém okně Úpravy > Předvolby vybrali zobrazení atributů, zobrazí se dialogové okno Atributy usnadnění přístupu.
-
Nastavte atributy usnadnění přístupu.Poznámka:
Atributy multimediálních objektů můžete upravit také tak, že vyberete objekt a v zobrazení kódu upravíte kód HTML nebo klikněte pravým tlačítkem (Windows) nebo se stisknutou klávesou Ctrl (Macintosh) a vyberete Upravit kód tagu.
Titul
Zadejte titul multimediálního objektu.
Přístupová klávesa
Do textového pole zadejte klávesový ekvivalent (jedno písmeno), kterým vyberete objekt formuláře v prohlížeči. Tím návštěvníkovi umožníte přístup k objektu pomocí klávesy Ctrl (Windows) a této přístupové klávesy. Pokud například zadáte jako přístupovou klávesu B, můžete pomocí kláves Ctrl+B vybrat objekt v prohlížeči.
Pořadové číslo
Zadejte číslo představující pořadí objektu formuláře při procházení pomocí tabulátoru. Nastavení pořadí procházení pomocí tabulátoru je užitečné, když máte na stránce další odkazy a objekty formuláře a potřebujete, aby jimi uživatel procházel v určitém pořadí. Pokud nastavíte pořadí procházení pro jeden objekt, nezapomeňte ho nastavit i pro všechny ostatní.
-
Klikněte na tlačítko OK vložte multimediální objekt.Poznámka:
Pokud kliknete na tlačítko Zrušit, zobrazí se v dokumentu vyhrazené místo pro multimediální objekt, ale aplikace Dreamweaver k němu nepřiřadí atributy ani tagy pro usnadnění přístupu.
Chcete-li zadat zdrojový soubor nebo nastavit rozměry a jiné parametry a atributy, použijte pro každý objekt inspektor Vlastnosti. U objektu je možné upravit atributy usnadnění přístupu.
Spuštění externího editoru multimediálních souborů
v aplikaci Dreamweaver můžete spustit externí editor pro úpravu většiny multimediálních souborů. Je také možné zadat editor, který má aplikace Dreamweaver pro úpravy souboru spustit.
-
Zkontrolujte, zda je typ multimediálního souboru ve vašem systému přiřazen k nějakému editoru.
Chcete-li zjistit, jaký editor je k typu souboru přiřazen, vyberte v aplikaci Dreamweaver volby Úpravy > Předvolby a v seznamu kategorií vyberte volbu Typy souborů/editory. Klepnutím na příponu souboru ve sloupci Přípony zobrazíte přiřazený editor nebo editory ve sloupci Editory. Editor přiřazený k typu souboru lze změnit.
-
Poklepáním na multimediální soubor v panelu Soubory ho otevřete v externím editoru.
Editor, který se spustí při poklepání na soubor v panelu Soubory, se nazývá primární editor. Pokud například poklepete na soubor obrazu, aplikace Dreamweaver ho otevře v primárním externím editoru obrazů, například v aplikaci Adobe Fireworks.
-
Pokud nechcete pro úpravy souboru použít primární externí editor, můžete použít jiný provedením následujících úkonů:
v panelu Soubory klepněte na název souboru pravým tlačítkem (Windows) nebo s klávesou Ctrl (Macintosh) a v kontextové nabídce vyberte volbu Otevřít v programu.
V zobrazení Návrh klepněte na multimediální element na aktuální stránce pravým tlačítkem (Windows) nebo s klávesou Ctrl (Macintosh) a v kontextové nabídce vyberte volbu Upravit v programu.
Určení editoru spouštěného z aplikace Dreamweaver
Můžete určit editor, který má aplikace Dreamweaver použít pro úpravy určitého typu souboru, a přidávat nebo odstraňovat typy souborů, které aplikace Dreamweaver rozpoznává.
Určení externích editorů pro spouštění daného typu souborů
-
Vyberte volbu Úpravy > Předvolby a v seznamu kategorií vyberte volbu Typy souborů/editory.
Přípony souborů, například .gif, .wav a .mpg, jsou uvedeny vlevo v seznamu Přípony. Přiřazené editory pro vybranou příponu jsou uvedeny vpravo v seznamu Editory.
-
V seznamu přípony vyberte příponu typu souboru a proveďte jeden z následujících úkonů:
Chcete-li k typu souboru přiřadit nový editor, klepněte na tlačítko plus (+) nad seznamem Editory a vyplňte dialogové okno, které se zobrazí.
Například výběrem ikony aplikace Acrobat ho přiřadíte k typu souboru.
Chcete-li určitý editor změnit na primární editor typu souboru (to znamená, že se tento editor otevře při poklepání na typ souboru v panelu Soubory), vyberte ho v seznamu Editory a klepněte na Změnit na primární.
Chcete-li zrušit přiřazení editoru k typu souboru, vyberte editor v seznamu Editory a klepněte na tlačítko minus (-) nad seznamem Editory.
Přidání nového typu souboru a přiřazeného editoru
-
Klikněte na tlačítko plus (+) nad seznamem Přípony a zadejte příponu typu souboru (včetně tečky na začátku přípony) nebo více souvisejících přípon oddělených mezerami.
Můžete například zadat .xml .xsl a přiřadit tak tyto typy souborů k editoru XML nainstalovanému v systému.
-
Klepnutím na tlačítko plus (+) nad seznamem Editory a vyplněním dialogového okna, které se zobrazí, vyberete editor typu souboru.
Odstranění typu souboru
-
Vyberte typ souboru v seznamu Přípony a klepněte na tlačítko minus (-) nad seznamem Přípony.Poznámka:
Odstranění typu souboru nelze vrátit zpět, a proto si tuto operaci rozmyslete.
Používání poznámek k návrhu s multimediálními objekty
Podobně jako k jiným objektům v aplikaci Dreamweaver můžete přidávat poznámky k návrhu i k multimediálním objektům. Poznámky k návrhu jsou přiřazeny k určitému souboru a jsou uloženy v samostatném souboru. Pomocí poznámek k návrhu lze sledovat další informace o souborech přiřazené k dokumentům, například názvy zdrojů obrazů a poznámky ke stavu souboru.
-
Klepněte pravým tlačítkem (Windows) nebo s klávesou Ctrl (Macintosh) na objekt v okně dokumentu.Poznámka:
Před přidáním poznámek k návrhu k objektu je nutné definovat místo.
-
V kontextové nabídce vyberte volbu Poznámky k návrhu stránky.
-
Zadejte do poznámky k návrhu požadované informace.Poznámka:
Poznámku k návrhu lze k multimediálnímu objektu přidat také v panelu Soubory. Vyberete soubor, zobrazíte kontextovou nabídku a zvolíte Poznámky k návrhu.
Přidat video (ne FLV)
Na webové stránky můžete různými způsoby a v různých formátech přidávat video. Uživatelé mohou video stahovat nebo (v případě, že je streamované) ho přehrávat již při stahování.
-
Vložte klip do složky webového místa.
Klipy jsou často ve formátu AVI nebo MPEG.
-
Vytvořte na klip odkaz nebo ho vložte do stránky.
Chcete-li na klip vytvořit odkaz, zadejte pro něj text, například „Stáhnout klip“, vyberte tento text a v inspektoru Vlastnosti klepněte na ikonu složky. Vyhledejte soubor videa a vyberte ho.
Poznámka:Aby uživatel mohl zobrazit běžné streamované formáty, například Real Media, QuickTime nebo Windows Media, musí si stáhnout pomocnou aplikaci (zásuvný modul).
Vložení obsahu zásuvného modulu
Pro zásuvný modul prohlížeče můžete vytvořit obsah (například film QuickTime), který lze následně pomocí aplikace Dreamweaver vložit do dokumentu HTML. Mezi typické zásuvné moduly patří programy RealPlayer a QuickTime a některé soubory obsahu zahrnují soubory mp3 a filmy QuickTime.
Filmy a animace závislé na zásuvných modulech prohlížeče lze přehrávat přímo v zobrazení Návrh v okně dokumentu. Můžete přehrát všechny elementy zásuvných modulů zároveň, abyste viděli, jak se bude uživatelům stránka zobrazovat, nebo je přehrávat zvlášť, abyste mohli zkontrolovat, zda jste vložili správný multimediální element.
Není možné zobrazovat náhled filmů nebo animací závislých na ovládacích prvcích ActiveX.
Po vložení obsahu pro zásuvný modul prohlížeče nastavte parametry obsahu pomocí inspektoru Vlastnosti. Chcete-li v inspektoru Vlastnosti zobrazit následující vlastnosti, vyberte objekt zásuvného modulu.
Inspektor Vlastnosti nejdříve zobrazí nejpoužívanější vlastnosti. Klepnutím na rozbalovací šipku v pravém dolním rohu zobrazíte všechny vlastnosti.
Vložení obsahu zásuvného modulu a nastavení jeho vlastností
-
V zobrazení Návrh v okně dokumentu umístěte textový kurzor do místa, kam chcete obsah vložit, a proveďte jeden z následujících úkonů:
V kategorii Společné na panelu Vložit klikněte na tlačítko Média a z nabídky vyberte ikonu Zásuvný modul .
Vyberte volbu Vložit > Média > Zásuvný modul.
-
V dialogovém okně, které se zobrazí, vyberte soubor obsahu pro zásuvný modul a klikněte na tlačítko OK.
-
V inspektoru Vlastnosti nastavte volby zásuvného modulu.
Název
Určuje název identifikující zásuvný modul pro skriptování. Název zadejte do neoznačeného textového pole zcela vlevo v inspektoru Vlastnosti.
Š a V
Určuje šířku a výšku v obrazových bodech přiřazenou objektu na stránce.
Zdroj
Určuje soubor zdroje dat. Klepněte na ikonu složky a soubor vyhledejte nebo zadejte přímo název souboru.
URL modulu
Určuje adresu URL atributu pluginspace. Zadejte úplnou adresu URL místa, odkud mohou uživatelé zásuvný modul stáhnout. Pokud uživatel, který si zobrazí stránku, zásuvný modul nemá, prohlížeč se ho pokusí stáhnout z této adresy URL.
Zarovnání
Určuje způsob zarovnání objektu na stránce.
Mezera S a mezera V
Zadejte velikost prázdného místa nad, pod a po stranách zásuvného modulu v obrazových bodech.
Okraj
Určuje šířku okraje kolem zásuvného modulu.
Parametry
Otevře dialogové okno, ve kterém lze zadat další parametry, které budou předány zásuvnému modulu. Mnoho zásuvných modulů reaguje na speciální parametry.
Klepnutím na tlačítko Atribut také můžete zobrazit atributy přiřazené vybranému zásuvnému modulu. V tomto dialogovém okně můžete upravovat, přidávat a odstraňovat různé atributy, například šířku a výšku.
Spuštění obsahu zásuvného modulu v okně dokumentu
-
Vložte jeden nebo více prvků médií pomocí jedné z metod popsaných v předchozí části.
-
Proveďte jeden z následujících úkonů:
Vyberte jeden z vložených multimediálních elementů a vyberte volbu Zobrazení > Zásuvné moduly > Spustit nebo klepněte na tlačítko Spustit v inspektoru Vlastnosti.
Výběrem volby Zobrazení > Zásuvné moduly > Spustit všechny spustíte všechny multimediální elementy na vybrané stránce, které jsou závislé na zásuvných modulech.
Poznámka:Příkaz Spustit vše platí pouze pro aktuální dokument; neplatí tedy například pro jiné dokumenty v sadě rámců.
Zastavení obsahu zásuvného modulu
-
Vyberte multimediální element a vyberte volbu Zobrazení > Zásuvné moduly > Zastavit nebo klepněte na tlačítko Zastavit v inspektoru Vlastnosti.
Chcete-li zastavit veškerý obsah zásuvných modulů, vyberte volbu Zobrazení > Zásuvné moduly > Zastavit všechny.
Řešení problémů se zásuvnými moduly
Pokud jste se řídili postupem pro spuštění obsahu zásuvného modulu v okně dokumentu, ale obsah se nespustil, vyzkoušejte následující:
Zkontrolujte, zda je příslušný zásuvný modul nainstalován na vašem počítači a obsah je kompatibilní s používanou verzí zásuvného modulu.
V textovém editoru otevřete soubor UnsupportedPlugins.txt ve složce Configuration\Plugins\ a zjistěte, zda je v něm zásuvný modul uveden. Tento soubor udržuje přehled o zásuvných modulech, které v aplikaci Dreamweaver způsobují problémy, a nejsou proto podporovány. (Pokud se u určitého zásuvného modulu vyskytnou problémy, zvažte jeho přidání do tohoto souboru.)
Zkontrolujte, zda máte dostatek paměti. Některé zásuvné moduly vyžadují další 2 až 5 MB paměti.
Ovládání multimédií pomocí chování
Na stránku můžete přidat chování spouštějící a zastavující různé multimediální objekty.
Ovladač Shockwave nebo Flash
Umožňuje přehrání, zastavení, převinutí nebo přechod na snímek v soubor filmu Shockwave nebo SWF.
Přehrát zvuk
Umožňuje přehrát zvuk; můžete například přehrát zvukový efekt, když uživatel přesune ukazatel myši přes odkaz.
Zkontrolovat zásuvný modul
Umožňuje kontrolovat, zda mají návštěvníci vaší stránky nainstalovaný požadovaný zásuvný modul, a odkazovat je na různé adresy URL podle toho, zda ho mají nebo ne. To se týká pouze zásuvných modulů, protože chování Zkontrolovat zásuvný modul nekontroluje ovladače ActiveX.
Ovládání multimediálních objektů pomocí parametrů
Definujte zvláštní parametry, které umožní řídit soubory SWF a zásuvné moduly. Parametry se používají s tagy object, embed a applet. Parametry nastavují atributy specifické pro různé typy objektů. Soubor SWF může například používat parametr kvality <paramname="quality"value="best"> pro tag objektu. Dialogové okno Parametr je dostupné v inspektoru Vlastnosti. Informace o parametrech vyžadovaných objektem, který používáte, najdete v dokumentaci.
Pro určování datových souborů pro ovládací prvky ActiveX neexistuje žádný široce uznávaný standard. V dokumentaci najdete popis parametrů, které lze použít pro používaný widget ActiveX.
Zadání názvu a hodnoty parametru
-
V okně Dokument vyberte objekt, který může obsahovat parametry.
-
Otevřete inspektor Vlastnosti (pokud již není otevřený) a klepněte na tlačítko Parametry v dolní polovině inspektoru Vlastnosti. (Zkontrolujte, zda je inspektor Vlastnosti rozbalený.)
-
Klepněte na tlačítko plus (+) a do příslušných sloupců zadejte název a hodnotu parametru.
Odstranění parametru
-
Vyberte parametr a stiskněte tlačítko minus (-).
Změna pořadí parametrů
-
Vyberte parametr a použijte tlačítka s šipkou nahoru a dolů.