Все статьи | Блог студента

Как верстать сайты в учебных целях, не покупая домена и не используя хостинга?

Статья написана студентом Хекслета. Мнение автора может не совпадать с позицией редакции
Как верстать сайты в учебных целях, не покупая домена и не используя хостинга? главное изображение

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

Я нашел локальный сервер — Open server, он и будет нашим хостингом, и в нем мы сделаем домен. Что-бы вам не ломать голову, я подробно расскажу, как установить и правильно настроить сервер на вашем компьютере, а также сделаем домен. Пример: Open server ver. 5.3.5 basic. Приступим.

1. Скачаем Open server бесплатно с официального сайта

Заходим в Google ищем Open server

Скачиваем Open Server

В водим капчу, жмем скачать.

скачиваем программу

На следующей странице чуть ниже жмем «Нет, спасибо, хочу просто скачать». Open Server скачан

2. Установка

Запускаем скаченный файл Запускаем Open Server

Далее выбираем директорию для установки, жмем извлечь. Я для удобства извлек на рабочий стол.

извлекаем дистрибутив

3. Запуск и настройка

Запускаем программу, выбираем нужный вариант зависимости от разрядности вашей OS — 32 или 64.

Запускаем установку

Жмем ОК! По окончанию установки перезагрузите компьютер.

запуск

После перезагрузки снова запускаем нашу программу. В трее появляется значок с красным флажком.

Значок Open Server в трее

Жмём по нему правой кнопкой мыши и выбираем пункт «Настройки». Откроется главное окно программы. Перейдём во вкладку «Модули» и выберем версию PHP: PHP 7.0 и версию HTTP: Apache_2,4-PHP_7.0

Модули

Затем перейдём во вкладку «Домены», выберем «автопоиск доменов» и в качестве корневой папки домена выберем пункт с наибольшим числом вариантов. Жмем сохранить.

Настраиваем программу

4. Создадим домен и запустим сервер

Что-бы создать домен для нашего сайта, нужно зайти в директорию, в которую мы установили Open Server, выбрать папку domains и создать там новую папку. Например, я создал TestSait, она и будет являться доменом и директорией для сайта. Далее запускаем сервер — кликаем на красный флажок в трее — запустить.

У меня получилось так C:\Users\Ilya\Desktop\OSPanel\OSPanel\domains\TestSait.

запускаем локальный сервер

Что-бы посмотреть наш сайт, кликаем на флажок в трее, далее Мои сайты => Наш созданный домен "TestSait". Откроется браузер и загрузится сайт, если конечно вы его написали.

сайт работает на локальном сервере

Спасибо, надеюсь, данная инструкция будет вам полезна, также рекомендую использовать для написания кода JetBrains PhpStorm. Считаю, это самая удобная IDE.

Аватар пользователя Илья Ячменев
Илья Ячменев 25 апреля 2020
Рекомендуемые программы

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

Иконка программы Фронтенд-разработчик
Профессия
Разработка фронтенд-компонентов веб-приложений
25 мая 10 месяцев
Иконка программы Python-разработчик
Профессия
Разработка веб-приложений на Django
25 мая 10 месяцев
Иконка программы PHP-разработчик
Профессия
Разработка веб-приложений на Laravel
25 мая 10 месяцев
Иконка программы Node.js-разработчик
Профессия
Разработка бэкенд-компонентов веб-приложений
25 мая 10 месяцев
Иконка программы Fullstack-разработчик
Профессия
Новый
Разработка фронтенд и бэкенд компонентов веб-приложений
25 мая 16 месяцев
Иконка программы Верстальщик
Профессия
Вёрстка с использованием последних стандартов CSS
в любое время 5 месяцев
Иконка программы Java-разработчик
Профессия
Разработка приложений на языке Java
25 мая 10 месяцев
Иконка программы Разработчик на Ruby on Rails
Профессия
Создает веб-приложения со скоростью света
25 мая 5 месяцев