Как создать локальный сайт на компьютере с помощью Open Server

Локальный сайт на компьютере создаётся в Open Server через добавление виртуального домена с указанием папки проекта, размещением файлов сайта (HTML, PHP, CMS) в этой папке и доступом к нему через браузер по адресу http://имя-домена.local.

Зачем создавать локальный сайт на компьютере

Разработка и тестирование веб-приложений без публикации в интернете
Отсутствие зависимости от хостинга и интернет-соединения при работе над проектом
Возможность устанавливать и настраивать CMS (WordPress, Joomla, Drupal) с полным контролем
Тестирование совместимости с разными версиями PHP и MySQL перед развёртыванием на сервере
Работа с базами данных локально без риска потери данных на боевом сервере
Отладка кода и быстрый цикл разработки без задержек на загрузку файлов на хостинг
Возможность работать в командном проекте, синхронизируя код через Git

Предварительные требования

Open Server Panel установлен и запущен на компьютере
Apache и MySQL включены и функционируют в Open Server
Браузер (Chrome, Firefox, Edge) для тестирования сайта
Минимум 1 ГБ свободного места на диске для размещения файлов проекта
Текстовый редактор (VS Code, Notepad++, Sublime Text) для создания и редактирования файлов

Пошаговая инструкция по созданию локального сайта

Откройте проводник Windows и перейдите в папку установки Open Server (обычно C:\OpenServer)
Откройте папку domains (путь: C:\OpenServer\domains)
Создайте новую папку в domains с названием вашего проекта (например, myproject)
Откройте программу Open Server, щёлкнув на её иконку в системном трее
Нажмите кнопку Показать окно, если окно не открыто
Перейдите на вкладку Домены в главном окне Open Server
Нажмите кнопку Добавить домен или +
В открывшемся диалоговом окне введите название домена в поле Имя (например, myproject)
Нажмите кнопку обзора папок рядом с полем Директория
Выберите созданную папку C:\OpenServer\domains\myproject
В выпадающем списке Тип выберите Статический сайт (для простых HTML-проектов) или PHP (для проектов с PHP)
Нажмите кнопку Сохранить
Дождитесь, пока Open Server перезагрузит конфигурацию Apache (занимает несколько секунд)
Если появилось сообщение об ошибке, убедитесь, что папка существует и имеет правильные права доступа
Откройте текстовый редактор (VS Code или Notepad++) от имени администратора
Создайте новый файл и введите базовый HTML-код:
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Мой локальный сайт</title> </head> <body> <h1>Добро пожаловать на мой сайт!</h1> <p>Это локальный сервер на компьютере.</p> </body> </html>
Сохраните файл с названием index.html в папку C:\OpenServer\domains\myproject
Откройте браузер и введите в адресную строку http://myproject.local
Если страница не загружается, попробуйте адрес http://localhost/myproject
Если видна созданная HTML-страница, локальный сайт работает корректно

Установка CMS (WordPress, Joomla) на локальный сервер

Скачайте архив выбранной CMS с официального сайта (например, wordpress.zip или joomla.zip)
Распакуйте архив в папку проекта C:\OpenServer\domains\myproject
Убедитесь, что файлы CMS находятся непосредственно в папке myproject, а не в подпапке
Откройте phpMyAdmin через панель Open Server (ссылка в главном окне или по адресу http://localhost/phpmyadmin)
В левой части окна phpMyAdmin нажмите кнопку Новую БД или New
Введите название базы данных (например, myproject_db) в поле Имя БД
Выберите кодировку utf8mb4_unicode_ci из выпадающего списка
Нажмите кнопку Создать
В браузере перейдите по адресу http://myproject.local
Следуйте мастеру установки CMS, вводя требуемые данные (название сайта, логин администратора, пароль)
При запросе данных базы данных введите:
Сервер БД: localhost
Название БД: myproject_db
Пользователь: root
Пароль: (оставьте пустым или используйте пароль из настроек Open Server)
Завершите установку CMS и авторизуйтесь в админ-панели

Добавление файлов и редактирование проекта

Откройте редактор кода (VS Code, Sublime Text) и добавьте папку проекта через меню File → Open Folder
Выберите папку C:\OpenServer\domains\myproject
В левой панели редактора отобразится структура файлов проекта
Создавайте новые файлы (PHP, CSS, JavaScript) прямо в редакторе
Сохраняйте файлы горячей клавишей Ctrl+S
Обновите страницу в браузере горячей клавишей F5 или Ctrl+R для просмотра изменений
При наличии ошибок в PHP проверьте логи в окне Open Server на вкладке Логи

Доступ к другим компьютерам в локальной сети (опционально)

Определите IP-адрес вашего компьютера: откройте командную строку и введите ipconfig
Найдите строку IPv4-адрес (например, 192.168.1.100)
На другом компьютере в той же сети откройте браузер
Введите адрес http://192.168.1.100/myproject (замените IP на ваш адрес)
Если не работает, проверьте брандмауэр Windows: откройте Панель управления → Брандмауэр Windows Defender → Разрешить приложение и добавьте Apache

Проверка и отладка локального сайта

В браузере откройте консоль разработчика горячей клавишей F12
Перейдите на вкладку Console для проверки ошибок JavaScript
Перейдите на вкладку Network для анализа загрузки ресурсов (изображения, стили, скрипты)
Если CSS и JS не загружаются, проверьте пути к файлам в HTML (должны быть относительные пути или полные URL)
Для отладки PHP используйте функцию echo или var_dump() для вывода переменных
Проверьте логи Apache в Open Server: вкладка Логи → Apache Error Log

Часто задаваемые вопросы (FAQ)

Почему браузер выдаёт ошибку 404 при входе на http://myproject.local? Убедитесь, что домен добавлен в Open Server, файл index.html находится в папке проекта, и Apache перезагружен.

Как подключиться к локальному сайту с другого компьютера в сети? Используйте IP-адрес компьютера вместо localhost (например, http://192.168.1.100/myproject) и убедитесь, что брандмауэр разрешает доступ к Apache.

Что делать, если PHP-код не выполняется и отображается как текст? Проверьте, что в Open Server установлена версия PHP 7.0 или выше, домен настроен на тип PHP, а файл имеет расширение .php.

Разработка и Развертывание