Verze 2017 aplikace Dreamweaver CC

Poznámka:

Verze aplikace Dreamweaver CC z října 2017 (18.0) je nově k dispozici! Viz článek Přehled nových funkcí.

dreamweaver_facebook_profile

Aplikace Dreamweaver CC ve verzi 2017 přináší některé nové funkce a vylepšení, jako je podpora systému Git, zcela nový editor kódu, intuitivnější uživatelské rozhraní s volitelným tmavým motivem a několik vylepšení včetně rychlejšího zahájení pracovního postupu. 

Přečtěte si stručný úvod k těmto novým funkcím a vylepšením.

Přehled funkcí představených v předchozích verzích aplikace Dreamweaver CC najdete v článku Přehled funkcí | Dreamweaver CC 2015.


Adobe Dreamweaver CC (verze 2017.5)

Aplikace Dreamweaver CC 2017.5 podporuje následující nové funkce a vylepšení:

Přečtěte si více informací o těchto funkcích a vylepšeních.

Podpora systému Git v aplikaci Dreamweaver

Verze Dreamweaver CC 2017.5 podporuje open source systém pro řízení verzí Git. S novou podporou systému Git můžete snadno spravovat své soubory včetně jejich zdrojového kódu z aplikace Dreamweaver.

Aplikace umožňuje provádět běžné operace Git přímo z aplikace Dreamweaver, aniž by bylo nutné používat nástroje třetích stran. Nový panel Git (Okno > Git) umožňuje provádět nejrůznější operace Git, jako jsou příkazy Potvrdit, Odeslat, Vyžádat nebo Přenést.

Systém Git lze používat také jako nástroj pro usnadnění spolupráce a s jeho pomocí vytvářet nebo slučovat větve a vzdálená úložiště. Můžete také zobrazit rozdíly mezi dvěma verzemi souboru a prohlížet historii souboru a úložiště. 

Panel Soubory v aplikaci Dreamweaver dále přináší podporu pro nové zobrazení Git. Pomocí tohoto zobrazení můžete spravovat nesledované, upravené, připravené a potvrzené soubory související s vaším webovým místem. 

Další informace o používání systému Git ke sledování verzí a usnadnění spolupráce naleznete v části Používání systému Git v aplikaci Dreamweaver.

Používání systému Git v aplikaci Dreamweaver
Používání systému Git v aplikaci Dreamweaver

Nové motivy kódu

Aplikace Dreamweaver CC 2017.5 nově podporuje dva nové motivy kódu: Monaki a Classic. Tyto motivy kódu, které poskytují barvy kódu podobné aplikaci Dreamweaver CC 2015, si můžete libovolně vybírat a používat je. 

Vyberte možnost Dreamweaver > Předvolby (macOS) nebo Úpravy > Předvolby > Rozhraní (Windows) a vyzkoušejte nové motivy kódu zlepšující čitelnost a vizuální přehlednost.

Nové motivy kódu v aplikaci Dreamweaver CC 2017.5: Monaki a Classic
Nové motivy kódu v aplikaci Dreamweaver CC 2017.5: Monaki a Classic

Rychlejší zahájení pracovního postupu

Při prvním spuštění aplikace Dreamweaver CC 2017.5 se otevře obrazovka s uvítáním s možnostmi rychlejšího zahájení pracovního postupu. Na základě pracovní plochy, kterou si uživatel zvolí, jsou nové možnosti pro rychlejší zahájení pracovního postupu představeny v jednom z následujících výukových videí:

  • Stručná výuková lekce o pracovní ploše pro vývojáře
  • Stručná výuková lekce o standardní pracovní ploše
Rychlejší zahájení pracovního postupu v aplikaci Dreamweaver
Rychlejší zahájení pracovního postupu v aplikaci Dreamweaver 2017.5

Tato dvě výuková videa jsou k dispozici také v nabídce Nápověda. Výukové lekce zobrazíte po kliknutí na tlačítko Nápověda > Stručná výuková lekce.

