Přehled nových funkcí

Dreamweaver 13.1 je aktualizací aplikace Dreamweaver CC (13.0) a vyžaduje, abyste měli aplikaci Dreamweaver CC (13.0) nainstalovanou ve svém počítači. Seznam nových funkcí v aplikaci Dreamweaver CC (13.0) najdete na stránce Co je nového v aplikaci Dreamweaver CC.

Při práci s funkcemi aplikace Dreamweaver, jako jsou CSS Designer, panel Datové zdroje a Předvolby, můžete pomocí okna Výběr barvy vybírat z široké nabídky barev.

Nové okno Výběr barvy v aplikaci Dreamweaver vám umožní:

• Vybírat si barvy z různých barevných modelů (RGBa, Hexadecimální nebo HSLa). Nastavovat požadovanou světlost (F) a průhlednost (E) barev. Poté můžete vlastní barevné kombinace ukládat jako barevné palety.
  • Chcete-li vrátit novou barvu na původní barvu, klikněte na originální barvu (B).
  • Pořadí vzorků barev můžete měnit jejich přetažením na požadované místo.
  • Chcete-li barevnou paletu odstranit, přetáhněte ji mimo panel.
• Pomocí kapátka (H) můžete vzít vzorek barvy z kteréhokoli místa na obrazovce. Chcete-li vybrat barvu z jiné aplikace než Dreamweaver, podržte tlačítko myši, přesuňte myš nad požadovanou barvu a tlačítko myši uvolněte.

Nyní můžete synchronizovat klávesové zkratky a upravené pracovní plochy do cloudu (a následně do jiného počítače s aplikací Dreamweaver CC ve stejném operačním systému).

Synchronizace klávesových zkratek a pracovních ploch je ve výchozím nastavení zapnuta. Synchronizaci těchto položek můžete vypnout zrušením jejich volby v dialogovém okně Předvolby.

Tlačítko OK v dialogovém okně Předvolby bylo nahrazeno tlačítkem Použít, které vám umožní změnit nastavení ve více kategoriích a použít změny před zavřením dialogového okna.

Při úpravě vlastností selektoru CSS ve verzích aplikace Dreamweaver starších než 13.1 neexistoval způsob, jak zjistit elementy stránky, na kterých se změny projeví.

Pomocí živého zvýraznění nyní snadno určíte prvky stránky spojené s daným selektorem CSS. Poté můžete pokračovat v úpravách jejich vlastností, nebo v případě, že chcete změnit vlastnosti konkrétního prvku, vytvořit nový selektor CSS pro daný prvek a upravit jeho vlastnosti. 

Více informací najdete na stránce Zjištění elementů stránky spojených se selektorem CSS.

V aplikaci Dreamweaver je nyní implementováno ukládání a obnovení kontextu umožňující zachovat původní kontext panelu CSS Designer ve všech pracovních postupech úprav, přidávání a odstraňování.

Dříve se po úpravě nebo přidání vlastnosti selektoru v rámci vypočteného seznamu selektorů podokno vlastností přepnulo na vypočtený seznam vlastností. Změna či odstranění hodnot margin pak způsobovala přesun bloku vlastnosti margin dolů.

Ukládání a obnovení kontextu tyto problémy řeší.

Funkci ukládání a obnovení kontextu můžete vidět v následujících situacích:

• Sledování pravidel CSS – klikněte na některý selektor v panelu Selektory. V kódu CSS se aktualizuje poloha kurzoru.
• Odstranění vlastností v textu/okraji nebo jiných kategoriích. Panel vlastností neztratí kontext.
• Posuvníky a karty v panelu vlastností jsou zachovány při změně selektorů. Přejdete-li na vlastnost border v jednom selektoru a poté přepnete na jiný selektor, bude se v panelu vlastností stále zobrazovat kategorie border.

Kromě toho si všimnete, že úpravy a přidávání vlastností selektoru v rámci vypočteného seznamu selektorů a úpravy a přidávání hodnot margin fungují lépe.

Čísla řádků, na kterých se nachází kurzor, jsou v zobrazení kódu, živém kódu, zobrazení návrhu, živém zobrazení a inspektoru kódu zvýrazněna. Čísla řádku jsou zvýrazněna také při výskytu syntaktické chyby.

