Lepší zabezpečení

Součástí aplikace Dreamweaver jsou nejnovější aktualizace knihoven třetích stran a opravy chyb.
Jak to funguje ›

Podpora procesorů Apple Silicon

Zrychlete své prostředí Dreamweaver, protože nyní můžete aplikaci nativně spouštět na počítačích Apple s čipem Apple Silicon M1.
Podrobněji o aplikaci pro zařízení s čipem Apple Silicon.

Podpora CEF (Chromium Embedded Framework)

Dreamweaver přináší vylepšený výkon a kompatibilitu s integrací nejnovějšího Chromium Embedded Framework pro vykreslování živého zobrazení. 

Aktualizace z října 2020 (verze 21.0) nově nabízí lepší kompatibilitu s nejnovějšími verzemi operačních systémů (macOS a Windows) společně s opravami chyb.

V aplikaci Dreamweaver verze 21.0 již nejsou k dispozici následující pracovní postupy:

• Optimalizace obrázků
• Seznam rozhraní API s ukončenou podporou

Aktualizace z ledna 2021 (verze 21.1) přináší lepší kompatibilitu s nejnovějšími verzemi operačních systémů (macOS a Windows), opravy chyb, opravy slabých míst v zabezpečení a rychlejší otevírání souborů.

Bezproblémové úpravy v živém zobrazení

Úpravy v živém zobrazení byly zjednodušeny.
Jak to funguje ›

Výchozí písmo v japonštině

Zavádíme nové výchozí písmo v japonštině.
Jak to funguje ›

Vylepšení rad při psaní

Rady při psaní kódu jsou vylepšeny v oblasti dostupnosti a přesnosti logiky filtrování.
Jak to funguje ›

A další ...

Oprava zhroucení při spuštění

Nová aktualizace aplikace Dreamweaver opravuje problém verzí 19, kvůli kterému docházelo v nových zařízeních se systémy Windows a Mac ke zhroucení, pokud byla aplikace nainstalována prostřednictvím aplikace Creative Cloud pro stolní počítače ve verzi 4.9 a novějších.

Vylepšení formátování kódu

Dreamweaver podporuje formátování kódu HTML v rámci dokumentů PHP podle pravidel stanovených v knihovnách tagů. vÍCE o úpravách formátování HTML v Knihovny tagů. Nyní můžete také podle svých požadavků přizpůsobit pravidla formátování pro kódy CSS, JS a PHP, více na  Formátování kódu.

A další ...

Aktualizace rozhraní CEF

Aplikace Dreamweaver nyní podporuje nejnovější verzi rozhraní CEF (Chromium Embedded Framework). Návrháři a vývojáři tak mohou vytvářet weby HTML5 a zobrazovat elementy Flexbox, mřížky CSS a řadu dalších prvků.

Podpora specifikace ES 6

Nová podpora specifikace EcmaScript 6 zahrnuje rychlý výpis tříd, metod, funkcí šipky a funkcí generátoru, stejně jako zápis kódu ES6, takže můžete pracovat s nejnovějšími aktualizacemi jazyka JavaScript.

Refaktorování kódu JavaScript

Využívejte funkce přejmenování a refaktorování k inteligentní uspořádání kódu JavaScript.

A další ...

Podpora pro Bootstrap 4.0

Výkonné nástroje a vizuální pomůcky pro psaní kódu ještě více usnadňují tvorbu webů v tomto oblíbeném CSS prostředí.

Podpora HiDPI pro systém Windows

Aplikace Dreamweaver je optimalizována pro monitory HiDPI, takže si můžete užít ostré rozhraní s písmy, ikonami, dialogovými okny a nabídkami, které se vždy správně přizpůsobí velikosti obrazovky.

Podpora více monitorů v systému Windows

Zobrazte si aplikaci Dreamweaver na více monitorech a vychutnejte si opravdu velkou pracovní plochu. Můžete si například přetáhnout okno dokumentu mimo rámec aplikace a zobrazit si ho druhém monitoru.

Nová úvodní obrazovka

