- Руководство пользователя Dreamweaver
- Введение
- Dreamweaver и Creative Cloud
- Рабочие среды и представления Dreamweaver
- Настройка сайтов
- О сайтах Dreamweaver
- Настройка локальной версии сайта
- Подключение к серверу публикации
- Настройка тестового сервера
- Импорт и экспорт параметров сайта Dreamweaver
- Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
- Специальные возможности в Dreamweaver
- Дополнительные настройки
- Настройка установок сайта для передачи файлов
- Задание параметров прокси-сервера в Dreamweaver
- Синхронизация настроек Dreamweaver с Creative Cloud
- Использование Git в Dreamweaver
- Управление файлами
- Создание и открытие файлов
- Управление файлами и папками
- Получение файлов с сервера и размещение их на нем
- Возврат и извлечение файлов
- Синхронизация файлов
- Сравнение файлов
- Скрытие файлов и папок на сайте Dreamweaver
- Включение заметок разработчика для сайтов Dreamweaver
- Предотвращение использования уязвимости Gatekeeper
- Макет и оформление
- Использование средств визуализации для создания макета
- Об использовании CSS для создания макета страницы
- Создание динамичных веб-сайтов с помощью Bootstrap
- Создание и использование медиазапросов в Dreamweaver
- Представление содержимого в таблицах
- Цвета
- Гибкий дизайн с использованием «резиновых» макетов
- Extract в Dreamweaver
- CSS
- Общие сведения о каскадных таблицах стилей
- Создание макетов страниц с помощью конструктора CSS
- Использование препроцессоров CSS в Dreamweaver
- Установка настроек стиля CSS в Dreamweaver
- Перемещение правил CSS в Dreamweaver
- Преобразование встроенного CSS в правило CSS в Dreamweaver
- Работа с тегами div
- Применение градиентов к фону
- Создание и редактирование эффектов перехода CSS3 в Dreamweaver
- Форматирование кода
- Содержимое страницы и ресурсы
- Задание свойств страницы
- Задание свойств заголовка CSS и свойств ссылки CSS
- Работа с текстом
- Поиск и замена текста, тегов и атрибутов
- Панель DOM
- Редактирование в режиме интерактивного просмотра
- Кодировка документов в Dreamweaver
- Выбор и просмотр элементов в окне документа
- Задание свойств текста в инспекторе свойств
- Проверка орфографии на веб-странице
- Использование горизонтальных линеек в Dreamweaver
- Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
- Работа с ресурсами
- Вставка и обновление даты в Dreamweaver
- Создание и управление избранными ресурсами в Dreamweaver
- Вставка и редактирование изображений в Dreamweaver
- Добавление мультимедийных объектов
- Добавление видео Dreamweaver
- Добавление видео HTML5
- Вставка файлов SWF
- Добавление звуковых эффектов
- Добавление аудио HTML5 в Dreamweaver
- Работа с элементами библиотеки
- Использование текста на арабском языке и иврите в Dreamweaver
- Создание ссылок и навигация
- Графические элементы и эффекты jQuery
- Написание кода веб-сайтов
- О программировании в Dreamweaver
- Среда написания кода в Dreamweaver
- Настройка параметров написания кода
- Настройка цветового оформления кода
- Написание и редактирование кода
- Подсказки по коду и автозавершение кода
- Свертывание и развертывание кода
- Повторное использование фрагментов кода
- Анализ Linting для проверки кода
- Оптимизация кода
- Редактирование кода в представлении «Дизайн»
- Работа с содержимым заголовков для страниц
- Вставка серверных включений в Dreamweaver
- Использование библиотек тегов в Dreamweaver
- Импорт пользовательских тегов в Dreamweaver
- Использование вариантов поведения JavaScript (общие инструкции)
- Применение встроенных вариантов поведения JavaScript
- Сведения об XML и XSLT
- Выполнение XSL-преобразования на стороне сервера в Dreamweaver
- Выполнение XSL-преобразования на стороне клиента в Dreamweaver
- Добавление символьных сущностей для XSLT в Dreamweaver
- Форматирование кода
- Процессы взаимодействия продуктов
- Установка и использование расширений в Dreamweaver
- Обновления в Dreamweaver, устанавливаемые через приложение
- Вставить документы Microsoft Office в Dreamweaver (только для Windows)
- Работа с Fireworks и Dreamweaver
- Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
- Интеграция Dreamweaver с Business Catalyst
- Создание персонализированных кампаний почтовой рассылки
- Шаблоны
- О шаблонах Dreamweaver
- Распознавание шаблонов и документов на их основе
- Создание шаблона Dreamweaver
- Создание редактируемых областей в шаблонах
- Создание повторяющихся областей и таблиц в Dreamweaver
- Использование дополнительных областей в шаблонах
- Определение редактируемых атрибутов тега в Dreamweaver
- Создание вложенных шаблонов в Dreamweaver
- Редактирование, обновление и удаление шаблонов
- Экспорт и импорт XML-содержимого в Dreamweaver
- Применение или удаление шаблона из существующего документа
- Редактирование содержимого в шаблонах Dreamweaver
- Правила синтаксиса для тегов шаблона в Dreamweaver
- Настройка предпочтений выделения для областей шаблона
- Преимущества использования шаблонов в Dreamweaver
- Мобильные и многоэкранные устройства
- Динамические сайты, страницы и веб-формы
- Общие сведения о веб-приложениях
- Настройка компьютера для разработки приложений
- Устранение неполадок подключений к базам данных
- Удаление сценариев подключения в Dreamweaver
- Дизайн динамических страниц
- Обзор динамических источников содержимого
- Определение источников динамического содержимого
- Добавление динамического содержимого на страницы
- Изменение динамического содержимого в Dreamweaver
- Отображение записей баз данных
- Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
- Добавление заказных вариантов поведения сервера в Dreamweaver
- Создание форм с помощью Dreamweaver
- Использование форм для сбора информации от пользователей
- Создание и включение форм ColdFusion в Dreamweaver
- Создание веб-форм
- Расширенная поддержка HTML5 для компонентов формы
- Разработка формы с помощью Dreamweaver
- Визуальное построение приложений
- Создание главной страницы и страницы сведений в Dreamweaver
- Создание страниц поиска и результатов поиска
- Создание страницы для вставки записи
- Создание страницы обновления записи в Dreamweaver
- Создание страниц удаления записей в Dreamweaver
- Применение ASP-команд для изменения базы данных в Dreamweaver
- Создание страницы регистрации
- Создание страницы входа
- Создание страницы с доступом только для авторизованных пользователей
- Защита папок в ColdFusion с помощью Dreamweaver
- Использование компонентов ColdFusion в Dreamweaver
- Тестирование, просмотр и публикация веб-сайтов
- Устранение неполадок
Ответы на часто задаваемые вопросы о Dreamweaver
Основные вопросы
Adobe Dreamweaver представляет собой самый полный набор инструментов для веб-дизайнеров и разработчиков клиентских приложений. Он сочетает в себе мощную среду для разработки дизайна и лучший в своем классе редактор кода с надежными инструментами управления веб-сайтами, что позволяет упростить разработку дизайна и кода веб-сайтов, а также управление ими.
В переработанной версии Dreamweaver 2017 появилось множество дополнительных возможностей, таких как современный пользовательский интерфейс и гибкий механизм для быстрого написания кода. Эти функции упрощают работу веб-дизайнеров и разработчиков пользовательского интерфейса, позволяя создавать проекты, писать код и управлять веб-сайтами, которые прекрасно выглядят на любом экране. Этот выпуск Adobe Dreamweaver 2017 включает совершенно новый механизм обработки кода, полностью обновленный пользовательский интерфейс с возможностью выбора темной и светлой тем, поддержку современных веб-процессов (например, препроцессоров CSS) и многое другое.
Первоклассная интеграция с Bootstrap позволяет создавать гибкие веб-сайты, которые адаптируются и изменяют свой масштаб в любом браузере независимо от размера экрана, разрешения и ориентации. Тесная интеграция с Adobe CreativeSync позволяет легко работать с ресурсами для дизайна, полученными с помощью таких инструментов, как Photoshop и Illustrator, а также просматривать и использовать в своих проектах фотографии из Adobe Stock.
Поскольку Dreamweaver входит в состав Adobe Creative Cloud, пользователи получают доступ ко всем последним обновлениям с момента их выхода. Узнайте больше о Creative Cloud.
Dreamweaver представляет собой уникальный инструмент веб-разработки, который позволяет визуализировать сайт в режиме реального времени в процессе написания кода.
- Программируйте еще быстрее и с большей гибкостью благодаря новому механизму написания кода в Dreamweaver. Подсказки по коду помогают новым пользователям изучить HTML, CSS и другие веб-стандарты, а визуальные средства, такие как автоматические отступы, цветовое оформление кода и шрифты с изменяемым размером, позволяют избежать ошибок и облегчают чтение кода.
- Dreamweaver поддерживает распространенные препроцессоры CSS, например SASS, Less и SCSS. Такие функции, как цветовое оформление кода и компиляция, помогают сэкономить время и повысить качество кода.
- Вводите несколько строк кода за один раз для быстрого выполнения таких операций, как создание маркированного списка, обновление набора строк, а также вносите одновременно сразу несколько изменений.
- Функция быстрого редактирования позволяет открыть встроенный редактор CSS при работе с файлом HTML и сразу же внести необходимые изменения.
- С помощью быстрых документов можно экономить время, отображая справочную документацию о веб-платформе с описанием свойств CSS непосредственно в представлении кода.
- Новая рабочая среда для разработчиков с улучшенной производительностью и оптимизированным интерфейсом ускоряет загрузку и открытие файлов, упрощая работу с проектами.
- Просматривайте изменения в режиме реального времени по мере написания кода, не обновляя страницу браузера вручную.
- Используйте функции FTP в Dreamweaver, чтобы передавать файлы на веб-сервер.
Дополнительные сведения см. на странице Новые возможности.
Ознакомьтесь со сравнением версий Dreamweaver.
Dreamweaver можно использовать с другими инструментами Creative Cloud, такими как Adobe Photoshop, Illustrator, Animate и другими продуктами, для создания привлекательных, современных веб-сайтов. Также можно обмениваться ресурсами и работать совместно с другими пользователями благодаря интеграции с Creative Cloud Libraries.
Анимацию можно экспортировать в формат OAM и импортировать в Dreamweaver. Подробнее об импорте анимированных композиций в Dreamweaver.
Да, функция подсказок по коду для конкретного сайта в Dreamweaver отображает такие подсказки при работе с Joomla, Drupal, Wordpress или другими платформами. Дополнительные сведения см. в разделе Подсказки по коду и автозавершение кода.
Технические вопросы
Подробные сведения см. в разделе Системные требования.
Да. Подробнее ›
Да. Подробнее ›
В Dreamweaver 2017 можно открывать и редактировать несколько типов документов. Некоторые типы файлов, которые можно открывать и редактировать в Dreamweaver:
- Документы HTML
- Серверные включения (SSI)
- Документы JavaScript
- PHP-файлы
- XML-файлы
- SQL-файлы
- SVG-файлы
- JSON-файлы
- Файлы библиотек (*.lbi)
- Файлы шаблонов (*.dwt)
- Таблицы стилей (*.css, *.less, *.sass, *.scss)
- Страницы ASP и страницы Active Server Plus
- Шаблоны ColdFusion
- Манифест (*.appcache)
- Файлы конфигурации каталога (*.htaccess)
- Текстовые файлы (*.txt)
Все функции Dreamweaver позволяют создавать код HTML5 согласно новейшим стандартам веб-разработки. Редактор кода позволяет писать и редактировать код в соответствии с имеющимися требованиями.
Да. Dreamweaver поддерживает платформу Bootstrap для создания адаптивных веб-сайтов, ориентированных в первую очередь на мобильные устройства. Dreamweaver поддерживает адаптивные функции, в том числе создание «резинового» макета и управление визуальными медиазапросами.
Да. Если программа Dreamweaver CS6 уже установлена, ею можно продолжать пользоваться в том же виде, в каком она установлена. Подписка Creative Cloud позволяет в любое время загружать более ранние версии Dreamweaver и использовать их параллельно с установленным Dreamweaver.
Бесплатные пробные версии
Бесплатная подписка Creative Cloud позволяет загрузить пробную версию Dreamweaver и других приложений Creative Cloud сроком на 7 дней. После перехода на план «Все приложения» можно загружать полные версии всех приложений Creative Cloud.
Да. Чтобы перейти с ознакомительной версии на подписку Creative Cloud «Все приложения» или «Одно приложение», необходимо оплатить подписку на веб-сайте Creative Cloud. После приобретения подписки установленный на компьютере продукт автоматически лицензируется при следующем запуске.
Варианты покупки
Подробные сведения о вариантах покупки см. на странице Планы Creative Cloud. Вы также можете ознакомиться с преимуществами плана Creative Cloud «Все приложения».
Использование Dreamweaver
На странице Обучение и поддержка Dreamweaver есть все, что нужно для начала работы: видеоролики, подробные руководства и полная поддержка по продукту в базе знаний и в сообществах Adobe.
Руководство по Dreamweaver в формате PDF можно найти на странице Справка Dreamweaver.
Чтобы оставить отзыв или получить ответы на вопросы, посетите форумы Dreamweaver.
Отправить запрос на добавление новых функций или предложить изменения для существующих можно с помощью этой формы. Эта ссылка также доступна в меню «Справка» приложения Dreamweaver («Справка > Отправить запрос о проблеме/функции»).