Главная | Все статьи | Дневник студента

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

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

Хочу поделиться с вами решением очень насущного вопроса! Которым я задался чуть ли не сразу, как стал обучаться на 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
9
Рекомендуемые программы
профессия
от 6 300 ₽ в месяц
Разработка фронтенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Django
10 месяцев
с нуля
Старт 25 апреля
профессия
от 6 183 ₽ в месяц
Ручное тестирование веб-приложений
4 месяца
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка приложений на языке Java
10 месяцев
с нуля
Старт 25 апреля
профессия
от 5 025 ₽ в месяц
новый
Сбор, анализ и интерпретация данных
9 месяцев
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка веб-приложений на Laravel
10 месяцев
с нуля
Старт 25 апреля
профессия
от 5 840 ₽ в месяц
Создание веб-приложений со скоростью света
5 месяцев
c опытом
Старт 25 апреля
профессия
от 9 900 ₽ в месяц
Разработка фронтенд- и бэкенд-компонентов для веб-приложений
16 месяцев
с нуля
Старт 25 апреля
профессия
от 6 300 ₽ в месяц
Разработка бэкенд-компонентов для веб-приложений
10 месяцев
с нуля
Старт 25 апреля
профессия
новый
Автоматизированное тестирование веб-приложений на JavaScript
8 месяцев
c опытом
в разработке
Старт 25 апреля
профессия
Верстка с использованием последних стандартов CSS
5 месяцев
с нуля
Старт в любое время