A5.ru: конструктор сайтов

A5.ru: создать собственный сайт без лишних затрат и усилий!

Ну что же, в прошлой статье, мы  рассмотрели, где и как скачать инсталляционный файл для установки на компьютер локального сервера XAMPP.

Для того, чтобы установить Локальный сервер XAMPP на компьютер, запускаем скаченный файл.

Открывается окно выбора языка, оставляем английский и жмем “ОК”.

После приветствия, программа установщик предложит выбрать путь к папке, в которую Локальный сервер XAMPP будет установлен. Ничего не меняем, оставим путь, предложенный программой – C:\xampp.

В следующем окне программа предлагает создать ярлыки на рабочем столе, и в меню “Пуск”, оставляем эти опции включенными.

Здесь же,  программой установки будет предложено создать службы для запуска сервера  Apache и MySQL. Эти службы будут запускаться с загрузкой Windows. Эти опции активировать не будем.

 

Продолжаем установку локального сервера, нажав на кнопку “Install”. После распаковки и копирования файлов, выходит окно, которое сообщает, что локальный сервер XAMPP установлен, нам осталось кликнуть по кнопке “Finish”.

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

Ярлык для запуска локального сервера

Запустим панель управления локального сервера.

Локальный сервер XAMPP, управляется кнопками “Start”. Так, например, чтобы запустить сервер Apache, жмем соответствующую кнопку “Start” напротив сервиса  Apache в контрольной панели локального сервера:

Локальный сервер XAMPP – установка 

То же самое касается сервиса MySQL и других служб и сервисов. После нажатия на кнопку, сервис запускается и под названием сервиса появляется зеленая подсветка, а название кнопки “Start”  меняется на “Stop”:

Локальный сервер XAMPP – установка

Думаю, понятно, что для перезапуска служб, достаточно воспользоваться соответствующей кнопкой службы, а для администрирования службы необходимо нажать кнопку “Admin”.

Теперь давайте рассмотрим, как создавать сайты на локальном сервере XAMPP.

В начале отметим, что после установки локального сервера на компьютер, программой установки на диске C была создана папка – xampp. В данной папке находится папка: htdocs.

Так вот, все создаваемые сайты на локальном сервере, должны лежать в этой папке. То есть, локальный путь к папкам сайтов будет следующий:

C:\xampp\htdocs

Для примера, давайте на локальном сервере xampp, создадим сайт с доменным именем test12.ru

Для этого, нам достаточно создать в директории htdocs папку с именем нового домена test12.ru:

C:\xampp\htdocs\test12.ru

Все файлы нашего нового сайта, соответственно должны храниться в папке домена - test12.ru.

Теперь еще один важный момент - для того, чтобы открыть сайт test12.ru в браузере,  к нему в необходимо обратиться  по адресу:

https://localhost/test12.ru

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

Кстати, если мы зайдем на страницу https://localhost/xampp/, то мы получим доступ к странице состояния и режимов локального сервера xampp.

Давайте вернемся к тестированию созданного нами тестового сайта test12.ru.

Чтобы сайт заработал, необходимо, чтобы в корне сайта, то есть в папке C:\xampp\htdocs\test12.ru, находился индексный файл.

Давайте добавим в эту папку индексный файл  index.php, следующего содержания:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

          <title>Локальный сервер XAMPP - Тестируем PHP</title>

</head>

<body>

 

<?php echo '<p>Привет, мир!</p>';  ?>

 

</body>

</html>

 

Мы видим, что файл index.php содержит строчку скриптового языка php, кроме того, сам файл имеет расширение php.

Сохраним файл  index.php в папке C:\xampp\htdocs\test12.ru.

Теперь на нашем сайте есть  стартовый (индексный)  файл. Код данного файла, выводит командой echo на страницу браузера строку – Привет, мир!

Откроем сайт в окне браузера, обратившись к нему по адресу - https://localhost/test12.ru, если все набрано правильно, и локальный сервер запущен, тогда браузер отобразит в своем окне строку -  Привет, мир!

Таким образом, мы видим, что Локальный сервер XAMPP работает и мы можем использовать его для создания и тестирования своих сайтов!

Автор: Виктор Милованов

 

Как создать сайт без знания HTML

Как создать сайт без знания HTML

Как создать сайт на WordPress

Как создать сайт на WordPress

CSS для начинающих

CSS для начинающих

Скачать без регистрации