Spuštění videa o možnostech rychlejšího zahájení pracovního postupu z nabídky Nápověda v aplikaci Dreamweaver
Spuštění videa o možnostech rychlejšího zahájení pracovního postupu z nabídky Nápověda

Další vylepšení

Aplikace Dreamweaver CC 2017.5 je nyní integrována s novou verzí frameworku CEF. Díky nové verzi frameworku CEF nyní Živé zobrazení v aplikaci Dreamweaver zobrazuje vlastní elementy HTML, vlastní vlastnosti pro CSS i mnoho dalších funkcí.

Adobe Dreamweaver CC (verze 2017.1)

Aplikace Dreamweaver CC verze 2017.1 poskytuje další podporu pro psaní kódu v podobě následujících funkcí:

Přečtěte si stručný úvod k těmto vylepšením.

Podpora pro PHP 7.1

V dřívějších verzích aplikace Dreamweaver měli uživatelé přístup k našeptávači kódu a kontrolám analyzátoru pro PHP 5.6. Aplikace Dreamweaver 17.1 je nastavena pro PHP verze 5.6 a 7.1.

Můžete kompilovat soubory PHP vašeho webu pomocí verze 5.6 nebo 7.1 prostřednictvím dialogového okna Nastavení webu nebo Úpravy > Předvolby.

Další informace o podpoře verze PHP 7.1 naleznete v následujících článcích:

Vylepšená funkce Hledat a nahradit

Tato verze obsahuje důležitá vylepšení funkce Hledat a nahradit. 

Nově můžete vyhledávat atributy a tagy pomocí dialogového okna Hledat a nahradit (Najít > Hledat a nahradit soubory). Toto dialogové okno můžete použít i v případě, že nejsou v aplikaci Dreamweaver otevřeny žádné soubory (například při hledání ve složce).

Mimo to, rychlé hledání panelu Hledat a nahradit (Najít > Hledat a nahradit) bylo přesunuto do spodní části pracovní plochy aplikace Dreamweaver. Pomocí tohoto panelu můžete rychle vyhledávat a nahrazovat text a atributy v aktuálním dokumentu.

Další informace o hledání a nahrazování naleznete v tématu Vyhledání a nahrazení textu, tagů a atributů. Informace o známých potížích s funkcí Hledat a nahradit v aplikaci Dreamweaver 17.1 naleznete v tématu Známé problémy a chyby opravené ve verzích aplikace Dreamweaver CC 2017.

Nové klávesové zkratky pro vyhledání a nahrazení:

  • Hledat v aktuálním dokumentu: Ctrl + F (systém Windows) a Cmd + F (systém Mac) 
  • Hledat a nahradit soubory: Ctrl + Shift + F (systém Windows) a Cmd + Shift + F (systém Mac) 
  • Nahradit v aktuálním dokumentu: Ctrl + H (systém Windows) a Cmd + Alt + F (systém Mac)

Úplný seznam klávesových zkratek Hledat a nahradit najdete v části Hledat a nahradit – klávesové zkratky.

Aktualizace na verzi Dreamweaver CC 2017 (17.0.2)

Vytvoření e-mailové kampaně pomocí aplikace Dreamweaver s rozšířením Campaign

Pomocí rozšíření Campaign pro aplikaci Dreamweaver teď můžete vytvářet na míru přizpůsobené e-mailové kampaně. 

Vytváření přizpůsobeného obsahu je velmi důležité, abyste mohli bezprostředně oslovit čtenáře a případně také díky e-mailovému marketingu zvýšit úspěšnost své firmy. 

Když v aplikaci Dreamweaver vytváříte e-mailové kampaně, nyní můžete podniknout další krok – využít data z aplikace Adobe Campaign a přidat do šablon přizpůsobený obsah (jako je jméno příjemce nebo vlastní výzva k akci).

Začít můžete tím, že kliknutím na Okno > Rozšíření > Procházet rozšíření stáhnete rozšíření Campaign a vytvoříte nový nebo upravíte stávající e-mailový newsletter. Až návrh dokončíte, pomocí polí a bloků obsahu rozšíření Campaign ho můžete přizpůsobit na míru a budete mít hotovo. 

