Для создания, тестирования и доработки сайта на локальной машине, без загрузки файлов на хостинг, существует множество различный локальных серверов. Это и Apache и wampserver, xampp и конечно же Open Server.

Простота и удобство в использовании последнего заслуживает внимания, поэтому на установке Open Server мы и остановимся.

Как установить локальный сервер Open Server

Чтобы установить его, в поисковой системе, например Google, напишем только название Open Server.

Как установить Open Server

Переходим на сайт open-server.ru, в меню сайта нажимаем Скачать,

Как установить Open Server

выбираем версию дистрибутива BASIC, она и "весит" меньше и остальные элементы PREMIUM и ULTIMAT версий вам вряд ли необходимы. Вводим код с картинки, нажимаем скачать,

Как установить Open Server

в следующем окне выбираем "Нет, спасибо, хочу просто скачать", иначе платим 100 рублей и качаем.

Как установить Open Server

Скорость закачки "на халяву" будет не велика, поэтому можете заняться чем-нибудь другим, до окончания загрузки.

Как установить Open Server

После загрузки, сохраним файл на рабочий стол и запустим, укажем путь к распаковке, в моем случае это диск D папка My_Open_Server.

Как установить Open Server

Вы же можете установить этот локальный сервер куда пожелаете. Распаковка происходит быстро.

Как установить Open Server

Выбор разрядности сервера

После установки перейдем в эту папку, в ней находятся подпапки: domains для запуска localhost и ваших сайтов, modules – куда лучше не лезть и ничего не трогать и userdata в этой папке хранятся различные  настройки, логи и т.д. Файлы Open Server x86.exe и Open Server x64.exe нужны в зависимости от вашего компьютера, какой разрядности установлена операционная система.

Как установить Open Server

На моем компьютере Win x64, так что я запущу локальный серверOpen Server x64.exe с правами администратора.

Как установить Open Server

При старте Open Server предложит на выбор три языка: русский, украинский и не наш.

Как установить Open Server

Затем задаст вопрос об установке дополнительных библиотек, у меня все это давно установлено, вам вероятней всего нужно будет выбрать Ок.

Как установить Open Server

После установки в системном лотке, возле часов, должен появиться красный флажок- иконка, если нет, то нажмите стрелочку в трее «Отображать скрытые значки». Можно настроить отображение ярлычка, чтоб его было видно всегда, внесите соответствующие изменения.

Первый запуск OpenServer

Сделав клик по флажку правой кнопкой мыши, в контекстном меню выберите верхний пункт «Запустить».

Как установить Open Server

Зеленый цвет флажка свидетельствует о том, вы все сделали правильно, и локальный сервер готов к работе!

Как установить Open Server

Нажмем левой или правой кн. Мыши по ярлыку Open Server, важным пунктом является «Мои сайты», в нем хранятся ярлычки ваших сайтов и localhost, он нужен как тест работоспособности локального сервера.

Как установить Open Server

Нажмем на пункт localhost, в открывшемся окне браузера вы увидите приветствие localhost, значит все хорошо и можно продолжать.

Как установить Open Server

Перейдем в папку domains нашего локального сервера, в ней создадим папку mysite01.rus, название просто для примера, похоже на эл.адрес в сети, вместо домена ru написал rus чтоб браузер не воспринял его как внешний адрес в интернете(на всякий ПЭ, так сказать).

Как установить Open Server

Тестовая веб страница на локальном сервере

Перейдем в mysite01.rus и создадим в ней текстовый документ index.txt.

Как установить Open Server

Откроем его через блокнот или текстовый редактор, у меня Notepad++ для редактирования подобных файлов. Рекомендую, очень удобно.

Как установить Open Server

Напишем в файле простой html код с названием и заголовком страницы. Если у вас возникнут сложности с пониманием html разметки, то вам будет полезно почитать в разделе Сайтостроение – Уроки HTML об основных  тегах языка веб разметки.

Как установить Open Server

HTML код простейшей веб страницы

Кому лень набирать этот код, скопируйте исходник в буфер обмена и вставьте в редактор:

<html>
<head>
<title>Моя первая вебстрница!!!</title>
</head>
<body>
<h1>У тебя всё получится !!!!</h1>
</body>
</html>

Сохраним наш файл как веб страницу

Как установить Open Server

Как установить Open Server

Как установить Open Server

Перезагрузим наш локальный сервер, выбрав в меню «Перезапустить», после этого наша страничка станет доступна в разделе «Мои сайты», нажмем на неё или введем наш адрес в адресную строку браузера, нажмем Enter.

Как установить Open Server

Основные настройки OpenServer

Ок, уже получилось! Так и работает Open Server если в папке-домене лежит простая веб страничка. Теперь пойдем немного далее, и я покажу вам еще один важный пункт меню «Настройки».

Как установить Open Server

Мы внесем всего два изменения, «Автозапуск сервера» и «Требовать учетную запись Администратора» нужно поставить галочки. Нажать сохранить.

Как установить Open Server


Локальный сервер будет перезагружен, согласимся с этим временным неудобством)))

Как установить Open Server

Как установить Open Server

Управление PhPMyAdmin

И последний пункт меню программы это «Дополнительно»-> «PhpMyAdmin».

Как установить Open Server

Нажмем на этот пункт, в браузере откроется новая вкладка. Что такое PhpMyAdmin? Это система управления и хранения баз данных веб сайтов, на CMS (Система Управления Контентом, Content Management System) типа Joomla, WordPress, Drupal и многих других. В последующих статьях я расскажу как с ними работать и создавать сайты.

Как установить Open Server

А пока зайдем в эту среду, запомните - на локальном сервере «Пользователь» всегда root, а пароль остается пустой, нажмем «Вперед».

Так выглядит основная вкладка PhPMyAdmin,

Как установить Open Server

в дальнейшие дебри сегодня вдаваться не будем, важно то, что вы научились устанавливать локальный сервер Open Server, сделали свою первую веб страничку, запустили её, настроили сервер и все у вас получилось.

В этом видео подробно показано как установить open server:

Рекомендуем смотреть видео в полноэкранном режиме, в настойках качества выбирайте 1080 HD, не забывайте подписываться на канал в YouTube, там Вы найдете много интересного видео, которое выходит достаточно часто. Приятного просмотра!

 С уважением, авторы сайта Компьютерапия




Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok