В программе Dreamweaver выберите «Веб-сайт» > «Создать веб-сайт».
- Руководство пользователя 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.
Для настройки локальной версии сайта требуется указать локальную папку, в которой вы планируете хранить все файлы сайта.
Эта папка может находиться на локальном компьютере или на сетевом сервере. Для создания нескольких сайтов и управления ими можно использовать диалоговое окно «Управление веб-сайтами» в Dreamweaver («Сайт» > «Новый сайт» или «Сайт» > «Управление сайтами»).
Приступая к работе
Определите или создайте папку на компьютере, в которой должна храниться локальная версия файлов вашего сайта. Папка может располагаться где угодно на компьютере. Затем эту папку следует указать в Dreamweaver как локальный сайт.
Видеоруководство по настройке нового сайта Dreamweaver см. в разделе Определение сайта в Dreamweaver.
Оптимальные методы именования файлов и папок
При именовании файлов и папок следуйте перечисленным ниже общим рекомендациям.
- Имена файлов и папок на веб-сайтах не должны содержать пробелов, а также следующих символов: /\?%*:|"<>.
- Хотя другие специальные символы допускаются, лучше ограничиться буквами, цифрами, дефисами и символами подчеркивания.
- Большинство имен файлов и папок в конечном итоге оказываются частью URL-адреса веб-страницы, поэтому они должны быть короткими, но при этом значимыми. Длинные URL-адреса с трудом запоминаются пользователями, и их тяжело вводить в браузеры на мобильных устройствах.
- Избегайте заглавных букв в названиях файлов и папок, чтобы избежать проблем «файл не найден». Большинство веб-серверов работают на основе операционной системы Linux, для которой важен регистр в названиях файлов и папок.
Диалоговое окно «Настройка сайта»
Диалоговое окно «Управление веб-сайтами» — ваши ворота в различные функции сайта Dreamweaver. В этом диалоговом окне можно начать процесс создания нового сайта, редактирования, дублирования или удаления существующего, а также импорта или экспорта параметров веб-сайта.
Для настройки веб-сайта и управления им используйте диалоговые окна «Сайт» > «Новый сайт» или «Сайт» > «Управление сайтами».
Новый сайт
Нажмите кнопку Создать веб-сайт, чтобы создать новый веб-сайт Dreamweaver. Затем укажите имя и расположение нового веб-сайта в диалоговом окне Настройка веб-сайта.
Импортировать сайт
Нажмите кнопку Импорт сайта, чтобы импортировать веб-сайт. Дополнительную информацию см. в разделе Импорт и экспорт параметров сайта.
Функция импорта сайтов импортирует только параметры веб-сайтов, ранее экспортированные из Dreamweaver. Файлы сайта при этом не импортируются, и новый сайт Dreamweaver не создается.
Для существующих веб-сайтов также доступны следующие параметры.
Удалить
Удаляет выделенный сайт и всю информацию о его настройке из списка сайтов Dreamweaver; при этом не удаляются реальные файлы сайта. (Если необходимо удалить файлы сайта с компьютера, это следует сделать вручную.) Чтобы удалить сайт из Dreamweaver, выберите веб-сайт в списке сайтов и нажмите кнопку «Удалить». Это действие отменить невозможно.
Изменить
Позволяет редактировать такие сведения, как имя пользователя, пароль и информация о сервере, для существующего сайта Dreamweaver. Выберите существующий веб-сайт в списке сайтов и нажмите кнопку «Изменить», чтобы редактировать существующий сайт. (Диалоговое окно «Настройка сайта» открывается после нажатия кнопки «Изменить» для выбранного сайта.) Для получения дополнительной информации о редактировании параметров существующих сайтов нажмите кнопку «Справка» в любом из экранов диалогового окна «Настройка сайта».
Дублировать
Создает копию существующего сайта. Чтобы создать копию сайта, выберите сайт в списке сайтов и нажмите кнопку «Дублировать». Созданный дубликат сайта появится в списке сайтов с присоединенным к его имени словом «копия». Чтобы изменить имя созданного дубликата сайта, оставьте сайт выделенным и нажмите кнопку «Изменить».
Экспорт
Позволяет экспортировать параметры выбранного сайта в виде XML-файла (*.ste). Дополнительную информацию см. в разделе Импорт и экспорт параметров сайта.
Настройка локальной версии сайта
-
-
В диалоговом окне «Настройка сайта» убедитесь, что выбрана категория сайта.
-
В поле «Имя сайта» введите имя. Имя отображается на панели «Файлы» и в диалоговом окне «Управление веб-сайтами» и не отображается в браузере.
-
В текстовом поле «Локальная папка сайта» укажите определенную вами ранее папку — папку на компьютере, в которой хранится локальная версия файлов сайта. Щелкните значок папки справа от текстового поля, чтобы открыть папку для обзора.
-
Если необходимо использовать Git для управления файлами вашего сайта, установите флажок «Объединить репозиторий Git с этим сайтом».
- Если вы работаете с Git впервые и хотите связать создаваемый сайт с Git, выберите функцию «Инициализация с репозиторием Git».
- Если у вас уже есть учетная запись в Git и вам необходимо связать создаваемый сайт с уже существующим репозиторием, выберите функцию «Клонировать существующий репозиторий Git, используя URL-адрес».
-
Нажмите «Сохранить», чтобы закрыть диалоговое окно «Настройка сайта». Теперь можно начать работу с локальными файлами сайта в Dreamweaver.
Эта папка является тем местом на вашем локальном компьютере, где хранятся рабочие копии веб-страниц.
Если позднее вы захотите опубликовать страницы, сделав их общедоступными, то вам придется определить удаленную папку (или сервер публикации) — место на удаленном компьютере, поддерживающее работу веб-сервера, на котором расположены опубликованные копии ваших локальных файлов.
Дополнительные сведения об определении удаленного сервера и подключении к нему (или к серверу публикации) см. в разделе Подключение к серверу публикации.