Aplikace Dreamweaver se automaticky synchronizuje s aplikací Campaign, takže změny obsahu, které provedete v aplikaci Dreamweaver, se projeví i v aplikaci Campaign. Stačí pak zadat e-mailovou adresu a odeslat přizpůsobenou kampaň příjemci vaší zprávy.

Další informace naleznete v tématu Vytváření e-mailových kampaní na míru.

Aktualizace na verzi Dreamweaver CC 2017 (17.0.1)

Integrovaná podpora barevného zvýrazňování kódu

Nyní můžete vytvářet a přizpůsobovat motivy kódu. K dispozici máte výchozí světlý a tmavý motiv. Poté si můžete přizpůsobit barvy kódu úpravou příslušných selektorů v souboru motivu.

V nabídce Úpravy > Předvolby > Rozhraní můžete zvolit světlý nebo tmavý výchozí motiv kódu. Chcete-li změnit barvy kódu, uložte motiv pod novým názvem a upravte jej. 

Více informací o nastavení vlastních barev kódu najdete v tématu Přizpůsobení barevného zvýraznění kódu.

Poznámka:

Tato verze rovněž obsahuje opravy řady chyb. Další informace o opravených chybách najdete v tématu Známé problémy a chyby opravené ve verzích aplikace Dreamweaver CC 2017.

Verze Dreamweaver CC 2017 (17.0)

Aplikace Adobe Dreamweaver CC ve verzi 2017 obsahuje zcela nový editor kódu, intuitivnější uživatelské rozhraní s volitelným tmavým a světlým motivem a několik vylepšení včetně podpory nových pracovních postupů, jako jsou preprocesory CSS.

Chcete-li se podívat na úplný seznam novinek a změn v aplikaci Dreamweaver CC 2017, pokračujte ve čtení:

Přepracovaný Editor Kódu

Editor kódu v aplikaci Dreamweaver byl doplněn o několik vylepšení pro vyšší produktivitu, která umožňují začít psát kód rychle a efektivně.

Rady při kódování pomáhají novým uživatelům zvládnout úskalí HTML, CSS a dalších webových standardů. Vizuální pomůcky, jako automatické odsazování, barevné zvýraznění kódu a písma s nastavitelnou velikostí, pomáhají omezit chyby a usnadňují čtení kódu. 

Rady při psaní kódu

Funkce našeptávání kódu v aplikaci Dreamweaver byla vylepšena a poskytuje nyní užitečnější informace o vybraném kódu.

Pokud jste v dřívějších verzích aplikace Dreamweaver zadali pravou lomenou závorku, zobrazil se rozevírací seznam s odpovídajícím kódem.

V této verzi aplikace se nejenže zobrazí související kód, ale obdržíte také další informace, které vám pomohou přímo v aplikaci Dreamweaver rychleji tvořit v prostředí HTML, CSS a dalších webových technologií. 

Vylepšené našeptávání kódu
Vylepšené našeptávání kódu

Další informace najdete v tématu Našeptávání kódu a dokončování kódu.

Vylepšení pro zobrazení kódu

Celkový vzhled kódu byl vylepšen a přináší tak lepší čitelnost. Těšit se můžete na vylepšení ve formátování a barevném zvýraznění kódu. 

Formátování kódu

Aplikace Dreamweaver vytváří při psaní kódu automatická odsazení, čímž odstraňuje chybná ruční odsazení a zlepšuje čitelnost. 

Barevné zvýraznění kódu

Aplikace Dreamweaver nově podporuje barevné zvýraznění kódu pro další typy souborů.

Podpora barevného zvýraznění kódu je nově k dispozici pro formáty HTML, JS, CSS, PHP, XML, LESS, Sass, SCSS, SVG, Bash, C, C#, C++, clojure, CoffeeScript, Dart, Diff, EJS, Embedded Ruby, Groovy, Handlebars, Haskell, Haxe, Java, JSON, Lua, Markdown, Markdown (GitHub), Perl, Properties, Python, RDF Turtle, Ruby, Scala, SQL, Stylus, Text, VB, VBScript, XML a YAML. 

