Четыре года назад я объявил, что «Ткач снов умирает», что практическое создание HTML закончилось, и будущее принадлежит грядущим CMS, таким как WordPress и Drupal. Упс.
Практический веб-дизайн по-прежнему актуален для нас, как и Dreamweaver, факт, о котором недавно рассказывали на Adobe «Create Сеть», когда ведущий спросил, сколько человек в комнате все еще пользуются программой — почти все раздали вверх. Так почему же Dreamweaver до сих пор процветает?
Ответ можно выразить одним словом: HTML5. Когда я написал эту статью в 2009 году, HTML4 и CSS 2 было уже более десяти лет; веб-дизайнеры понимали принципиально ограниченную платформу, которую они предоставляли; а консорциум World Wide Web (W3C) планировал переписать оба в XML, чтобы закрепить их в камне.
Интернет универсален или это ничто, и нет смысла создавать все поющие, все танцующие страницы, которые не может просматривать большая часть вашей аудитории.
Но в том году произошел необычайный поворот. Многие разработчики браузеров были недовольны ограничениями, и после того, как W3C отклонил их первоначальные предложения, Mozilla и Opera объединили усилия. с Apple, чтобы создать независимую рабочую группу по технологиям веб-гипертекстовых приложений (WHATWG) и продвигать возможности HTML, CSS и JavaScript.
В 2009 году W3C смирился с поражением, распустил собственную рабочую группу по XHTML и принял инициативу WHATWG, передав будущее Интернета разработчикам браузеров и их развивающемуся HTML5.
Это должно было сулить захватывающие новые функции для самого популярного в мире инструмента для веб-разработки, но Dreamweaver продолжал вести себя так, как будто HTML5 не существовало.
Честно говоря, были веские практические причины. Сеть универсальна или это ничто, и нет смысла создавать все поющие, все танцующие страницы, которые не может просматривать большая часть вашей аудитории. Веб-дизайнеры, как правило, работают с наименьшим общим знаменателем, что означало ожидание, пока все браузеры, отличные от HTML5, не будут удалены из системы — очень отдаленная перспектива.
Другим фактором было то, что у Adobe уже была собственная чрезвычайно успешная технология веб-приложений на Flash, и она была полна решимости использовать преимущества, которые она давала ей и ее пользователям. По мере того как Adobe сосредоточивалась на этой стратегии, Dreamweaver все больше походил на инструмент, предназначенный только для обертывания Flash-приложений на основе SWF в HTML. Кроме того, поскольку Flash повсеместно поддерживался настольными браузерами и мог делать все, что обещал HTML5, обеспечить — и многое другое — необходимость перехода на менее мощный и менее универсальный HTML5 обсуждалась на лучший.
Теперь нажмите здесь
Прочтите наш первый обзор Dreamweaver CC
Я подробно описал развязку этой истории. Стив Джобс перевернул Интернет, объявив за день до запуска Adobe Creative Suite 5, что Apple не будет поддерживать Flash на iPhone или iPad. Браузерная технология Flash, лишенная универсальной доставки на устройствах следующего поколения, была обречена на быстрый спад. Чтобы доставлять богатый веб-контент и транслировать видео на устройства iOS, вам внезапно пришлось использовать HTML5. Как и W3C до этого, Adobe была бессильна контролировать эволюцию Интернета, и Flash пошел по пути XHTML. Сообщение в блоге, в котором Джобс подписал смертный приговор Флэшу, заключалось в следующем: «Возможно, Adobe следует уделять больше внимания о создании отличных инструментов HTML5 для будущего и меньше о критике Apple за то, что она оставила прошлое позади."
Это был совет, которому у Adobe не оставалось ничего другого, кроме как принять его, и в апреле 2011 года появился Dreamweaver CS5.5, в котором основное внимание было переключено на HTML5 — и почти без упоминания о Flash. Возможности кодирования были, наконец, обновлены для поддержки важнейших элементов видео, аудио и холста HTML5, и, благодаря обновленной версии встроенный движок WebKit, Dreamweaver Live View также поддерживает эти функции, наряду с SVG, рендерингом @font-face и мультимедиа CSS. запросы.
Новое диалоговое окно Multiscreen Preview позволило пользователям настраивать адаптивный дизайн, который меняет свой макет. в зависимости от доступного места на экране, что является ключом к тому, чтобы страницы работали как на больших, так и на маленьких экраны.
Dreamweaver CS5.5 также открыл новое поле для творчества благодаря возможности создавать автономные приложения HTML5 для портативных устройств благодаря своей интеграция ведущего в отрасли фреймворка jQuery Mobile с начальными макетами, а также улучшенная поддержка DOM и подсказка кода. Самое главное, он интегрируется с инфраструктурой PhoneGap, которая, помимо предоставления специальных API для доступа к оборудованию устройства, такому как акселерометры, камеры и хранилище, компилирует ваше приложение HTML5 в нативный код для самых популярных мобильных платформ, включая Android, Windows Phone и iOS (хотя вам все равно нужно платить и прыгать через обручи, чтобы стать Apple разработчик).
Творческий люкс 6
Dreamweaver CS6 построен на основе HTML5, с улучшенной поддержкой кода для видео HTML5, расширенной поддержкой jQuery Mobile и новая поддержка переходов CSS3 (для создания плавной анимации свойств объекта без использования JavaScript). Он также предлагает значительно улучшенный облачный подход к созданию собственных приложений за счет интеграции с онлайн-сервисом Adobe PhoneGap Build. Особенно впечатляет использование экранных QR-кодов для упрощения установки приложений на тестовые устройства.
В CS6 реализованы значительные улучшения макета и типографских возможностей Dreamweaver, опять же благодаря HTML5. Во-первых, это возможность создавать «гибкие сетки», которые позволяют задавать различные макеты для телефонов, планшетов и настольных устройств. различное количество столбцов и различное расположение DIV, при этом каждая сетка быстро доступна с помощью значков в нижней части представления «Дизайн». окно. Также новой является возможность добавлять сценарии, необходимые для использования пользовательских шрифтов из коллекции веб-шрифтов Adobe Edge, используя правило @font-face CSS3.