Při prvním otevření nejnovější verze aplikace Dreamweaver uvidíte novou úvodní obrazovku. Úvodní obrazovka v aplikaci Dreamweaver nabízí rychlý přístup k naposledy otevřeným souborům, souborům Creative Cloud a počátečním předlohám. Mimo to nová obrazovka obsahuje také kartu Práce a Informace. Kliknutím na kartu Práce přejdete na naposledy otevřené soubory. Kliknutím na kartu Informace a poté na požadované video se můžete podívat na výuková videa pro aplikaci Dreamweaver. Povšimněte si ikony Hledat v pravém horním rohu obrazovky. Pokud zadáte hledaný výraz, aplikace zobrazí naposledy otevřené soubory, Creative Cloud zdroje, odkazy na nápovědu a obrázky odpovídající parametrům vyhledávání.

Podpora pro Git

Aplikace Dreamweaver nyní podporuje systém správy verzí Git, díky čemuž můžete spravovat zdrojový kód přímo v aplikaci. Pomocí nového panelu Git můžete provádět všechny běžné operace systému Git, včetně operací Push, Pull, Commit a Fetch. Panel Soubory umožňuje přepínat mezi zobrazením FTP a Git a prohlížet stav souborů vašeho týmu.

Nové motivy kódu

Čtení kódu usnadňují nové motivy kódu Monaki a Klasický, které nabízející barvy, jež jsou podobné barvám v aplikaci Dreamweaver CC 2015.

Aktualizovaná podpora CEF

Aplikace Dreamweaver je integrována s novou verzí CEF. Díky tomu si můžete v zobrazení kódu i v živém zobrazení prohlížet vlastní elementy HTML, vlastní vlastnosti pro CSS a další obsah.

Vylepšené seznámení s aplikací

Nový způsob seznámení s funkcemi aplikace umožní novým uživatelům rychle zahájit práci, zatímco pokročilí uživatelé se mohou dozvědět tipy pro efektivnější využívání aplikace, díky nimž mohou pracovat ještě produktivněji.

Podpora pro PHP 7

Vytvářejte dynamické webové stránky a služby pomocí nejnovější verze nejoblíbenějšího skriptovacího jazyka na světě. Ve verzi PHP 7 bylo významně vylepšeno spouštění kódu, využití paměti a další funkce. Mějte přístup k radám při psaní kódu a kontrole chyb přímo z prostředí aplikace Dreamweaver.

Vylepšená funkce Hledat a nahradit

Díky novému pruhu hledání můžete rychle hledat v kódu jednoduchý text, tagy nebo prvky kódu bez blokování obrazovky. Můžete také použít nové rozšířené vyhledávání, které umožňuje prohledávat otevřené soubory, weby a složky pomocí jednoduchých klávesových zkratek nebo rozbalovacích nabídek.

Nový editor kódu

Pište kód rychleji a flexibilněji díky novému modulu pro kódování. Rady při psaní kódu 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.

Pracovní plocha pro vývojáře

Nová výkonná a přehledná pracovní plocha pro vývojáře vám umožní rychle načítat a otevírat soubory a rychleji dokončovat projekty.

Podpora preprocesorů CSS

Dreamweaver nyní podporuje běžné preprocesory CSS, jako SASS, Less a SCSS, včetně barevného zvýraznění kódu, rad při psaní kódu a kompilace. Můžete tak ušetřit čas a vytvářet přehlednější kód.

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

Prohlížejte si úpravy stránky v reálném čase bez nutnosti ručního obnovování prohlížeče.

Rychlé úpravy kódu CSS v souborech HTML

Nový režim rychlých úprav nabízí včleněný editor pro úpravy souvisejícího kódu CSS v souboru HMTL, takže můžete rychle provádět potřebné změny kódu.

Kontextová dokumentace CSS

Nová rychlá dokumentace šetří váš čas zobrazováním relevantních referenčních informací z databáze Web Platform Docs pro vlastnosti CSS přímo v zobrazení kódu.

Více kurzorů pro opakující se úkoly

Pište více řádků kódu současně a rychle tak vytvářejte odrážkové seznamy, aktualizujte série řetězců a provádějte současně více úprav.

Moderní uživatelské rozhraní

Na základě informací od tisíců testerů beta verzí byla aplikace Dreamweaver přepracována a nyní nabízí intuitivnější a flexibilnější rozhraní, přístupnější nabídky a panely a kontextové a konfigurovatelné panely nástrojů, které zobrazují jen potřebné nástroje.

