HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-26
1 <p>Хочу поделиться с вами решением очень насущного вопроса! Которым я задался чуть ли не сразу, как стал обучаться на Hexlet по профессии верстальщик. Мне нужно было где-то практиковать верстку, что-бы было удобно и больше походило на реальный сайт с хостингом и доменом.</p>
1 <p>Хочу поделиться с вами решением очень насущного вопроса! Которым я задался чуть ли не сразу, как стал обучаться на Hexlet по профессии верстальщик. Мне нужно было где-то практиковать верстку, что-бы было удобно и больше походило на реальный сайт с хостингом и доменом.</p>
2 <p>Я нашел локальный сервер - Open server, он и будет нашим хостингом, и в нем мы сделаем домен. Что-бы вам не ломать голову, я подробно расскажу, как установить и правильно настроить сервер на вашем компьютере, а также сделаем домен. Пример: Open server ver. 5.3.5 basic. Приступим.</p>
2 <p>Я нашел локальный сервер - Open server, он и будет нашим хостингом, и в нем мы сделаем домен. Что-бы вам не ломать голову, я подробно расскажу, как установить и правильно настроить сервер на вашем компьютере, а также сделаем домен. Пример: Open server ver. 5.3.5 basic. Приступим.</p>
3 <h2>Содержание</h2>
3 <h2>Содержание</h2>
4 <ul><li><a>1. Скачаем Open server бесплатно с официального сайта</a></li>
4 <ul><li><a>1. Скачаем Open server бесплатно с официального сайта</a></li>
5 <li><a>2. Установка</a></li>
5 <li><a>2. Установка</a></li>
6 <li><a>3. Запуск и настройка</a></li>
6 <li><a>3. Запуск и настройка</a></li>
7 <li><a>4. Создадим домен и запустим сервер</a></li>
7 <li><a>4. Создадим домен и запустим сервер</a></li>
8 </ul><h2>1. Скачаем Open server бесплатно с официального сайта</h2>
8 </ul><h2>1. Скачаем Open server бесплатно с официального сайта</h2>
9 <p>Заходим в Google ищем Open server</p>
9 <p>Заходим в Google ищем Open server</p>
10 <p>В водим капчу, жмем скачать.</p>
10 <p>В водим капчу, жмем скачать.</p>
11 <p>На следующей странице чуть ниже жмем "Нет, спасибо, хочу просто скачать".</p>
11 <p>На следующей странице чуть ниже жмем "Нет, спасибо, хочу просто скачать".</p>
12 <h2>2. Установка</h2>
12 <h2>2. Установка</h2>
13 <p>Запускаем скаченный файл</p>
13 <p>Запускаем скаченный файл</p>
14 <p>Далее выбираем директорию для установки, жмем извлечь. Я для удобства извлек на рабочий стол.</p>
14 <p>Далее выбираем директорию для установки, жмем извлечь. Я для удобства извлек на рабочий стол.</p>
15 <h2>3. Запуск и настройка</h2>
15 <h2>3. Запуск и настройка</h2>
16 <p>Запускаем программу, выбираем нужный вариант зависимости от разрядности вашей OS - 32 или 64.</p>
16 <p>Запускаем программу, выбираем нужный вариант зависимости от разрядности вашей OS - 32 или 64.</p>
17 <p>Жмем ОК! По окончанию установки перезагрузите компьютер.</p>
17 <p>Жмем ОК! По окончанию установки перезагрузите компьютер.</p>
18 <p>После перезагрузки снова запускаем нашу программу. В трее появляется значок с красным флажком.</p>
18 <p>После перезагрузки снова запускаем нашу программу. В трее появляется значок с красным флажком.</p>
19 <p>Жмём по нему правой кнопкой мыши и выбираем пункт "Настройки". Откроется главное окно программы. Перейдём во вкладку "Модули" и выберем версию PHP: PHP 7.0 и версию HTTP: Apache_2,4-PHP_7.0</p>
19 <p>Жмём по нему правой кнопкой мыши и выбираем пункт "Настройки". Откроется главное окно программы. Перейдём во вкладку "Модули" и выберем версию PHP: PHP 7.0 и версию HTTP: Apache_2,4-PHP_7.0</p>
20 <p>Затем перейдём во вкладку "Домены", выберем "автопоиск доменов" и в качестве корневой папки домена выберем пункт с наибольшим числом вариантов. Жмем сохранить.</p>
20 <p>Затем перейдём во вкладку "Домены", выберем "автопоиск доменов" и в качестве корневой папки домена выберем пункт с наибольшим числом вариантов. Жмем сохранить.</p>
21 <h2>4. Создадим домен и запустим сервер</h2>
21 <h2>4. Создадим домен и запустим сервер</h2>
22 <p>Что-бы создать домен для нашего сайта, нужно зайти в директорию, в которую мы установили Open Server, выбрать папку domains и создать там новую папку. Например, я создал TestSait, она и будет являться доменом и директорией для сайта. Далее запускаем сервер - кликаем на красный флажок в трее -<strong>запустить</strong>.</p>
22 <p>Что-бы создать домен для нашего сайта, нужно зайти в директорию, в которую мы установили Open Server, выбрать папку domains и создать там новую папку. Например, я создал TestSait, она и будет являться доменом и директорией для сайта. Далее запускаем сервер - кликаем на красный флажок в трее -<strong>запустить</strong>.</p>
23 <p>У меня получилось так C:\Users\Ilya\Desktop\OSPanel\OSPanel\domains\TestSait.</p>
23 <p>У меня получилось так C:\Users\Ilya\Desktop\OSPanel\OSPanel\domains\TestSait.</p>
24 <p>Что-бы посмотреть наш сайт, кликаем на флажок в трее, далее<strong>Мои сайты</strong>=&gt;<strong>Наш созданный домен "TestSait"</strong>. Откроется браузер и загрузится сайт, если конечно вы его написали.</p>
24 <p>Что-бы посмотреть наш сайт, кликаем на флажок в трее, далее<strong>Мои сайты</strong>=&gt;<strong>Наш созданный домен "TestSait"</strong>. Откроется браузер и загрузится сайт, если конечно вы его написали.</p>
25 <p>Спасибо, надеюсь, данная инструкция будет вам полезна, также рекомендую использовать для написания кода JetBrains PhpStorm. Считаю, это самая удобная IDE.</p>
25 <p>Спасибо, надеюсь, данная инструкция будет вам полезна, также рекомендую использовать для написания кода JetBrains PhpStorm. Считаю, это самая удобная IDE.</p>