Můžete změnit zvýraznění syntaxe u různých typů souborů přímo v rámci stavového řádku v zobrazení kódu.

Další informace o všech těchto změnách naleznete v tématu Prostředí pro psaní kódu v aplikaci Dreamweaver.

Podpora preprocesorů CSS

Aplikace Dreamweaver nově podporuje běžné preprocesory CSS, například Sass, Less a SCSS, s plnou podporou barevného zvýraznění kódu a kompilace. To vám šetří čas a umožňuje vytvářet přehlednější kód.

Další informace o podpoře preprocesorů CSS v aplikaci Dreamweaver naleznete v tématu Použití preprocesorů CSS v aplikaci Dreamweaver.

Náhled v prohlížeči v reálném čase

Využijte možnosti rychle zobrazit náhled kódu v reálném čase bez nutnosti ručního opětovného načtení stránky v prohlížeči. Aplikace Dreamweaver je nově spojena s vaším prohlížečem, takže se změny v prohlížeči zobrazí okamžitě bez nutnosti znovu načíst stránku. 

Náhled změn v reálném čase v prohlížeči
Náhled změn v reálném čase v prohlížeči

Další informace naleznete v tématu Náhled v prohlížeči v reálném čase.

Rychlá úprava souvisejících souborů s kódem (funkce Rychlá úprava)

Chcete-li provést rychlé změny ve svém kódu, umístěte kurzor na konkrétní výstřižek kódu a pomocí kontextové nabídky nebo stiskem kláves Ctrl + E (Windows) nebo Cmd + E (Macintosh) otevřete rychlé úpravy.

Aplikace Dreamweaver vám nabízí možnosti kódu podle daných okolností a nástroje v rámci řádků.

Další informace naleznete v tématu Rychlá úprava.

Rychlá úprava souvisejícího kódu bez otevření několika souborů nebo záložek
Rychlá úprava souvisejícího kódu bez otevření několika souborů nebo záložek

Kontextová dokumentace CSS (Rychlé dokumenty)

Aplikace Dreamweaver poskytuje kontextovou dokumentaci pro vlastnosti CSS přímo v rámci zobrazení kódu.

Nyní již při hledání informací o vlastnostech CSS nemusíte přecházet z aplikace Dreamweaver na webovou stránku. Kombinací kláves CTRL + K (Windows) nebo Cmd + K (Macintosh) otevřete nápovědu pro kód CSS.

Nápověda pro rychlé dokumenty pro CSS v rámci rozhraní zobrazení kódu aplikace Dreamweaver
Nápověda pro rychlé dokumenty pro CSS v rámci rozhraní zobrazení kódu aplikace Dreamweaver

Několik kurzorů pro psaní a úpravy kódu

K psaní více řádků kódu současně můžete použít více kurzorů. 

Tato funkce umožňuje velké zvýšení produktivity, protože již nemusíte opakovaně psát ten samý řádek kódu.

Chcete-li vyvolat více kurzorů, můžete provést následující:

  • Chcete-li přidat kurzory do několika souvislých řádků, podržte stisknutou klávesu Alt a proveďte přetažení ve svislém směru. 
  • Chcete-li přidat kurzory do několika nesouvislých řádků, stiskněte klávesu Ctrl a klikněte na jednotlivé řádky, na které chcete kurzor umístit.
  • Chcete-li vybrat text v několika souvislých řádcích, podržte stisknutou klávesu Alt a začněte přetahovat šikmo.
  • Chcete-li vybrat text v několika nesouvislých řádcích, označte určitý text, podržte stisknutou klávesu Ctrl (Windows) nebo Cmd (Macintosh) a pokračujte v označování. 
Multicursor-GIF3

Moderní uživatelské rozhraní