Barevné motivy uživatelského rozhraní

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

Vylepšení Creative Cloud zdrojů

Archivujte a obnovujte všechny datové zdroje, 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.

Podpora služby Typekit

Nakupujte písma od špičkových tvůrců a používejte je ve svých projektech Dreamweaver. Služba Typekit využívá synchronizaci písem a webové technologie, díky nimž můžete zakoupená písma používat kdekoli.

A mnoho dalšího

Další vylepšení: Integrace technologie Adobe CreativeSync; vylepšené funkce hledání a nahrazování; lepší dokončování kódu pro PHP 5.6; rychlejší spuštění; rychlejší přepínání mezi soubory, kartami a zobrazeními; obnovení po selhání a další.

Datové zdroje na dosah ruky s Creative Cloud knihovnami

Procházejte a používejte barvy, obrázky a další kreativní datové zdroje v knihovnách, které jsou dostupné v aplikaci Dreamweaver a ostatních aplikacích služby Creative Cloud. Datové zdroje lze navzájem propojit, takže při změně jednoho si můžete společně s ostatními členy vašeho týmu vybrat, zda ho budete aktualizovat ve všech projektech, kde se používá. Knihovny oproti dřívějšku usnadňují uspořádání a správu projektů.
Jak to funguje ›

Integrovaná služba Adobe Stock

Nyní můžete vyhledávat, licencovat a spravovat royalty-free obrázky a vektorovou grafiku přímo z aplikace Dreamweaver. Vybírejte ze 45 milionů datových zdrojů, uložte výběr do Creative Cloud knihoven a pak ho přetáhněte do projektu, abyste ho mohli použít. Můžete také licencovat datové zdroje přímo z tržiště Adobe Stock.
Jak to funguje ›

Nové vizuální pomůcky s nejnovější architekturou Bootstrap

Jednoduše vytvářejte responzivní weby, které se přizpůsobí jakémukoli prohlížeči na jakémkoli zařízení díky integraci s nejnovější verzí architektury Bootstrap. Nové vizuální pomůcky vám pomáhají definovat body přerušení pro různé rozměry obrazovky a uspořádat kód, to vše v aplikaci Dreamweaver.

Vytváření responzivních webů pomocí kreslicích pláten aplikace Photoshop

Vytvářejte interaktivní weby ze souborů aplikace Photoshop, které obsahují více kreslicích pláten – každý s návrhy pro různé velikosti obrazovky. Extrahujte šablony stylů CSS, barvy a další prvky ze sdílených souborů PSD přímo v aplikaci Dreamweaver.
Jak to funguje ›

Pracujte s vyšší produktivitou v aplikacích Code View a Live View

Kódujte efektivněji s podporou sady Emmet, která pomáhá převádět jednodušší zkratky na komplexní kódy HTML a CSS, a kontrolou chyb v reálném čase se zápisem kódu. Můžete také upravovat integrované prvky HTML v rámci souborů PHP v živém zobrazení.

A mnoho dalšího

Obsahuje také: Jednoduché šablony pro začátečníky, které začínajícím uživatelům a studentům pomáhají vytvářet skvělé weby a další funkce.

Najděte si ideální fotky

Najděte ty nejlepší obrázky pro své weby na tržišti Adobe Stock. Prozkoumejte stále se rozšiřující knihovnu fotek a ilustrací a stáhněte si je přímo do svého projektu ze služby Creative Cloud.

Náhled na jakémkoliv zařízení

Testujte a kontrolujte weby na více zařízeních současně. K zobrazení náhledu webů stačí zadat krátkou adresu URL do prohlížeče mobilního zařízení.
Jak to funguje ›

Tvorba responzivních webů

Vytvářejte v aplikaci Dreamweaver weby, které se dynamicky přizpůsobují několika velikostem obrazovky a mají vestavěnou integraci systému Bootstrap. Revitalizujte své stávající weby, začněte od začátku, využívejte šablony nebo začleňte komponenty Bootstrap. Zobrazte náhledy svých návrhů v reálném čase změnou velikosti živého zobrazení v aplikaci Dreamweaver. Vizuálně nastavujte dotazy na média a využívejte další možnosti.
Jak to funguje ›

Dávkový export ze souborů PSD

