Руководство пользователя Отмена

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

  1. Руководство пользователя Dreamweaver
  2. Введение
    1. Основы гибкого веб-дизайна
    2. Новые возможности Dreamweaver
    3. Веб-разработка с помощью Dreamweaver: обзор
    4. Dreamweaver / распространенные вопросы
    5. Сочетания клавиш
    6. Системные требования Dreamweaver
    7. Обзор новых возможностей
  3. Dreamweaver и Creative Cloud
    1. Синхронизация настроек Dreamweaver с Creative Cloud
    2. Библиотеки Creative Cloud Libraries в Dreamweaver
    3. Использование файлов Photoshop в Dreamweaver
    4. Работа с Adobe Animate и Dreamweaver
    5. Извлечение файлов SVG, оптимизированных для Интернета, из библиотек
  4. Рабочие среды и представления Dreamweaver
    1. Рабочая среда Dreamweaver
    2. Оптимизация рабочей среды Dreamweaver для визуальной разработки
    3. Поиск файлов по названию или содержимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройка локальной версии сайта
    3. Подключение к серверу публикации
    4. Настройка тестового сервера
    5. Импорт и экспорт параметров сайта Dreamweaver
    6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
    7. Специальные возможности в Dreamweaver
    8. Дополнительные настройки
    9. Настройка установок сайта для передачи файлов
    10. Задание параметров прокси-сервера в Dreamweaver
    11. Синхронизация настроек Dreamweaver с Creative Cloud
    12. Использование Git в Dreamweaver
  6. Управление файлами
    1. Создание и открытие файлов
    2. Управление файлами и папками
    3. Получение файлов с сервера и размещение их на нем
    4. Возврат и извлечение файлов
    5. Синхронизация файлов
    6. Сравнение файлов
    7. Скрытие файлов и папок на сайте Dreamweaver
    8. Включение заметок разработчика для сайтов Dreamweaver
    9. Предотвращение использования уязвимости Gatekeeper
  7. Макет и оформление
    1. Использование средств визуализации для создания макета
    2. Об использовании CSS для создания макета страницы
    3. Создание динамичных веб-сайтов с помощью Bootstrap
    4. Создание и использование медиазапросов в Dreamweaver
    5. Представление содержимого в таблицах
    6. Цвета
    7. Гибкий дизайн с использованием «резиновых» макетов
    8. Extract в Dreamweaver
  8. CSS
    1. Общие сведения о каскадных таблицах стилей
    2. Создание макетов страниц с помощью конструктора CSS
    3. Использование препроцессоров CSS в Dreamweaver
    4. Установка настроек стиля CSS в Dreamweaver
    5. Перемещение правил CSS в Dreamweaver
    6. Преобразование встроенного CSS в правило CSS в Dreamweaver
    7. Работа с тегами div
    8. Применение градиентов к фону
    9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
    10. Форматирование кода
  9. Содержимое страницы и ресурсы
    1. Задание свойств страницы
    2. Задание свойств заголовка CSS и свойств ссылки CSS
    3. Работа с текстом
    4. Поиск и замена текста, тегов и атрибутов
    5. Панель DOM
    6. Редактирование в режиме интерактивного просмотра
    7. Кодировка документов в Dreamweaver
    8. Выбор и просмотр элементов в окне документа
    9. Задание свойств текста в инспекторе свойств
    10. Проверка орфографии на веб-странице
    11. Использование горизонтальных линеек в Dreamweaver
    12. Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
    13. Работа с ресурсами
    14. Вставка и обновление даты в Dreamweaver
    15. Создание и управление избранными ресурсами в Dreamweaver
    16. Вставка и редактирование изображений в Dreamweaver
    17. Добавление мультимедийных объектов
    18. Добавление видео Dreamweaver
    19. Добавление видео HTML5
    20. Вставка файлов SWF
    21. Добавление звуковых эффектов
    22. Добавление аудио HTML5 в Dreamweaver
    23. Работа с элементами библиотеки
    24. Использование текста на арабском языке и иврите в Dreamweaver
  10. Создание ссылок и навигация
    1. О создании ссылок и навигации
    2. Создание ссылок
    3. Карты ссылок
    4. Устранение неполадок со ссылками
  11. Графические элементы и эффекты jQuery
    1. Использование пользовательского интерфейса и графических элементов jQuery для мобильных устройств в Dreamweaver
    2. Использование эффектов jQuery в Dreamweaver
  12. Написание кода веб-сайтов
    1. О программировании в Dreamweaver
    2. Среда написания кода в Dreamweaver
    3. Настройка параметров написания кода
    4. Настройка цветового оформления кода
    5. Написание и редактирование кода
    6. Подсказки по коду и автозавершение кода
    7. Свертывание и развертывание кода
    8. Повторное использование фрагментов кода
    9. Анализ Linting для проверки кода
    10. Оптимизация кода
    11. Редактирование кода в представлении «Дизайн»
    12. Работа с содержимым заголовков для страниц
    13. Вставка серверных включений в Dreamweaver
    14. Использование библиотек тегов в Dreamweaver
    15. Импорт пользовательских тегов в Dreamweaver
    16. Использование вариантов поведения JavaScript (общие инструкции)
    17. Применение встроенных вариантов поведения JavaScript
    18. Сведения об XML и XSLT
    19. Выполнение XSL-преобразования на стороне сервера в Dreamweaver
    20. Выполнение XSL-преобразования на стороне клиента в Dreamweaver
    21. Добавление символьных сущностей для XSLT в Dreamweaver
    22. Форматирование кода
  13. Процессы взаимодействия продуктов
    1. Установка и использование расширений в Dreamweaver
    2. Обновления в Dreamweaver, устанавливаемые через приложение
    3. Вставить документы Microsoft Office в Dreamweaver (только для Windows)
    4. Работа с Fireworks и Dreamweaver
    5. Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
    6. Интеграция Dreamweaver с Business Catalyst
    7. Создание персонализированных кампаний почтовой рассылки
  14. Шаблоны
    1. О шаблонах Dreamweaver
    2. Распознавание шаблонов и документов на их основе
    3. Создание шаблона Dreamweaver
    4. Создание редактируемых областей в шаблонах
    5. Создание повторяющихся областей и таблиц в Dreamweaver
    6. Использование дополнительных областей в шаблонах
    7. Определение редактируемых атрибутов тега в Dreamweaver
    8. Создание вложенных шаблонов в Dreamweaver
    9. Редактирование, обновление и удаление шаблонов
    10. Экспорт и импорт XML-содержимого в Dreamweaver
    11. Применение или удаление шаблона из существующего документа
    12. Редактирование содержимого в шаблонах Dreamweaver
    13. Правила синтаксиса для тегов шаблона в Dreamweaver
    14. Настройка предпочтений выделения для областей шаблона
    15. Преимущества использования шаблонов в Dreamweaver
  15. Мобильные и многоэкранные устройства
    1. Создание медиазапросов
    2. Изменение ориентации страницы для мобильных устройств
    3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
  16. Динамические сайты, страницы и веб-формы
    1. Общие сведения о веб-приложениях
    2. Настройка компьютера для разработки приложений
    3. Устранение неполадок подключений к базам данных
    4. Удаление сценариев подключения в Dreamweaver
    5. Дизайн динамических страниц
    6. Обзор динамических источников содержимого
    7. Определение источников динамического содержимого
    8. Добавление динамического содержимого на страницы
    9. Изменение динамического содержимого в Dreamweaver
    10. Отображение записей баз данных
    11. Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
    12. Добавление заказных вариантов поведения сервера в Dreamweaver
    13. Создание форм с помощью Dreamweaver
    14. Использование форм для сбора информации от пользователей
    15. Создание и включение форм ColdFusion в Dreamweaver
    16. Создание веб-форм
    17. Расширенная поддержка HTML5 для компонентов формы
    18. Разработка формы с помощью Dreamweaver
  17. Визуальное построение приложений
    1. Создание главной страницы и страницы сведений в Dreamweaver
    2. Создание страниц поиска и результатов поиска
    3. Создание страницы для вставки записи
    4. Создание страницы обновления записи в Dreamweaver
    5. Создание страниц удаления записей в Dreamweaver
    6. Применение ASP-команд для изменения базы данных в Dreamweaver
    7. Создание страницы регистрации
    8. Создание страницы входа
    9. Создание страницы с доступом только для авторизованных пользователей
    10. Защита папок в ColdFusion с помощью Dreamweaver
    11. Использование компонентов ColdFusion в Dreamweaver
  18. Тестирование, просмотр и публикация веб-сайтов
    1. Предварительный просмотр страниц
    2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
    3. Тестирование сайта Dreamweaver
  19. Устранение неполадок
    1. Исправленные ошибки
    2. Выявленные неполадки

 

 

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

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

В качестве тестового сервера может выступать локальный компьютер, сервер разработки, вспомогательный или производственный сервер.

Преимущества настройки тестового сервера

Настройка тестового сервера позволяет проверить весь ваш динамический код без риска нанесения вреда работающему веб-сайту. 

Кроме того, вы можете работать практически непрерывно, без риска сбоев сети и прекращения доступа Интернет, которые могут помешать вам загрузить все необходимое на удаленный сервер.

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

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

Еще одно преимущество тестового сервера заключается в том, что Dreamweaver автоматически синхронизирует динамические документы с сервером тестирования при их открытии, создании или же сохранении внесенных в них изменений. Дополнительные сведения см. в разделе Автоматическая передача динамических файлов.

Примечание.

Аналитика и время загрузки не будут точными без доступа к сайту из удаленной локации.

Это особенно верно для времени загрузки — поскольку веб-сайт всегда быстрее загружается с вашего локального компьютера, чем через сеть.

Приступая к работе

Прежде чем приступать к настройке тестового сервера при помощи Dreamweaver, необходимо настроить и установить следующие программы:

  • веб-сервер (например, Apache);
  • сервер базы данных (например, MySQL);
  • серверный язык (например, PHP).

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

  1. Выберите Веб-сайт > Управление веб-сайтами.

  2. Нажмите кнопку Создать, чтобы настроить новый сайт, или выберите существующий сайт Dreamweaver и нажмите значок редактирования.

  3. В диалоговом окне Настройка веб-сайта выберите категорию «Серверы» и выполните одно из следующих действий:

    • Нажмите кнопку Добавить сервер для добавления нового сервера.

    • Выберите существующий сервер и нажмите кнопку Изменить существующий сервер.

  4. Укажите базовые параметры как для подключения к удаленному серверу, а затем нажмите на кнопку Дополнительно. При настройке базовых параметров убедитесь, что вы указали URL-адрес на экране базовых настроек. 

    Сведения о настройке подключения к удаленному серверу см. в разделе Подключение к серверу публикации.

    Дополнительные сведения об URL-адресах для тестового сервера см. в разделе URL-адреса для тестового сервера.

  5. В поле Тестовый сервер выберите серверную модель для использования с веб-приложением.

  6. Нажмите кнопку Сохранить, чтобы закрыть экран «Дополнительно». Затем в категории «Серверы» укажите только что добавленный или измененный сервер в качестве тестового.

Об URL-адресе тестового сервера

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

URL-адрес тестового сервера состоит из доменного имени и любого из подкаталогов или виртуальных каталогов домашнего каталога веб-сайта.

Примечание.

Терминология, используемая в Microsoft IIS, может различаться на разных серверах, но общие понятия применимы для большинства веб-серверов.

Домашний каталог.

Папка на сервере, сопоставленная доменному имени сайта. Предположим, для обработки динамических страниц используется папка c:\sites\company\ и эта папка является домашним каталогом (т. е. эта папка сопоставлена доменному имени сайта, например www.mystartup.com). В этом случае префиксом URL-адреса является http://www.mystartup.com/.

Если папка, которая будет использоваться для обработки динамических страниц, является вложенной папкой домашнего каталога, просто добавьте вложенную папку в URL-адрес. Если домашний каталог c:\sites\company\, доменное имя сайта — www.mystartup.com, а для обработки динамических страниц будет использоваться папка c:\sites\company\inventory. Введите следующий URL-адрес:

http://www.mystartup.com/inventory/

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

Виртуальный каталог.

Папка, которая физически не находится в домашнем каталоге сервера, хотя и отображается в URL-адресе. Чтобы создать виртуальный каталог, укажите псевдоним для пути к папке в URL-адресе. Предположим, домашним каталогом является c:\sites\company, для обработки используется папка d:\apps\inventory и для этой папки определяется псевдоним warehouse. Введите следующий URL-адрес:

