Dreamweaver

Создавайте профессиональные веб-сайты для любых браузеров и устройств.

Adobe Dreamweaver содержит функционал создания и публикации веб-страницы с проработкой веб-дизайна, поддержкой HTML, CSS, JavaScript и других языков программирования и технологий.

Особенности программы

Удобная среда разработки веб-сайтов

Простая интеллектуальная среда разработки помогает быстро создать динамические веб-сайты, написать код для них.

Рис. 1 Разработка веб-страниц в Adobe Dreamweaver

Быстрое, гибкое кодирование

Разработке помогает наличие подсказок по коду, содержащих информацию об HTML, CSS и других стандартах веб-разработки.

Уменьшение количества ошибок и ускорение разработки достигается посредством визуальных средств.

Шаблоны для быстрого старта

Adobe Dreamweaver содержит шаблоны видов страниц, которые помогают создавать сайты еще быстрее.

Настраиваемые шаблоны:

• сообщений электронной почты в формате HTML,
• страниц с информацией о сайте,
• шаблоны блогов,
• страниц интернет-магазинов,
• информационных рассылок,
• шаблоны портфолио.

Рис. 2 Шаблоны страниц

Пакет Creative Cloud

Dreamweaver входит в пакет Creative Cloud, что позволяет пользователю программы получать доступ к ресурсам из библиотек и Adobe Stock.

Динамическое отображение на всех устройствах

Dreamweaver поддерживает создание гибких веб-сайтов, которые адаптируются к любому размеру экрана.

Редактирование в режиме реального времени

Предпросмотр сайта перед публикацией поддерживает редактирование в режиме реального времени. Чтобы пользователь был уверен, что на выходе страница будет выглядеть и работать так, как задумано.

Основные возможности

Работа с Creative Cloud

Adobe Dreamweaver включен в состав Creative Cloud. Пользователю при работе с программой доступны дополнительные возможности:

• Выполнить синхронизацию настроек Dreamweaver с Creative Cloud. Синхронизация настроек сайта, параметров, сочетаний клавиш и рабочих сред дают возможность без проблем работать с экземплярами Dreamweaver.
• Получать доступ к библиотеке с творческими ресурсами Creative Cloud Libraries, Adobe Stock прямо в Dreamweaver.
• Извлекать веб-оптимизированные файлы SVG из библиотек и настраивать параметры файлов SVG.
• Использовать файлы Photoshop в Dreamweaver. Поддерживается работа со смарт-объектами.
• Настроить работу и редактирование SWF-файлов из Dreamweaver в Animate.
• Устанавливать подключаемые модули к Dreamweaver для форматирования таблиц, подключения к вспомогательным базам данных или написания сценариев для браузера.

Настройка сайтов

Пользователь может настроить сайты в Dreamweaver, подключиться к удаленным и тестовым серверам и выполнять операции управления сайтами.

Возможности Dreamweaver в области настройки сайтов:

• Создание сайта Dreamweaver, который содержит все файлы и ресурсы вашего веб-сайта.
• Настройка локальной версии веб-сайта в качестве сайта Dreamweaver. Пользователь может настроить и управлять несколькими сайтами через диалоговое окно «Управление сайтами».
• Настройка подключения к серверу публикации: подключения FTP, SFTP, WebDav или RDS для загрузки файлов с веб-сервера публикации или отправки на него.
• Настройка тестового сервера для тестирования динамических веб-страниц или содержимого.
• Импорт и экспорт параметров сайта Dreamweaver для повторного использования на различных устройствах и в различных версиях продукта.
• Установка подключения к удаленному серверу веб-сайта и загрузка файлов на ваш компьютер для последующего редактирования в Dreamweaver.

Управление файлами

Пользователь может управлять файлами на веб-сайте в Dreamweaver:

• Создание, открытие, редактирование, сохранение и восстановление файлов в Dreamweaver. Создание шаблонов.
• Управление файлами и папками. Возвращайте и извлекайте файлы, передавайте их на удаленные сайты при помощи системы возврата и извлечения файлов Dreamweaver, WebDAV или Subversion
• Получение файлов с сервера, размещение файлов на сервере и управление передачей файлов с использованием Dreamweaver.
• Синхронизация файлов на локальном и удаленном сайтах в Dreamweaver.
• Сравнение локальных и удаленных файлов, сравнение файлов перед размещением и сравнение файлов при синхронизации в Dreamweaver.

