Video: Реклама подобрана на основе следующей информации: (Listopad 2024)
Společnost Adobe mohla spočívat na vavřínech, když aktualizovala Dreamweaver na nejnovější inkarnaci v předplacené službě Creative Cloud jako Dreamweaver CC. Ve své předchozí inkarnaci jako Dreamweaver CS6, která je součástí sady Creative Suite 6 společnosti Adobe, pokročilý editor webových stránek Adobe již měl malou nebo žádnou vážnou konkurenci jako nástroj pro vytváření a údržbu dnešních multiplatformových webů. Například Dreamweaver CS6 představil webová rozvržení připravená k použití „tekutá mřížka“, která pomocí CSS automaticky upravují webové stránky podle velikosti obrazovky, což usnadňuje vytváření jediného webu pomocí telefonů, tabletů a stolních počítačů bez složitých Ruční kódování CSS dříve vyžadováno.
Nový Dreamweaver CC vylepšuje funkci fluid-grid podporou strukturálních prvků HTML5, jako jsou sekce a články. Přidává také nástroj, který šetří úsilí, nový CSS Designer, který používá interaktivní grafické rozhraní pro úpravu vlastností CSS, jako jsou stíny a zakřivené rohy, takže stačí kliknout a přetáhnout, abyste změnili složitý kód CSS, zatímco uvidíte výsledky v reálném čas. Plná podpora webových písem - stažených ze serverů Adobe, zatímco prohlížeč načítá stránku - usnadňuje vytváření poutavých návrhů. Stejně jako zbytek sady Creative Cloud získává Dreamweaver také zjednodušené a snadněji přizpůsobitelné rozhraní a funguje stejně pod Windows i OS X.
Pro a Semi-Pro
Dreamweaver je nástroj na profesionální úrovni, který stojí za to mít - pokud si to můžete dovolit - i když jste neprofesionální. První uživatelé Dreamweaveru mohou být zastrašováni množstvím nabídek a panelů vlastností ve výchozím rozvržení, ale brzy bude jasné, jak je použít k získání rychlého přístupu k pokročilým ovládacím prvkům prvků CSS nebo k rychlému přepínání mezi obrazovkami, které ukazují, jak webová stránka bude vypadat při tisku nebo při zobrazení na obrazovkách jiné velikosti. Pokročilí weboví návrháři mohou do svého kódu kliknout na nabídku widgetů uživatelského rozhraní založených na JavaScriptu a vytvářet vyskakovací dialogy, nástroje pro výběr data, nabídky stylu akordeonu a vše ostatní v aktuálním přehledu efektů uživatelského rozhraní. Ale i méně pokročilí uživatelé mohou vytvářet flexibilní weby kompatibilní s HTML5, které vypadají dobře na jakékoli platformě.
Začněte tkaní sny
Počínaje prázdnou stránkou nebo ukázkovým rozvržením kliknete na položky v panelu Vložit a přidáte prvky, jako jsou šablony (s upravitelnými a neupravitelnými oblastmi), multimédia (HTML5 nebo Flash) a standardní funkce HTML. Výchozí obrazovka je rozdělena do podokna kódu a podokna designu WYSIWYG, ale můžete si vybrat jeden nebo druhý, nebo nastavit podokno návrhu na „Živé“ pro zobrazení mediálního obsahu, jako je video, nebo obsahu, který bude doručen z databáze, když stránka se zobrazí v prohlížeči. Jedna věc, kterou na Dreamweaveru obdivuji, je to, že nezvýhodňuje proprietární technologie společnosti Adobe, jako je Flash, před otevřenými standardy, jako je video HTML5, ale poskytuje stejnou podporu oběma - a dokonce poskytuje lépe vypadající a použitelnější přehrávač videa HTML5 než vestavěný přehrávač. Flash přehrávač.
Při vytváření stránky pomocí funkce tekutinové mřížky Dreamweaveru aplikace nejprve vytvoří stránku, která obsahuje mřížku svislých sloupců, které jsou viditelné v Dreamweaveru, ale ne, když se stránka objeví v prohlížeči. Ve výchozím nastavení se stránka určená pro telefony hodí do čtyř z těchto neviditelných sloupců. Když se stejná stránka zobrazí na tabletu, vyplní osm sloupců a dvanáct sloupců, když se zobrazí na stolním počítači.
Při přepínání mezi velikostmi obrazovky v editačním okně Dreamweaveru se obsah vašeho webu přeskupuje tak, aby odpovídal šířce, kterou jste určili pro konkrétní typ obrazovky, a můžete použít panel CSS Designer k úpravě tvaru, velikosti a dalších vlastností. jednotlivých prvků tak, aby vyhovovaly různým velikostem obrazovky.
