Скидки до 20% + 2-ая профессия бесплатно и подарки на 50 000₽

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

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

Время чтения статьи ~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
Похожие статьи
Рекомендуемые программы
профессия
Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React
10 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на Python, Разработка веб-приложений и сервисов используя Django, проектирование и реализация REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
Тестирование веб-приложений, чек-листы и тест-кейсы, этапы тестирования, DevTools, Postman, SQL, Git, HTTP/HTTPS, API
4 месяца
с нуля
Старт 26 декабря
профессия
Программирование на Java, Разработка веб-приложений и микросервисов используя Spring Boot, проектирование REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
новый
Google таблицы, SQL, Python, Superset, Tableau, Pandas, визуализация данных, Anaconda, Jupyter Notebook, A/B-тесты, ROI
9 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на PHP, Разработка веб-приложений и сервисов используя Laravel, проектирование и реализация REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на Ruby, Разработка веб-приложений и сервисов используя Rails, проектирование и реализация REST API
5 месяцев
c опытом
Старт 26 декабря
профессия
Программирование на JavaScript в браузере и на сервере (Node.js), разработка бекендов на Fastify и фронтенда на React
16 месяцев
с нуля
Старт 26 декабря
профессия
Программирование на JavaScript, разработка веб-приложений, bff и сервисов используя Fastify, проектирование REST API
10 месяцев
с нуля
Старт 26 декабря
профессия
новый
Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL
8 месяцев
c опытом
Старт 26 декабря