- Руководство пользователя 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, а также почему создание сайтов в Dreamweaver важно для технологического процесса.
В Dreamweaver термином «сайт» обозначается локальное или удаленное расположение для хранения документов, относящихся к веб-сайту. Сайт Dreamweaver предоставляет возможности упорядочения и управления всеми веб-документами, загрузки сайта на веб-сервер, отслеживания и поддержания работоспособности ссылок, управления и совместного использования файлов. Чтобы воспользоваться всеми преимуществами функций Dreamweaver, необходимо определить сайт.
Сайт Adobe Dreamweaver — это набор всех файлов и ресурсов на вашем веб-сайте. Можно создавать веб-страницы на компьютере, загружать их на веб-сервер и поддерживать сайт, передавая обновленные файлы сразу после сохранения. Также можно редактировать и поддерживать веб-сайты, если они были созданы без помощи Dreamweaver.
Зачем определять сайт Dreamweaver?
Вы можете работать в Dreamweaver без настройки (или определения) веб-сайта.
Тем не менее определение сайта имеет множество преимуществ.
- Это позволяет предотвращать появление неработающих ссылок и автоматически обновлять файлы по всему сайту при перемещении или переименовании файла.
- Это позволяет выполнять операции поиска и замены по всему сайту, что значительно повышает производительность.
- Это позволяет намного упростить публикацию сайта, а также синхронизировать файлы между локальным жестким диском и удаленным сетевым или отладочным сервером.
Чтобы извлечь максимум из функций Dreamweaver, начните с определения сайта. Для получения дополнительной информации об определении сайта см. раздел Настройка локальной версии сайта.
Компоненты веб-сайтов Dreamweaver
В Dreamweaver сайт организует все документы на локальном компьютере, связанные с вашим веб-сайтом, и позволяет отслеживать и поддерживать ссылки, управлять файлами и передавать файлы сайта на веб-сервер.
Сайт Dreamweaver состоит как минимум из трех частей, или папок, в зависимости от среды разработки и типа разрабатываемого веб-сайта.
- Локальная папка. Это ваш рабочий каталог — обычно папка на жестком диске. В Dreamweaver эта папка называется корневым каталогом локального сайта. Эта папка может также находиться на сетевом сервере. Для получения дополнительной информации см. раздел Настройка локальной версии сайта.
- Удаленная папка. В ней хранятся ваши файлы на том компьютере, который является вашим веб-сервером. Веб-сервером зачастую (но не всегда) является тот компьютер, который обеспечивает общедоступность вашего веб-сайта в сети.
Создав или обновив свой сайт, вы можете опубликовать его через удаленный сервер в сети Интернет, сохранив у себя локальную копию для обновления файлов при необходимости.
Для получения дополнительной информации см. раздел Подключение к серверу публикации.
- Тестовая папка. Это папка, в которой Dreamweaver обрабатывает динамические страницы. При наличии динамических форм и PHP-контента вы можете настроить тестовую папку для своего сайта.
Дополнительные сведения см. в разделе Настройка тестового сервера.
Чтобы задать сайт Dreamweaver, нужно только настроить локальную папку. Для передачи файлов на веб-сервер или разработки веб-приложений нужно также добавить сведения об удаленном сайте и тестовом сервере.
Основные сведения о структуре локальных и удаленных папок
Чтобы подключиться к удаленной папке с помощью Dreamweaver, необходимо указать удаленную папку в категории «Серверы» диалогового окна «Установки сайта». Указанная удаленная папка (также называемая «каталогом на сервере») должна соответствовать локальной корневой папке сайта Dreamweaver. (Локальная корневая папка — папка сайта Dreamweaver самого верхнего уровня.) Имя удаленной папки, как и локальной, может быть любым, однако, как правило, поставщики услуг Интернета (ISP) присваивают удаленным папкам верхнего уровня для отдельных учетных записей пользователей имена public_html, pub_html и т. п. При наличии прав администратора для удаленного сервера (и, соответственно, возможности присвоить удаленной папке любое имя) целесообразно использовать для локальной корневой папки и удаленной папки одно и то же имя.
В следующем примере локальная корневая папка представлена слева, а удаленная папка — справа. Локальная корневая папка на локальном компьютере сопоставляется непосредственно с удаленной папкой на веб-сервере, а не с какой-либо из ее подпапок либо папок, существующих на более высоких уровнях структуры каталогов, чем удаленная папка.
На примере выше показана локальная корневая папка на локальном компьютере и удаленная папка верхнего уровня на удаленном веб-сервере. Если, однако, на локальном компьютере ведется работа с несколькими сайтами Dreamweaver, необходимо такое же количество удаленных папок на удаленном сервере. В таком случае приведенный выше пример не соответствует действительности; вместо этого внутри папки public_html создаются отдельные удаленные папки, а затем они сопоставляются с соответствующими локальными корневыми папками на локальном компьютере.
При первой установке удаленного подключения удаленная папка на веб-сервере обычно пуста. Затем, после загрузки с помощью Dreamweaver всех файлов из локальной корневой папки, удаленная папка заполняется всеми веб-файлами. Структура каталогов удаленной папки и локальной корневой папки должна всегда совпадать. (То есть всегда должно быть соответствие «один к одному» между файлами и папками в локальной корневой папке и в удаленной папке.) Если структура удаленной папки не будет соответствовать структуре локальной корневой папки, Dreamweaver загрузит файлы в неправильное расположение, где они не будут видны посетителям сайта. Кроме того, пути ссылок и изображений могут нарушиться, если структуры папок и файлов не синхронизированы.
Удаленная папка должна существовать до того, как Dreamweaver сможет к ней подключиться. Если папка, предназначенная для использования в качестве удаленной папки на веб-сервере, отсутствует, создайте ее или попросите администратора сервера ISP создать ее.