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

Настройка компьютера для разработки приложений

  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. Выявленные неполадки

 

 

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

Пользовательский интерфейс в Dreamweaver и более поздних версиях стал проще. В результате этого некоторые функции, описанные в этой статье, могут отсутствовать в Dreamweaver и более поздних версиях. Дополнительные сведения см. в этой статье.

Что необходимо для создания веб-приложений

Для создания веб-программ в Adobe Dreamweaver необходимо следующее программное обеспечение:

  • Веб-сервер
  • сервер приложений, работающий совместно с веб-сервером.  

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

  • Если с приложением необходимо использовать базу данных, тогда потребуется установить дополнительное программное обеспечение:

  • систему баз данных,

  • соответствующий драйвер базы данных.

    Различные компании, занимающиеся веб-хостингом, предлагают услуги по использованию их программного обеспечения для тестирования и развертывания веб-приложений. В некоторых случаях, для разработки, можно установить необходимое программное обеспечение на том же компьютере, что и Dreamweaver. Кроме того, можно установить необходимое программное обеспечение на один из компьютеров сети (это, как правило, компьютер под управлением Windows 2000 или Windows XP), что позволит другим разработчикам совместно работать над одним проектом.

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

Основные понятия о веб-сервере

Для разработки и тестирования динамических веб-страниц необходимо наличие работающего веб-сервера. Веб-сервер — это программное обеспечение, которое предоставляет веб-страницы в ответ на запросы веб-браузеров. Веб-сервер иногда называют HTTP-сервером. Веб-сервер можно установить и запустить на локальном компьютере.

На компьютерах Macintosh уже имеется установленный веб-сервер Apache.

Корпорация Adobe не предоставляет техническую поддержку для программных продуктов сторонних разработчиков, например для сервера Microsoft IIS. Для получения помощи в отношении продуктов корпорации Майкрософт обращайтесь в службу технической поддержки Майкрософт.

Если для разработки веб-приложений используется сервер IIS, то по умолчанию имя веб-сервера совпадает с именем компьютера. Имя сервера можно изменить путем переименования компьютера. Если у компьютера нет имени, сервер имеет имя localhost.

Имя сервера сопоставляется с корневой папкой сервера, которая на компьютерах с операционной системой Windows чаще всего называется C:\Inetpub\wwwroot. Открыть любую веб-страницу, размещенную в корневой папке сервера, можно с помощью браузера, указав следующий URL-адрес:

http://имя_сервера/имя_файла.

Например, если имя сервера mer_noire, а имя находящегося в папке C:\Inetpub\wwwroot\ файла веб-страницы — soleil.html, то открыть эту страницу можно, введя следующий URL-адрес в адресной строке локального компьютера:

http://mer_noire/soleil.html.

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

Также можно открыть любую веб-страницу, находящуюся в любой подпапке относительно корневой папки, указав данную подпапку в URL-адресе. Например, предположим, что файл soleil.html находится в подпапке gamelan и полный путь к файлу выглядит следующим образом:

C:\Inetpub\wwwroot\gamelan\soleil.html.

Эту страницу можно открыть, введя следующий URL-адрес в адресную строку браузера локального компьютера:

http://mer_noire/gamelan/soleil.html

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

http://mer_noire/gamelan/soleil.html

http://localhost/gamelan/soleil.html