Přepracovaná aplikace Dreamweaver nabízí intuitivnější a více přizpůsobitelné rozhraní s dostupnějšími nabídkami a panely a kontextový/konfigurovatelný panel nástrojů právě s těmi nástroji, které zrovna potřebujete.

Nové rozhraní rovněž nabízí čtyři úrovně kontrastu od světlé po tmavou, což usnadňuje čtení a úpravy řádků kódu.

Prohlédněte si snímek uživatelského rozhraní „před“ a „po“.

Modern user interface_2
Uživatelské rozhraní – verze Dreamweaver 2015

newUI
Nové uživatelské rozhraní – verze Dreamweaver CC 2017

V této verzi aplikace Dreamweaver rovněž došlo k úpravám nabídek, panelů nástrojů a pracovních ploch. Chcete-li se o těchto změnách dozvědět více, pokračujte ve čtení.

Změny pracovních ploch

Rozhraní Dreamweaver bylo optimalizováno pro následující výchozí pracovní plochy:

  • Pracovní plocha pro vývojáře

Tato pracovní plocha je minimalistická a ve výchozím nastavení obsahuje pouze panely, které jsou naprosto nezbytné pro vývoj webů s ručně psaným kódem – například panel Soubory a Výstřižky.

  • Standardní pracovní plocha 

Tato pracovní plocha zahrnuje vše, co potřebujete při práci s kódem a návrhem, jako je panel Soubory, CC knihovny, CSS Designer, Vložit, DOM, Datové zdroje a Výstřižky.

Poznámka:

Pracovní plochu, kterou zvolíte, si můžete přizpůsobit přidáním či odebráním panelů. Více informací o přizpůsobování pracovních ploch naleznete v tématu Vytvoření vlastních pracovních ploch.

Následuje přehled rozdílů u pracovních ploch, které naleznete v aplikaci Dreamweaver CC 2015 a aplikaci Dreamweaver CC 2017.

Dreamweaver CC 2015

  • Začátečník
  • Kód
  • Výchozí
  • Návrh
  • Extrakt

Dreamweaver CC 2017

  • Vývojář
  • Standardní

Další informace o změnách pracovní plochy naleznete v tématu Pracovní plocha aplikace Dreamweaver.

Změny v nabídce

Nabídku aplikace jsme přetvořili tak, že jsme z ní odebrali zřídka používané položky a jiné jsme zase přesunuli na intuitivnější místa.

Podrobný popis změn v nabídce aplikace Dreamweaver naleznete v tématu Přepracované nabídky.

Změny panelu nástrojů

Panel nástrojů je nyní společný pro všechna zobrazení. Na panelu nástrojů se zobrazují pouze nástroje potřebné pro zobrazení, ve kterém pracujete.

Panel nástrojů si však můžete přizpůsobit tak, aby zobrazoval nástroje, které potřebujete. 

Další informace naleznete v tématu Přehled panelu nástrojů.

Změny na stavovém řádku

Stavový řádek nově obsahuje informace užitečné při práci v zobrazení kódu. 

Nyní můžete:

  • Přepínat mezi režimem INS (vkládání) a OVR (přepsání)
  • Prohlédnout si číslo řádku a sloupce v dolní části obrazovky. Tato čísla označují řádek a sloupec, na kterém se nachází kurzor.
  • Vybrat požadované barevné zvýraznění kódu pro různé typy souborů s kódem.

Další informace naleznete v tématu Přehled stavového řádku.

Změny panelu Výstřižky

Panel Výstřižky se nově může těšit přehlednějšímu provedení a dalším změnám pro usnadnění procesu vkládání výstřižků.

Následující obrázek zvýrazňuje hlavní změny provedené na panelu Výstřižky:

Změny uživatelského rozhraní na panelu Výstřižky
Změny uživatelského rozhraní na panelu Výstřižky

V předchozích verzích aplikace Dreamweaver bylo nutné vkládat výstřižky pomocí klávesových zkratek.

