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

1.
Большинство из слушателей курса знакомы с языком html, именно на, еще совсем недавно, создавались большинство интернет страницы. И совсем неважно, писался html-код вручную, например, в Блокноте или создавался автоматически в программе Dreamweaver, суть таких страниц была одна. Эти страницы были всегда неизменными. Если тысяча пользователей запросит такую страницу у сервера, то они получат тысячу абсолютно одинаковых копий html-файла. С помощью такой технологии можно создать статичный сайт, например, набор глав учебника по информатике. Каждая страница может содержать достаточно сложное оформление, рисунки, гиперссылки.

Связанные html-страницы. Каждая страница — отдельный файл
Рис. 1. Связанные html-страницы. Каждая страница — отдельный файл.

Теперь, когда вы заходите на сайт, ваш браузер посылает запрос специальной программе (web-серверу). Он достает запрашиваемый файл и передает его вашему браузеру. Сразу после отправки файла, web-сервер забывает про вас до следующего запроса. Сайт, устроенный по такому принципу запрос-ответ будет иметь ряд недостатков:

— Добавить новую страницу относительно сложно, необходимо знать html, да к тому же созданную страницу необходимо еще загрузить на сервер, для незнающего человека — это проблема.
— Если вы вздумаете изменить внешний вид такого сайта, то нужно изменять ВСЕ html-страницы.
— Создать форум или другой интерактивный сервис также с помощью html-страниц нельзя. В этом языке нет средств для сохранения/извлечения информации из файла или базы данных.
— Искать информацию на таком сайте тоже достаточно сложно, так как информация размазана по нескольким файлам.

Я вас убедил познакомиться с принципиально другим способом?

2.
В динамических сайтах html-страниц нет.

— Есть база данных, в котором хранится вся текстовая информация, а также настройки вашего сайта
— Каталог с рисунками вашего сайта
— Один или несколько шаблонов вашего сайта (шаблон это такой скелет, в котором задано, как будет выглядеть любая страница: вверху картинка, слева ссылки, справа текст)
С помощью специального программного кода эти три составляющих соединяются вместе и появляется, что бы вы думали? Html-страница! Причем посетитель сайта может управлять этим процессом.

Формирование страницы «на лету»
Рис. 2 Формирование страницы «на лету».

Итак, все страницы формируются «на лету» и теперь:

— Можно создать программу (она уже давно создана) которая будет достаточно легко добавлять информацию в базу данных. Для работы с ней человеку достаточно начальных навыков работы с текстовым редактором, да помнить свой логин и пароль, чтобы войти в нее.
— Для изменения внешнего вида сайта нужно подправить только один файл шаблона.
— Для такого «динамичного» сайта существует большое количество программ которые прибавляют сайту функциональности (форумы, голосования, системы тестирования и т. д.) Обратите внимание, все модули работают на взаимодействие пользователя с сайтом и друг с другом.
— Так как информация хранится в единой базе, то и искать ее достаточно просто.
 Не пора ли познакомиться с этой технологией и создать такой динамичный сайт?

3.
Нет не пора, потому, вначале нам нужно познакомиться с Дэнвером (Denwer). Это программа, которую мы установим с вами сегодня, она содержит в себе веб-сервер, базы данных и интерпретатор языка PHP на котором будет работать ваш сайт. Эта программа позволит вам создать интернет на одном компьютере. Причем иллюзия интернета будет стопроцентной. Когда вы научитесь создавать сайты вы достаточно легко сможете перенести ваш продукт на удаленный сервер.

Для установки вам нужно будет скачать инсталляцию Denwer и презентацию, в которой вы сможете увидеть, как происходила инсталляция у меня на компьютере. Все ссылки в нашем мастер-классе всегда будут в конце. Все файлы для скачивания будут предварительно заархивированы, поэтому, вначале их нужно «развернуть».

Запускайте презентацию и одновременно запускайте файл установки Denwer. Следуйте за инструкциями.
Все вопросы при выполнении установки можно задать на форуме.