Помимо имени сервера или localhost можно использовать имя 127.0.0.1 (например, http://127.0.0.1/gamelan/soleil.html).

Выбор веб-сервера

Для разработки и тестирования веб-приложений существует большой выбор распространенных веб-серверов, в число которых входят Microsoft Internet Information Server (IIS) и Apache HTTP Server.

Если вы не пользуетесь услугами поставщика веб-хостинга, выберите веб-сервер для разработки и установите его на своем локальном компьютере. Пользователям Windows и Macintosh, которые собираются разрабатывать веб-приложения на языке ColdFusion, подойдет веб-сервер, включенный в состав выпуска сервера приложений ColdFusion 8 для разработки. Его можно установить и использовать бесплатно.

Остальные пользователи Windows могут установить и использовать веб-сервер IIS на локальном компьютере. Возможно, указанный веб-сервер уже установлен на пользовательском компьютере. Проверьте, имеется ли в файловой системе папка C:\Inetpub или D:\Inetpub. Указанная папка создается при установке сервера IIS.

Пользователи Mac OS могут воспользоваться локальным веб-сервером Apache, который устанавливается вместе с операционной системой.

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

Выбор сервера приложений

Сервер приложений — программное обеспечение, с помощью которого веб-сервер обрабатывает динамические страницы. Выбор сервера приложений должен производиться с учетом ряда факторов: запланированного бюджета, применяемой серверной технологии (ColdFusion, ASP или PHP) и типа веб-сервера.

Бюджет

Некоторые поставщики программного обеспечения предлагают дорогостоящие при покупке и в администрировании промышленные серверы приложений. Другие поставщики поставляют более простые и экономичные решения (например, ColdFusion). Одни серверы приложений встроены в веб-серверы (например, Microsoft IIS), другие можно загрузить бесплатно из Интернета (например, PHP).

Серверная технология

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

Серверная технология

Сервер приложений

ColdFusion

Adobe ColdFusion 8

ASP

сервер Microsoft IIS

PHP

Сервер PHP

Дополнительные сведения о ColdFusion можно получить, выбрав в меню «Справка» пункт «Справка по ColdFusion».

Подробные сведения об ASP доступны на веб-сайте Майкрософт по адресу http://msdn.microsoft.com/ru-ru/library/aa286483.aspx.

Подробные сведения о PHP доступны на веб-сайте PHP по адресу www.php.net/.

Выбор базы данных

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

Бюджет

Одни производители поставляют мощные серверы баз данных, которые дороги и сложны в администрировании. Другие поставляют более простые и экономичные решения, например Microsoft Access или база данных с открытым кодом MySQL.

Число пользователей

Если пользоваться веб-сайтом будет большое сообщество пользователей, выбирайте базу данных, рассчитанную на поддержку соответствующей пользовательской базы. Для веб-сайтов, которые требуют большей гибкости при моделировании данных и возможности поддержки одновременной работы большого сообщества пользователей, подходят серверные реляционные базы данных (обычно называемые RDBMS) вроде Microsoft SQL Server или Oracle.

Настройка среды разработки ColdFusion

Подробные инструкции по настройке среды разработки ColdFusion для Dreamweaver на компьютере Windows или Mac см. на сайте Adobe по адресу www.adobe.com/devnet/dreamweaver/articles/setup_cf.html.

Пользователи Macintosh и Windows могут загрузить и установить бесплатный, полностью функциональный выпуск сервера приложений ColdFusion для разработчиков с сайта Adobe по адресу www.adobe.com/go/coldfusion_ru/.

Версия для разработчиков предоставляется для некоммерческого использования в целях разработки и тестирования веб-приложений. Для ее развертывания лицензия не требуется. Однако запросы обрабатываются только с локального компьютера и двух удаленных IP-адресов. Программа не имеет ограничения по сроку использования. Дополнительные сведения см. в справке по ColdFusion («Справка» > «Справка по ColdFusion»).

В процессе установки пакета ColdFusion его можно настроить для использования интегрированного собственного веб-сервера или другого веб-сервера, установленного на компьютере. Рекомендуется подбирать программное обеспечение для среды разработки таким образом, чтобы оно соответствовало программному обеспечению производственной среды. Следовательно, не имеет особого смысла использовать собственный веб-сервер ColdFusion, если для разработки и эксплуатации применяется веб-сервер Microsoft IIS.

Настройка среды разработки PHP

Подробные инструкции по настройке среды разработки PHP для Dreamweaver на компьютере Windows или Mac см. на сайте Adobe по адресу www.adobe.com/devnet/dreamweaver/articles/setup_php.html.

Существуют выпуски сервера приложений PHP для операционных систем Windows, Linux, UNIX, HP‑UX, Solaris и Mac OS X. Дополнительные сведения о сервере приложений см. в документации по PHP, которую можно загрузить с веб-сайта PHP по адресу www.php.net/download-docs.php.

Настройка среды разработки ASP

Подробные инструкции по настройке среды разработки ASP для Dreamweaver на компьютере Windows или Mac см. на сайте Adobe по адресу www.adobe.com/devnet/dreamweaver/articles/setup_asp.html.

Для работы с ASP-страницами необходим сервер приложений, поддерживающий технологию Microsoft Active Server Pages 2.0, например Microsoft IIS, входящий в состав операционных систем Windows 2000 и Windows XP Professional. Пользователи ОС Windows XP Professional могут установить и запустить сервер IIS на локальном компьютере. Пользователи Macintosh могут воспользоваться услугами веб-хостинга с поддержкой технологии ASP или установить службы IIS на удаленном компьютере.

Создание корневой папки для программы

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

Веб-сервер может предоставлять любой файл из этой папки или из вложенных в нее папок в ответ на запрос HTTP, поступающий от веб-браузера. Например, на компьютере, где запущен сервер приложений ColdFusion 8, любой файл в папке \ColdFusion8\wwwroot (или вложенной в нее) может быть получен через веб-браузер.

Далее указаны корневые папки по умолчанию для определенных веб-серверов.

Веб-сервер

Корневая папка по умолчанию

ColdFusion 8

\ColdFusion8\wwwroot

IIS

\Inetpub\wwwroot

Apache (для Windows)

\apache\htdocs

Apache (Macintosh)

Users: имяПользователя:Sites

Чтобы проверить работу веб-сервера, поместите тестовую HTML-страницу в корневой папке по умолчанию и попытайтесь открыть ее, введя URL-адрес страницы в браузере. URL-адрес включает в себя доменное имя и имя файла HTML-страницы и выглядит следующим образом: www.example.com/testpage.htm.

Если веб-сервер установлен на локальном компьютере, вместо доменного имени можно использовать localhost. Введите один из следующих URL-адресов локального узла в зависимости от используемого веб-сервера.

Веб-сервер

URL-адрес локального узла

ColdFusion 8

http://localhost:8500/testpage.htm

IIS

http://localhost/testpage.htm

Apache (для Windows)

http://localhost:80/testpage.htm

Apache (Macintosh)

http://localhost/~ИмяПользователя/testpage.htm (где ИмяПользователя — это имя пользователя Macintosh)

Примечание.

По умолчанию веб-сервер ColdFusion обслуживает порт 8500, а веб-сервер Apache для Windows — порт 80.

Если страница не открывается, возможно, произошли следующие ошибки.

  • Веб-сервер не был запущен. Обратитесь к инструкциям по запуску в документации веб-сервера.

  • Файл не имеет расширение htm или html.

  • В текстовом поле адреса браузера необходимо вводить путь к файлу, а не URL-адрес (например, c:\ColdFusion8\wwwroot\testpage.htm, а не http://localhost:8500/testpage.htm).

  • URL-адрес указан с ошибкой. Проверьте наличие ошибок и убедитесь, что после имени файла не введена косая черта, напримерhttp://localhost:8080/testpage.htm/.

    После создания корневой папки для вашей программы определите сайт Dreamweaver для управления вашими файлами.

Об определении сайта Dreamweaver

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

Перед началом работы убедитесь, что соблюдены следующие требования.

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

  • Сервер приложений установлен и запущен на системе, на которой установлен веб-сервер.

  • Была создана корневая папка для веб-приложения в системе, на которой установлен веб-сервер.

Определение сайта Dreamweaver для вашей веб-программы состоит из трех этапов:

1. Определение локальной папки

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

2. Определение удаленной папки

Определите папку, расположенную на компьютере веб-сервера, в качестве удаленной папке Dreamweaver. Удаленная папка — это папка, созданная для веб-приложения на веб-сервере.

3. Определение тестовой папки

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

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

Связанные материалы

 Adobe

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

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