Vkládání výstřižků pomocí klávesových zkratek nebylo efektivní z následujících důvodů:

  • Bylo třeba si pamatovat neintuitivní klávesové zkratky
  • Možnost konfliktů s produktovými klávesovými zkratkami

V této verzi aplikace Dreamweaver můžete k vkládání výstřižků kódu používat aktivátory.

Aktivátory jsou uživatelsky přívětivé textové řetězce pro kódování výstřižků. Například pro výstřižek kódu, který vytváří odkaz mailto, můžete napsat výraz „mailto“ a nastavit jej jako aktivátor.

Poté, co zadáte aktivátor, umístěte kurzor do dokumentu, zadejte výraz „mailto“ a stiskněte klávesu Tab. Aplikace Dreamweaver následně vloží související výstřižek kódu do vašeho dokumentu.

Další informace o panelu Výstřižky naleznete v tématu Opakované použití kódu v podobě výstřižků.

Změny na panelu Soubory

Panel Soubory byl upraven tak, aby se používal snadněji a intuitivněji.

V nejjednodušší formě panel Soubory obsahuje seznam výhradně místních souborů ve vašem počítači. Jak budete panel Soubory používat více, tedy nastavovat weby, nastavovat připojení ke vzdáleným serverům, povolovat zpřístupňování nebo vyhrazování, panel Soubory začne nabízet další možnosti.

Další informace o změnách na panelu Soubory naleznete v tématu Přepracovaná podoba panelu Soubory.

Změny na úvodní obrazovce a v možnostech pro rychlejší zahájení pracovního postupu

Při spuštění aplikace Dreamweaver nebo při zavření všech dokumentů aplikace Dreamweaver se zobrazí nová úvodní pracovní plocha. Tato úvodní pracovní plocha nabízí rychlý přístup k naposledy použitým souborům, knihovnám a počátečním předlohám.

Pokud dáváte přednost předchozím dialogovým oknům, můžete i nadále pomocí klávesové zkratky Ctrl/Cmd + O zobrazit dialogové okno Otevřít, případně pomocí klávesové zkratky Ctrl/Cmd + N zobrazit dialogové okno Nový dokument.  

Máte k dispozici možnosti pro rychlejší zahájení pracovního postupu, abyste si snadno zvykli na změny pracovní plochy aplikace Dreamweaver CC 2017. Jakmile rychle projdete možnosti přizpůsobení, zobrazí se vám pracovní plocha a volby motivu podle vašich potřeb. 

Další informace naleznete v tématu Pracovní plocha aplikace Dreamweaver.

Zvýraznění v reálném čase při hledání a nahrazování textu

Nový nerušivý panel nástrojů Hledat a nahradit naleznete v horní části okna, kde neblokuje žádné části obrazovky.

Hledání a nahrazení je obecně rychlejší a efektivnější ve srovnání s předchozí verzí aplikace Dreamweaver. Aplikace Dreamweaver nově vyhledává řetězce v reálném čase při zadávání textu na panelu Hledání a zvýrazní všechny výskyty řetězce v aktuálním dokumentu. 

Další informace naleznete v tématu Hledání a nahrazování textu.

Vylepšení Creative Cloud knihoven

Archivujte, obnovujte, přidávejte komentáře a prohlížejte si historii verzí všech datových zdrojů, které jste si uložili ve službě Creative Cloud, včetně souborů v Creative Cloud knihovnách a datových zdrojů vytvořených v počítačových i mobilních aplikacích Creative Cloud.

Automatické obnovení souborů po zhroucení

Jestliže bude aplikace Dreamweaver neočekávaně ukončena z důvodu chyby systému, výpadku napájení nebo kvůli jiným problémům, můžete obnovit všechny neuložené změny provedené v souborech, na kterých jste pracovali.

Další informace naleznete v tématu Automatické obnovení souborů.

Tato práce podléhá licenci Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Na příspěvky ze služeb Twitter™ a Facebook se nevztahují podmínky licence Creative Commons.

Právní upozornění   |   Zásady ochrany osobních údajů online