Tag, ve kterém se nachází kurzor, je zvýrazněn. Pokud se kurzor nachází v otevíracím tagu, je zvýrazněn i uzavírací tag a naopak. Zvýrazňování funguje s klikáním myší i s ovládáním pomocí klávesnice. Zvýrazňování tagů funguje také v živém kódu a v inspektoru kódu.

Barvu zvýraznění tagů můžete nastavit v předvolbách (Barevné zvýraznění kódu).

V souborech CSS, LESS, SASS, SCSS a u tagů s inline stylem se nyní zobrazuje nápověda pro třídy a ID použité v nadřazených souborech HTML.

Aplikace Dreamweaver nabídne nápovědu kódu, když v příslušném souboru CSS nebo inline stylu nadřazeného souboru HTML napíšete znak . nebo # .

• Mac: Cmd + šipka vlevo provede přesun na začátek, Cmd + šipka vpravo provede přesun na konec aktuálního řádku.
• Windows: Ctrl + šipka vlevo provede přesun na začátek, Ctrl + šipka vpravo provede přesun na konec aktuálního řádku.

Klávesové zkratky lze nastavit v části Úpravy > Klávesové zkratky > Příkazy > Úpravy kódu.

Do aplikace Dreamweaver je nyní integrován framework Chromium Embedded Framework (CEF), software s otevřeným zdrojovým kódem založený na projektu Google Chromium. Zásluhou této integrace může aplikace Dreamweaver řídit načítání prostředků, procházení, kontextové nabídky, tisk a další funkce a využívat přitom stejnou funkčnost a technologie HTML5 dostupné ve webovém prohlížeči Google Chrome.

Více informací najdete na stránce Integrace frameworku CEF.

Poznámka: Vzhledem k integraci frameworku CEF se při vývoji rozšíření vyžaduje změna způsobu používání elementu <mm:browsercontrol>. Podrobné informace naleznete v tomto článku.

Plná podpora jazyka PHP 5.4 (žádné syntaktické chyby)

Nástroj Adobe Extension Manager 7.1 poskytuje nové funkce, které vylepšují možnosti stahování rozšíření a udržují je aktualizované.

• V minulosti bylo třeba veškerý obsah pro nástroj Adobe Exchange komprimovat do formátu ZXP pomocí nástrojů, jako je například Adobe Exchange Packager. Nástroje Adobe Exchange a Extension Manager byly aktualizovány, aby umožňovaly odeslání a instalaci souborů libovolného typu. To znamená, že nástroj Adobe Exchange nyní podporuje více aplikací Adobe CC a podstatně širší spektrum obsahu. Nástroj Adobe Exchange bude zahrnovat vybraný kompatibilní obsah nástrojů Adobe Exchange Classic a Photoshop Marketplace.

• Kdokoli může nyní odesílat soubory na portál Adobe Exchange Producer Portal. Pokud vyberete tuto možnost, nástroj Adobe Exchange automaticky provede komprimaci tohoto obsahu do nepodepsaného souboru ZXP a nástroj Extension Manager ho nainstaluje do uživatelovy složky Stahování, kde bude zpřístupněn k načtení stejným způsobem, jako komplexnější dynamická rozšíření. Tento nový obsah podporuje spolupráci s kompatibilními stolními aplikacemi sady CC, například Photoshop® CC, InDesign® CC, Illustrator® CC, Dreamweaver® CC, InCopy® CC, Prelude® CC a Premiere® Pro CC.

Rozšíření nabízená pomocí nástroje Extension Manager mohou nyní zobrazit aktualizační odkaz s informacemi o aktualizaci na aktualizačním serveru poskytovatele. Nástroj Extension Manager zobrazuje aktualizace dostupné v tomto umístění a umožňuje uživateli zahájit aktualizace. Můžete poskytnout adresu URL ke stažení balíčku ZXP. V takovém případě ho nástroj Extension Manager stáhne a nainstaluje automaticky. Můžete také odkazovat na stránku s pokyny, které uživateli umožní ruční stažení a instalaci aktualizace.