Макет и оформление

• Используйте средства визуализации Dreamweaver для создания макета и дизайна веб-страниц, устанавливайте линейки и направляющие макета, используйте направляющие с шаблонами, сетку макета и изображение-образец.
• Используйте CSS для создания макета.
• Используйте таблицы для отображения содержимого веб-сайта
• Создавайте гибкий дизайн с помощью Bootstrap, рассчитанный в первую очередь для мобильных устройств. В программе доступны начальные шаблоны и перетаскиваемые компоненты Bootstrap.
• Используйте визуальные медиазапросы для просмотра и редактирования веб-страниц с различными контрольными точками.
• Используйте палитру цветов для вашего сайта Dreamweaver.

Визуальное построение приложений

Создание страницы разных типов в Dreamweaver:

• главной страницы и  страницы сведений,
• страниц поиска и результатов поиска,
• страницы для вставки записи,
• страницу обновления записи (позволяет пользователям обновлять существующие записи в базе данных),
• страницу удаления записей (разрешает пользователям удалять записи в базе данных).

Содержимое страницы и ресурсы

Управляйте содержимым страницы и ресурсами в Dreamweaver: текстом, изображениями, мультимедийными объектами.

• Задание свойств страниц HTML и CSS: шрифт, цвет фона и фоновое изображение.
• Задание свойств заголовка CSS и свойств ссылки CSS
• Добавление и форматирование текста в режиме интерактивного просмотра, в представлении кода или путем извлечения текста и связанных свойств из файлов PSD.
• Создание и редактирование веб-страниц в режиме интерактивного просмотра

Создание ссылок и навигация

Adobe Dreamweaver поддерживает функции:

• Настройка навигации между веб-страницами. Программа позволяет связать ссылками файлы и документы, обновлять, изменять и проверять эти ссылки.
• Использование карты ссылок для создания активных областей на веб-сайте.
• Поиск и исправление поврежденных, внешних и потерянных ссылок в Dreamweaver.

Мини-приложения и эффекты jQuery

Используйте мини-приложения и эффекты jQuery в Dreamweaver.

• Поддерживает добавление в веб-проекты Dreamweaver функции приложений. Вставляйте аккордеоны, вкладки, ползунки и автоматически заполняемые поля без создания кода.
• Добавляйте стильные эффекты jQuery для веб-сайтов.

Написание кода веб-сайтов

Adobe Dreamweaver поддерживает разные языки создания веб-сайтов.

В программе предусмотрены функции и дополнительные инструменты для удобства написания кода:

• подсказки по коду и автозавершение кода,
• цветовое оформление кода,
• свертывание кода,
• повторное использование фрагментов кода,
• дополнительные курсоры,
• linting-анализ кода
• и многое другое.

Интеграции

Dreamweaver поддерживает установку и использование расширений, а также интеграции:

• Использование подключаемых модулей для форматирования таблиц, написания сценариев для браузера.
• Вставка содержимого файла Word или Excel в новую или существующую веб-страницу в Dreamweaver.
• Использование Dreamweaver совместно с Fireworks для оптимизации и размещения графических веб-объектов на HTML-страницах.
• Редактирование веб-содержимого с помощью Contribute в Dreamweaver.
• Интеграция Dreamweaver с Business Catalyst для редактирования сайтов.

Шаблоны

Dreamweaver позволяет

• Создавать или использовать собственные шаблоны для разработки макета фиксированных страниц.
• Создавать и удалять редактируемые области в шаблонах в Dreamweaver.
• Задавать дополнительные области в шаблонах.

Мобильные и многоэкранные устройства

Dreamweaver поддерживает создание дизайна для мобильных и многоэкранных устройств, создание адаптивных веб-сайтов, создание веб-приложений для мобильных устройств, которые адаптируются к размерам разных моб.устройств.

Динамические сайты, страницы и веб-формы

Adobe Dreamweaver позволяет создавать веб-программы, создавать дизайны динамических страниц.

Тестирование, просмотр и публикация веб-сайтов

Просматривайте веб-сайты на разных устройствах и браузерах, чтобы проверить представление и функции веб-сайта.

• Предварительный просмотр страниц осуществляется в Dreamweaver, в браузерах, а также на мобильных устройствах.
• Подключайте устройства к приложению Dreamweaver для настольных ПК, чтобы просмотреть, проверить, протестировать и отладить веб-страницы на разных устройствах.

Windows

macOS