Opakované použití kódu v podobě výstřižků

Pokud zjistíte, že určité části kódu používáte stále dokola, můžete si jeho psaní urychlit použitím výstřižků kódu. Jednou kód napište a uložte jej jako výstřižek, na který můžete později dvakrát kliknout na panelu Výstřižky a vložit jej opakovaně na různých místech.

Výstřižky vytvořené pomocí panelu Výstřižky nejsou určeny výhradně pro jeden web, takže je můžete používat opakovaně na více webech. Výstřižky kódu lze díky synchronizaci nastavení také používat jak v různých zařízení, tak i v různých verzích aplikace Dreamweaver.

Aplikace Dreamweaver se dodává s řadou výstřižků kódu. Můžete však také vytvářet a ukládat vlastní výstřižky kódu.

Jak výstřižky nejlépe využít?

Následující případy použití vám pomohou vysvětlit, kde je možné v rámci pracovních postupů výstřižky použít:

• Ať už pracujete v organizaci, která dodržuje určité standardy designu, nebo jste nezávislý pracovník účastnící se více projektů, můžete použít výstřižky kódu k dosažení jednotného designu uložením společných částí kódu v podobě výstřižků a jejich následným vložením do kódu.
• Výstřižky kódu jsou užitečné také v případě, kdy je vyžadováno, abyste definovali, udržovali a zajistili určité normy kódování.
• Ruční psaní kódu pro responzivní elementy na webových stránkách může být časově náročné. V takových případech můžete použít vhodné výstřižky v sekci Bootstrap nebo Výstřižky responzivního návrhu na panelu Výstřižky (například výstřižek kódu pro responzivní tabulku). Jediným kliknutím jste vložili téměř 20 řádků kódu pro tuto responzivní tabulku.
  Upravit tabulku podle potřeby.Podle potřeby můžete sloupce nebo řádky sloučit, přidat je, upravit je podle vašich požadavků a nakonec vybrat kód a uložit jej jako nový výstřižek, který můžete opakovaně používat na všech ostatních vytvářených stránkách. Další informace o vytváření výstřižků kódu naleznete v tématu Vytvoření výstřižků.
• Chování jazyka JavaScript, efekty CSS a styly CSS jsou další skvělí kandidáti pro opakované používání kódu.

Panel Výstřižky

V aplikaci Dreamweaver můžete spravovat výstřižky kódu za pomoci panelu Výstřižky (Okno > Výstřižky).

Panel s výstřižky funguje jako sbírka dílků kódu.

Možnosti na panelu Výstřižky

Panel Výstřižky vám umožňuje provádět následující.

Rozbalte složky, přejděte k výstřižku kódu a dvakrát na něj klikněte nebo kliknutím na ikonu Vložit vložte výstřižek na místo kurzoru. Pokud chcete vložit výstřižek kódu okolo existujícího textu, vyberte text a vložením výstřižku umístíte text do výstřižku kódu. Další informace naleznete v tématu Vložení výstřižků.

Své výstřižky můžete spravovat přidáním do složek s vhodným popisným názvem. Když budete chtít vytvořit složku pro výstřižek, klikněte na ikonu Nová složka. Ve vybraném uzlu se vytvoří nová složka pro výstřižky. Chcete-li změnit umístění složky pro výstřižky, přetáhněte jej na požadované místo. Další informace naleznete v tématu Vytvoření složek s výstřižky. 

Předem vytvořené výstřižky můžete upravit a vytvořit tak své vlastní výstřižky kódu. Výstřižky můžete vytvořit také od začátku a uložit je na panelu Výstřižky pro pozdější použití. Další informace naleznete v tématu Vytvoření výstřižků.

Chcete-li upravit existující výstřižek, vyberte výstřižek a klikněte na ikonu Upravit. Další informace naleznete v tématu Úprava výstřižků.

Výstřižky, které již nevyužíváte, můžete odstranit. Pokud chcete výstřižek odstranit, vyberte jej a klikněte na ikonu Odstranit.

Pokud budete chtít výstřižek přejmenovat, otevřete kontextovou nabídku tím, že na něj kliknete na pravým tlačítkem. Vyberte možnost Přejmenovat výstřižek a zadejte nový název výstřižku.

Aktivátory umožňují vytvořit intuitivní krátké kódy, které můžete zadat namísto toho, abyste museli vyhledat konkrétní výstřižek na panelu Výstřižky a ty poté vkládat. Pokud jste definovali aktivátory, umístěte kurzor na požadované místo v kódu. Následně zadejte text aktivátoru a stiskněte klávesu Tab. Výstřižek kódu se vloží do kódu. Další informace naleznete v tématu Přidání aktivátoru a vložení výstřižků kódu pomocí aktivátorů.

Vložení výstřižků

Výstřižky kódu můžete vložit do kódu na místo, na kterém se nachází kurzor.

Pokud jste definovali aktivátory, umístěte kurzor na požadované místo v kódu. Následně zadejte text aktivátoru a stiskněte klávesu Tab. Výstřižek kódu se vloží do kódu. Další informace naleznete v tématu Přidání aktivátoru a vložení výstřižků kódu pomocí aktivátorů.

Výslednou podobu výstřižku kódu můžete zkontrolovat jeho vložením do zobrazení návrhu.

Vytvoření výstřižků

Úprava výstřižků

Pokud budete chtít provést změny ve stávajícím výstřižku, postupujte následovně:

• Kliknutím pravým tlačítkem myši na výstřižek otevřete dialogové okno Upravit výstřižek.
• Vyberte výstřižek a klikněte na ikonu Upravit výstřižek ve spodní části panelu.

Při úpravě výstřižku se stávající instance výstřižku v dokumentu nezmění.

V dialogu Výstřižek můžete upravit všechna pole, jako je Název, Popis, aktivátor nebo samotný kód.

Vytvoření složek s výstřižky

Přidání aktivátoru a vložení výstřižků kódu pomocí aktivátorů

Pomocí aktivátorů můžete rychle přidávat výstřižky kódu.

Nejdříve přiřaďte aktivátory k často používaným výstřižkům. Poté v zobrazení kódu zadejte text aktivátoru a stiskněte klávesu Tab, což způsobí, že aplikace Dreamweaver přidá výstřižek v místě kurzoru.

Postup distribuce výstřižků mezi různá zařízení

Funkce pro synchronizaci v cloudu u aplikace Dreamweaver umožňuje synchronizaci výstřižků u dvou různých počítačů.

Pomocí funkce synchronizace nastavení u aplikace Dreamweaver můžete přenést výstřižky vytvořené v jedné instanci aplikace Dreamweaver do jiného počítače s aplikací Dreamweaver (například aplikace Dreamweaver v kancelářském a domácím počítači). 

Postup synchronizace nastavení:

Pokud synchronizaci nastavení provádíte často, můžete kliknutím na možnost Povolit automatickou synchronizaci v sekci Synchronizace nastavení na panelu Předvolby povolit automatickou synchronizaci. Veškeré změny v nastavení se automaticky ukládají v cloudu.