Ušetřete čas rychlým extrahováním obrázků optimalizovaných pro web z dokumentů aplikace Adobe Photoshop ve více rozlišeních a formátech.
Jak to funguje ›

Rychlejší kódování

Nové motivy editoru barev, ověřování kódu v reálném čase se statickými kontrolami zdrojového kódu a automatické dokončování s podporou sady Emmet oproti dřívějšku urychlují a usnadňují zápis kódu v aplikaci Dreamweaver.
Jak to funguje ›

A mnoho dalšího

K dispozici také: Nový panel DOM pro snadné procházení a úpravy prvků stránky HTML, náhledy barev a obrázků v reálném čase v zobrazení kódu, nové rychle reagující fragmenty kódů pro urychlení vývoje, automatické vyvolání dynamických souborů při ukládání a další funkce.

Extrakt

Získejte tipy při psaní kódu závislé na kontextu, přetahujte optimalizované obrázky do živého zobrazení, snadno kopírujte šablony stylů CSS a text a zjišťujte z PSD rozměry a informace o barvách, přechodech, písmech a dalších prvcích.
Jak to funguje ›

Živé zobrazení

Nové možnosti jako kontextové nabídky a aktualizace panelu Vložit, klávesové zkratky a editor značek HTML značně urychlují úpravy a náhled webů.
Jak to funguje ›

Živá vodítka

Pomocí živých vodítek můžete přesně přesunovat prvky HTML spolu s přidruženým kódem pouhým přetažením.

Výchozí šablony

Získejte náskok při navrhování responzivních webů s integrovanými přizpůsobitelnými rozloženími.

64bitová architektura

Aplikace Dreamweaver byla přepracována tak, aby nyní plně využívala výhod moderního 64bitového hardwaru a operačních systémů. To jí zajišťuje lepší kompatibilitu a vylepšený výkon.

Rychlé zobrazení prvku

Vizualizujte si svůj kód na souhrnné úrovni pomocí nového vizualizačního nástroje DOM. Snadno provádějte změny struktury obsahu přetažením, zkopírováním, odstraněním nebo vícenásobným výběrem pracovních postupů.
Jak to funguje ›

Inspektor vlastností v živém zobrazení

Umožní vám vybírat, měnit a kontrolovat vlastnosti libovolných prvků HTML v živém zobrazení. Výsledky uvidíte, aniž byste museli zobrazení ručně aktualizovat.
Jak to funguje ›

Živé vložení

V živém zobrazení můžete pomocí panelu Vložit přidávat prvky HTML a zobrazit si náhled změn bez přepínání režimů nebo kliknutí na tlačítko Aktualizovat.
Jak to funguje ›

Vylepšený CSS Designer

Generujte bezchybný standardní kód CSS pomocí intuitivních, vizuálních editačních nástrojů. Rychle aplikujte vlastnosti CSS textu, rozvržení, barvy a další. Výrazné vylepšení použitelnosti zajišťuje nový nástroj Okraj, podpora vracení akcí zpět a významné vylepšení pracovních postupů.
Jak to funguje ›

Správa webů založená na certifikátech

Bezpečná správa souborů z vašeho webu pomocí ověření na základě certifikátu SFTP, které poskytuje zjednodušený přístup k více serverům.

Centrum nápovědy

Díky této funkci objevíte nové funkce a efektivní pracovní postupy při prvním spuštění. Některé části můžete přeskočit a materiály jsou rozděleny na jednotlivé moduly, takže je snadné se k jakémukoli tématu vrátit.
Jak to funguje ›

A mnoho dalšího

K dispozici je také: vylepšení akce zpět/opakovat, změny při přístupu k rozšířením, aktualizace pracovních postupů ve službách Adobe Business Catalyst a PhoneGap Build a mnoho dalšího.

Živé zvýraznění

Vizualizujte vztahy mezi prvky HTML v živém zobrazení a použitými selektory CSS. Kontrolujte a zvýrazňujte prvky v živém zobrazení v reálném čase při současné práci s panelem CSS Designer.
Jak to funguje ›

Vylepšený CSS Designer

Generujte bezchybný standardní webový kód pomocí intuitivních, vizuálních editačních nástrojů. Využívejte vlastnosti šablon stylů CSS, například přechody a stíny elementů. Lepší využitelnost a nový výběr barev zlepšuje produktivitu zrychlením úprav vizuálních prvků CSS.
Jak to funguje ›