4.
После того, как вы установили Denwer у вас ровным счетом ничего не изменилось, не считая трех ярлыков на рабочем столе. Щелкая на ярлыке Start Denwer вы запускаете web-сервер Apache сервер баз данных MySQL, интерпретатор PHP. О том, что все заработало, свидетельствует:

— значок перышка в трее (правый нижний угол экрана);
— появившийся у вас неизвестно откуда виртуальный диск, содержимое которого ваша папка C:\WebServers;
— процесс TrayApache.exe в диспетчере задач.

Также вы можете удостовериться, что все работает если запустив браузер в строке адреса наберете http://localhost  Как вы видите адрес очень напоминает адресацию в сети интернет. У вас должна появиться примерно такая картинка:
 

Denwer запущен

Рис. 3 Denwer запущен.

Вначале давайте разберемся со структурой каталога C:\WebServers в котором расположен Denwer. В каталоге C:\WebServers\home\localhost\www вы создаете виртуальные каталоги. Это значит, сто создав в нем папку, например, site и разместив в нем html-файл (или php-файл, но об этом позже) вы можете обратиться к этому файлу через браузер по адресу  http://localhost/site  то есть localhost — это домен первого уровня, а site его виртуальный каталог. Если размещенный файл будет иметь имя index.htm или index.html или index.php, то он загрузится автоматически при обращении к виртуальному каталогу.

Современные сайты требуют использования баз данных. Для того, чтобы создать новую пустую базу данных, зайдите в каталог C:\WebServers\usr\local\mysql5\data созданная в нем папка станет пустой базой данных. Эти два каталога стоит запомнить.
 

Каталог для хранения сайтов и баз данных

Рис. 4 Каталог для хранения сайтов и баз данных.

5.
Пора почувствовать всю мощь динамических сайтов и установить несложный сервис- форум.

  1. Создайте пустую базу данных MySQL, назовем ее, на пример, forum
  2. Создайте виртуальный каталог, назовем ее, например, phpbb (это имя форума).
  3. Скопируйте в каталог инсталляцию форума (ссылка ниже).
  4. Запустите Denwer и обратитесь к инсталляции http://localhost/phpbb
  5. Заполните поля, как показано на рисунке

 Установка форума
Рис. 5. Установка форума.

6.
Если все сделано правильно, перед вами появится надпись с просьбой удалить каталоги install и contrib. Это делается для того, чтобы обратившись в следующий раз по адресу http://localhost/phpbb вы вошли в форум, а не начали инсталляцию заново.
 

Для завершения инсталляции, как правило нужно удалить каталог с инсталляционными файлами

Рис. 6. Для завершения инсталляции, как правило нужно удалить каталог с инсталляционными файлами.

7.
Вот и все, теперь зайдя по ссылке login можно войти в административную часть и там создать темы форума, настроить его внешний вид и русифицировать.
При завершении работы не забудьте завершить Denwer (ярлык Stop Denwer на рабочем столе).

Практическая работа:

  1. Установите Denwer на свой компьютер.
    Результат работы: установленный Denwer, созданный виртуальный каталог, запущенный html-файл через web-сервер.
  2. Установите форум, зарегистрируйте несколько пользователей, создайте в административной панели ветку для обсуждения.
    Результат работы: скриншот с установленным форумом, зарегистрированным пользователем, созданным сообщением.

Контрольные вопросы:

  1. Какие файлы запускают/останавливают Denwer?
  2. Как определить, запущен ли Denwer в данный момент?
  3. Как создать виртуальный каталог?
  4. Где располагаются базы данных?
  5. Как через Denwer открыть html-файл?
  6. Как завершить работу Denwer?

Опыт показывает, что необходимо несколько раз установить, а после снести программу (остановить Denwer, удалить каталог C:\WebServers), чтобы все встало в голове на свои места.

Матариалы для скачивания: