Серверная технология
- Руководство пользователя 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 и более поздних версиях. Дополнительные сведения см. в этой статье.
Что необходимо для создания веб-приложений
Для создания веб-программ в 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, можно приступить к разработке веб-программы.