http://www.mystartup.com/warehouse/

Localhost

Термин, относящийся к домашнему каталогу в URL-адресах, когда клиент (обычно браузер, но в данном случае Dreamweaver) выполняется на том же компьютере, что и веб-сервер. Предположим, Dreamweaver запущен на той же системе Windows, что и веб-сервер, домашним каталогом является c:\sites\company и определен виртуальный каталог warehouse, относящийся к папке, в которой должны обрабатываться динамические страницы. Для выбранных веб-серверов должны вводиться следующие URL-адреса:

Веб-сервер

URL-адрес

ColdFusion MX 7

http://localhost:8500/warehouse/

IIS

http://localhost/warehouse/

Apache (для Windows)

http://localhost:80/warehouse/

Jakarta Tomcat (для Windows)

http://localhost:8080/warehouse/

Примечание.

По умолчанию веб-сервер ColdFusion MX 7 выполняется на порте 8500, веб-сервер Apache на порте 80, а веб-сервер Jakarta Tomcat на порте 8080.

Для пользователей Macintosh, использующих веб-сервер Apache, персональным домашним каталогом является Users/Имя_пользователя/Sites, где «Имя_пользователя» означает имя пользователя Macintosh. Псевдоним «~Имя_пользователя» автоматически определяется для этой папки при установке Mac OS 10.1 или более новой версии. Поэтому по умолчанию в Dreamweaver используется следующий URL-адрес:

http://localhost/~Имя_пользователя/.

Если для обработки динамических страниц используется папка Users: имя_пользователя:Sites:inventory, укажите следующий URL-адрес:

http://localhost/~Имя_пользователя/inventory/.

Дополнительные сведения см. в разделе Выбор сервера приложений.

Автоматическая передача динамических файлов

Динамический документ автоматически загружается на тестовый сервер при редактировании и сохранении в режиме интерактивного просмотра и в представлении кода. Если вы хотите отключить автоматическую передачу динамических файлов, это можно сделать в параметрах сервера. Дополнительные сведения см. в разделе Отключение автоматической передачи динамических файлов.

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

Рассмотрим следующие сценарии.

Сценарий 1. Вы вносите изменения в исходный код и зависимые файлы. При нажатии кнопки «Сохранить» в фокусе находится исходный код.

В этом случае появляется следующее диалоговое окно со списком всех затрагиваемых зависимых файлов.

Запрос о сохранении зависимых файлов

Затем можно выбрать файлы, которые необходимо отправить на тестовый сервер.

Примечание. Чтобы не получать запросов для последующих операций, можно выбрать режим «Всегда автоматически сохранять зависимые файлы». Этот параметр можно в любое время изменить. Для этого перейдите на страницу настройки тестового сервера («Настройка сайта») и на вкладке «Дополнительно» снимите флажок «Всегда автоматически сохранять зависимые файлы».

Параметр автоматического сохранения зависимых файлов в настройках сервера
Параметр автоматического сохранения зависимых файлов в настройках сервера

Сценарий 2. Вы вносите изменения в исходный код и зависимые файлы. При нажатии кнопки «Сохранить» в фокусе находится один из зависимых файлов.

В этом случае только этот зависимый файл сохраняется и помещается на тестовый сервер. 

Отключение автоматической передачи динамических файлов

Отключить автоматическую передачу динамических файлов можно в настройках сервера.

  1. Выберите меню «Сайт» > «Управление сайтами».

  2. Выберите сайт и нажмите кнопку «Изменить». Откроется диалоговое окно «Настройка сайта».

  3. Перейдите в категорию «Серверы».

  4. Выберите тестовый сервер и нажмите значок «Изменить».

  5. В появившемся всплывающем окне нажмите кнопку «Дополнительно».

  6. Снимите флажок «Автоматически передавать файлы на тестовый сервер».

    Отключение автоматической передачи динамических файлов
    Отключение автоматической передачи динамических файлов

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?