Vylepšená synchronizace nastavení

Přihlaste se do služby Creative Cloud z libovolného počítače a synchronizujte předvolby, nastavení stránek, vlastní pracovní prostory a klávesové zkratky. Nastavte si postup práce jen jednou a používejte ho kdekoli – to vše díky službě Creative Cloud.
Jak to funguje ›

Vylepšené zobrazení kódu

S dokonalejším zobrazením kódu, při kterém se zvýrazňují čísla řádků a odpovídající tagy, bude psaní kódu efektivnější. Nová nápověda pro kód selektoru CSS obsahuje i podporu předvoleb pro úpravu barev.
Jak to funguje ›

Modernizované živé zobrazení

Nový modul vykreslování v živém zobrazení zobrazuje webový obsah všude stejně a se stejnou podporou HTML5 dostupnou v prohlížeči Google Chrome. Doba strávená prací v aplikaci Dreamweaver se tak zkrátí, stejně jako nutnost přepínat do prohlížeče a testovat v něm obsah.
Jak to funguje ›

Podpora moderních platforem

Vytvářejte projekty pomocí HTML (formuláře HTML5, zdokonalená podpora rozhraní jQuery), CSS a JavaScript.
Jak to funguje ›

A mnoho dalšího

Součástí jsou také: tipy při psaní kódu pro selektory CSS, podpora PHP 5.4, aktualizace aplikace Adobe Extension Manager, vylepšení Adobe Exchange a mnoho dalšího.

CSS Designer

Tento intuitivní nástroj pro vizuální úpravy pomáhá generovat čistý kód webového standardu a rychle použít vlastnosti šablon stylů CSS, jako jsou přechody a stíny v polích.
Jak to funguje ›

Synchronizace nastavení

Přihlaste se ke službě Creative Cloud z libovolného počítače a mějte přístup ke svým souborům, preferencím a nastavením. Máte všechno, co potřebujete k práci na webových projektech, kdykoli to potřebujete, ať jste kdekoli.
Jak to funguje ›

Podpora moderních platforem

Vytvářejte projekty pomocí kódů HTML, CSS a jazyka JavaScript. Vyvíjejte dynamické stránky snadněji pomocí nově podporovaného jazyka PHP 5.4.

Snazší práce s audio a video prvky HTML5

Vylepšete projekty pro stolní počítače a mobilní zařízení zábavnými zvuky a videem. Snadno přidávejte audio a video prvky HTML5 na své weby a do svých aplikací. Přehledné rozhraní a nápověda při psaní kódu urychlují a zefektivňují proces vkládání multimédií.
Jak to funguje ›

Vylepšené rozvržení s proměnlivou mřížkou

Vytvářejte vizuálně webové návrhy a responzivní rozvržení. Díky aktualizovanému rozhraní Rozvržení s proměnlivou mřížkou je navrhování projektů, které se zobrazují na různých velikostech obrazovky stolních počítačů a zařízení, hračkou.
Jak to funguje ›

Webová písma Edge

Využijte rozsáhlou a stále se rozrůstající knihovnu webových písem Adobe Edge založenou na funkci Adobe Typekit.
Jak to funguje ›

Zjednodušené uživatelské prostředí

Modernizované rozhraní aplikace Dreamweaver CC je daleko intuitivnější a pracovní postupy plynulejší. Užijte si lehčí a rychlejší aplikaci díky odstranění zastaralých funkcí.
Jak to funguje ›

Rychlejší vkládání prvků HTML5

Pomocí přepracovaného panelu Vložit rychle přidávejte značky HTML5 a běžné prvky stránky. Panel je uspořádán do užitečných kategorií, aby byly volby snadno dohledatelné. Vyhledávání položek na přehledném centralizovaném rozhraní panelu Vložit je hračkou.

Ovládací prvek jQuery UI

Plná vizuální podpora ovládacích prvků jQuery UI přispívá k vylepšení vašich pracovních postupů pro vývoj.
Jak to funguje ›

A mnoho dalšího

Přečtěte si další podrobnosti o všech těchto nových funkcích.
Kompletní popis novinek verze CC ›››