главная / Наше Хобби / Сайт своими мозгами! / Делаем свой сайт — Как создать сайт быстро и легко? Часть вторая. Что такое локальный сервер и зачем он нужен?

Делаем свой сайт — Как создать сайт быстро и легко? Часть вторая. Что такое локальный сервер и зачем он нужен?

Как создать красивый и динамичный сайт? С чего начать?
А вдруг не получится? Ах, как боюсь напортачить. Особенно боюсь, что не смогу исправить то, что наваляю.
Да и стыдно уже в таком-то возрасте быть бестолочью и неучем, спрашивать у кого-то элементарные вещи, по нескольку раз одно и тоже.
А если я тугодум? Если я действительно тупой или тупая? Как бы попробовать так, … -безопасно? Где бы?
Сколько раз в жизни мы задавались подобными вопросами?
Нет, конечно есть индивидуумы, которые всю жизнь с рождения пишут на бело и не признают черновиков.
Делая ошибки, снова и снова, поднимаются с колен и движутся вперед, куда их манит их звезда и ведет острый быстрый УМ.
Но не все же мы такие! Среднестатистический индивидуум делает от пяти до пятнадцати ошибок в день по жизни. Это только то что он заметит впоследствии.
А сколько останется ошибок нераскрытых, которые так и канут в вечность.
Не об этом…
Поэтому эту статью я начну, наверное, с самого верного постулата в жизни:
Каждый сам выбирает свои цели, свой путь и способы достижения своих целей также как методы перемещения по своему пути.
На такие мысли меня натолкнули форумы, где люди советуют друг-другу как сразу сделать сайт на том или ином движке, сразу разместить его в сети, а другие им отвечают «да я уже пробовал — ничего не вышло, — сайт сразу под фильтр поисковиков попал».
Это страшное словосочетание «Фильтр поисковиков». Жуть. Что же там такое надо было навинтить-наворотить? И это в первые же дни!
На самом деле так оно и есть, если спешить и не знать, что делаешь, особенно можно перестараться с ссылками, с неправильными настройками.
Не специалист же не знает, что все нужно в меру. А то ссылок насуют на сайт, а как их от индексации закрыть и зачем это нужно не знают.
А хочется все сделать быстрей! Учится то толком некогда. Вот и «лепят горбатого» начинающие чайники на своих «сайтах однодневках».
Бросают потом все — говорят, что не получается у них.
Чтобы такого не происходило, необходимо все что делаешь на сайте понимать прежде всего, а если не в состоянии — то пробовать.
Но пробовать можно и на черновике. Для того чтобы не пробовать свои ошибки набело, на сайте в сети, необходимо завести черновик у себя на компьютере.
А можно и вообще сразу делать полный черновик сайта, а потом переместить его в сеть, на хостинг.
Как это сделать? Есть решение — Локальный сервер.

Локальный хостинг.

Локальный сервер — это программный комплекс, а точнее — программная среда, разработанная для веб разработчиков, предназначенная для разработки и отладки сайтов и других сетевых программных продуктов у себя на локальном компьютере, без необходимости соединения с сетью интернет.
Да, важно отметить, что подобные программные комплексы установлены на настоящих сетевых серверах у хостер провайдеров.
И по этой же причине, желательно закрывать индексирование в WordPress сайте для поисковиков, если конечно вы при этом не отсоединены от сети интернет (глухой локал).
Вот тут самое безопасное место для ваших экспериментов с сайтом. Ну конечно, я имею ввиду именно реализацию технической части сайта — всякие плагины, шрифты, цвета, шаблоны, да вы и без меня хорошо уже знаете, что все хочется потыкать «безнаказанно».
Вот и тыкайте себе на здоровье. Здесь можно все и без последствий и ущерба для сайта. Ведь то что вы делаете никто не увидит в сети. А если у вас не получилось — вы все сможете восстановить, также как и на обычном хостинг сервере в сети (если конечно сделали резервную копию своего творения вовремя), или сделать заново.
Попробовали — теперь знаете где упасть — соломку подстелите.

Бесплатная вкусняшка для сайтостроителей или локальный сервер на базе OpenServer

Давайте я пропущу описание многих разновидностей программных комплексов, существующих сегодня (Денвер, XaMPP, AppServ, VertigoServ…) и начну рассказывать об OpenServer потому, как и сам им иногда пользуюсь.
Надо сказать, что я пользовался раньше Денвер, но определенно могу сказать, что OpenServer показался мне намного проще, кроме того, что обновлять его не очень удобно.
По сути это полный набор программ необходимых для создания сайта на CMS.
Тут есть много полезных приложений, каждое из которых вы наверняка уже закачали и поставили к себе на компьютер по отдельности.
Здесь же все они собраны и систематизированы в удобном для использования порядке. Да, многие из вас используют гораздо большее количество программ для обработки картинок, или записи видео, и так далее.
Я и не призываю вас не использовать их.
Просто OpenServer имеет немного более чем минимальный и достаточный набор программ обработки и подготовки «сырья» для сайта, чтобы мучительно не искать тот или иной инструмент, для обработки или настройки того или иного формата для реализации ваших идей на вашем сайте.
И в принципе, этого набора должно хватить большинству сайтостроителей.
Основными составляющими программного комплекса OpenServer являются, конечно средства Apache (веб сервер), MySQL(система управления базами данных), PHPMyAdmin (интерфейс администрирования системой управления базами данных), а также некоторых дополнений Nginx, PostgreSQL, Memcached, IonCube, необходимых при построении любого динамического сайта и тем более сайта на CMS.
Вы конечно можете попробовать установить все эти приложения по отдельности,не забыв при этом, установить операционную систему Unix, а потом попробовать все это настроить и связать между собой, но боюсь, что это не стоит затрат вашего времени, для решения поставленных задач.

Итак, задача: сделать сайт на WordPress без размещения его в сети — на локальном сервере.

По шагам:
1. Скачать и установить программный комплекс OpenServer.
Скачать Openserver можно отсюда, — переходим по ссылке, заполняем поля, проверяем что выбрана версия ultimate, нажимаем «скачать», сохраняем дистрибутив программы к себе на диск.

Да, в принципе, комплекс OpenServer бесплатный, но если вам понравится, то вы сможете поддержать проект и оплатить несколько рублей его создателю, и скачаете файл комплекса намного быстрее чем бесплатно.
Если же вы не спешите, и лишних 100 рублей у вас нет, нажмите на кнопку «Нет, спасибо, хочу просто скачать» и качаете себе на здоровье сколько душе угодно, но немного медленно.
Ну вот скачали, и далее:
2. Первый запуск и настройка OpenServer.
Запускаем скачанный дистрибутив в режиме администратора:
Установка openserver
Выбираем диск, на который будет ставиться программный комплекс (соответственно это и будет диск размещения вашего сайта на локальном сервере)
По умолчанию, это диск С:
Установка openserver распаковка
В проводнике на выбранном диске появится папка OpenServer — заходим в нее.
Установка openserver папка с программой
Содержимое папки зависит от вашей версии Windows. У меня она 64-битная, поэтому я запускаю файл openserverx64. Если у вас 32-битная windows — вы запускаете openserverx86.
Запуск необходимо осуществлять в режиме администратора, для чего щелкните на файле правой кнопкой мыши — появится меню как на картинке — выберите пункт запуск в режиме администратора.
установка openserver режим администратора
После этого появится окно подтверждения разрешения на то, чтобы программа OpenServer могла вносить изменения на компьютере — разрешаем или подтверждаем.
При первом запуске, OpenServer начнется процесс установки недостающих компонентов для корректной работы OpenServer, поэтому не пугайтесь дополнительному окну.
установка openserver компоненты
После завершения установки всех компонентов появится предложение перезапустить компьютер. Перезапускаем компьютер.

После перезагрузки, в трее (внизу в правом углу где часы) вы увидите, что появилась иконка программы OpenServer — красный флажок.
работа openserver иконка в трее
Этот флажок будет в трее всегда, когда у вас работает программа OpenServer.
Флажок этот может иметь три разных цвета, которые сообщают нам о режиме работы локального сервера:
Красный — сервер остановлен
Желтый — сервер находится в режиме ожидания или подготовки
Зеленый — сервер запущен и находится в рабочем состоянии.
Давайте проверим работает ли OpenServer.

Пробуем запустить сервер.

Кликните на флажок в трее и перед вами появится меню. Выберите пункт «Запуск»
запуск сервера в openserver
Если все работает корректно, флажок в трее сменит цвет на зеленый.
работа openserver иконка в трее
Далее кликните на флажок в трее и перед вами появится меню:
запуск сервера в openserver
Выбирайте пункт меню «Мои сайты» подпункт «localhost»:
Проверка работы OpenServer
Откроется окно вашего браузера, и в нем должна отображаться следующая картина:
Проверка Openserver работает
Если такой картинки нет, или флажок в трее не меняет цвет на зеленый, то это значит, что OpenServer работает с ошибками и от вас требуется выяснить причину такой работы.
Чаще всего причина, по которой сервер может не запускаться это Skype или подобная программа.
Суть такого конфликта программ — это 80 порт, который использует Skype и OpenServer одновременно.
И решить этот конфликт можно изменив настройки Skype.
Для этого заходим в Skype — Инструменты — Настройки — Дополнительно — Соединение и снимаем галочку с чекбокса «Использовать порты 80 и 443 в качестве альтернативы для входящих соединений.» Нажмите кнопку «Сохранить» и перезапустите Skype.

Важно!!!

помнить, что OpenServer -это программный комплекс, включающий в себя различные подключаемые компоненты и модули, предназначенные для формирования у вас на локальном компьютере сетевого сервера,которые по сути дела превращают ваш ПК в один из узлов сети, и которые не используются вашим компьютером в обычной, ежедневной работе.
Поэтому, когда вы закончите использовать OpenServer для целей сайтостроения, вам необходимо произвести полную остановку сервера и выгрузку OpenServer из трея (выход).

Также необходимо отметить, что некоторые компоненты и модули, использованные OpenServer в своей работе, могут вызвать конфликты в работе с другими программными продуктами, хоть такие случаи и очень редки, но именно поэтому, после использования комплекса, желательно произвести перезагрузку компьютера.
Не забудьте убрать автозапуск OpenServer при запуске Windows в настройках OpenServer.

А теперь пора приступить к настройке OpenServer.
Давайте сделаем это.

1. Кликните на флажок в трее и перед вами появится меню.
Выберите в меню пункт «Настройка»
Настройка Openserver параметры
Далее давайте уберем галочку автозапуск OpenServer.
Не знаю как вам, а меня очень раздражают программы, которые без спросу, сами запускаются и сидят эдакие «сычи» — ждут в памяти компьютера даже если они мне в данный момент не нужны. Я предпочитаю решать сам когда, кого, куда загружать и с чем работать, или нет. Но если вас это не раздражает, то вспомните то, что прочитали 15 строчками выше.
Настройка Openserver автозагрузка
Перейдите во вкладку «Сервер» и поставьте галочку в чекбоксе «Не вносить изменения в Hosts файл».
Настройка Openserver hosts
Однако если сервер запускается нормально, то галочку в этом пункте ставить не нужно.

Теперь переходим в вкладку «Модули». Здесь вам необходимо выбрать основные компоненты сервера, а именно:
Выбрать версии используемых компонентов и правильные связки компонентов для работы локального сервера, выбрать версию PHP и MySQl.
Правильно выбрать все эти параметры вы можете с помощью своего хост провайдера, у которого размещен ваш сайт.
Если же вы пока не выбрали хостинг провайдера,то рекомендую самые распространенные на сегодня параметры:
Apache-2/4-x64-Nginx-1.1
PHP-5.6-x64
MySQl-5.6-x64
Если вы используете 32 битную windows вам необходимо выбрать версии без «x64».
В принципе, можете оставить настройки по умолчанию.
Настройка Openserver конфигурация сервера
Теперь после выбора параметров, необходимо сохранить настройки — кнопкой «Сохранить».
Все, теперь нужно перезапустить сервер:
Настройка Openserver перезапуск сервера
Как видно, флаг в трее стал снова зеленым — верный признак корректной работы сервера.
Проверим конфигурацию нашего сервера:
Работа с Openserver текущая конфигурация сервера

Сейчас мы можем приступить к созданию сайта на локальном сервере:

3. Создать папку для сайта и базу данных для сайта.
Снова кликните на флажок OpenServer в трее.
Выберите в появившемся меню пункт «Папка с сайтами»
Работа с Openserver где хранятся сайты
Откроется проводник в папке, у меня это папка C:\openserver\domains. Здесь нам необходимо создать папку сайта.
Работа OpenServer где создаем новую папку для сайта
Я для примера создам папку moisait — так и будет называться мой тестовый сайт.
Работа OpenServer создаем папку сайта moisait

Теперь необходимо создать базу данных для сайта.

Для этого снова кликните на флажок OpenServer в трее.
Перейдите в меню «Дополнительно» и выберите php admin.
работа openserver запуск phpadmin
Введите имя пользователя root без пароля. И «Вперед».
работа openserver phpadmin пользователь root
В обозначенных полях введите имя базы (у меня оно «baza_dannyh») и выберите кодировку базы utf8_general_ci? нажмите кнопку «Создать». Запомните имя базы данных вплоть до каждого символа, и если оно сложное — лучше запишите.
работа openserver phpadmin создание базы данных для сайта
База данных для сайта создана.

4. Теперь можно установить CMS WordPress в папку нашего сайта, но сначала надо скачать дистрибутив WordPress.
Скачать WordPress
Скачиваем дистрибутив WordPress к себе на диск в папку сайта (у меня она C:\openserver\domains\moisait).
Распаковываем скачанный дистрибутив WordPress в папку сайта.
распаковка WordPress
Вот так выглядит WordPress в папке сайта — то, что получим в папке сайта:
Wordpress в папке сайта

Перед началом установки WordPress необходимо перезапустить сервер.

Снова кликните на флажок openserver в трее и выберите пункт меню «перезапустить».
Настройка Openserver перезапуск сервера
Теперь, когда сервер перезапущен, в меню «Мои сайты» появился пункт с названием сайта moisite.
openserver запуск сайта

Ну что? Настало время запустить moisite.
Дальше все стандартно для установки CMS WordPress.

В открывшемся окне браузера вас будет ждать знакомая картинка:
Запуск установки wordpress
Заполняем правильно поля в соответствии с настройками, введенными вами ранее.
установка wordpress на openserver заполняем поля
Имя базы данных — вводим имя созданной вами базы данных.
Имя пользователя root.
Пароль — оставляем пустое поле, если поле не пустое -все из него удаляем.
Сервер базы данных указываем localhost
Префикс таблиц — на ваше усмотрение, можете оставить по умолчанию.
Нажимаем кнопку «отправить», и получаем такую картину:
проверка подключения базы сайта wordpress при установке на openserver
Нажимаем «Запустить установку».
Далее заполняем поля для доступа к админке сайта.
ввод пароля и логина для доступа в панель администратора сайта на wordpress
Нажимаем «Установить WordPress».
wordpress работает на openserver установка решено
Все сайт на локальном сервере создан и далее можно приступать к наполнению сайта, тестам и отладкам.

Надеюсь статья вам хоть немного понравилась?
А поэтому, смею предложить Вам, дорогой читатель, подписаться на новости моего блога, а то вдруг пропустите что-нибудь полезное.
Форма подписки ниже.

С бесконечной и светлой надеждой на Ваш драгоценный отзыв в комментариях к моим статьям, искренне ваш, МыШа :-)

Счастья Вам!

Читаем далее:
Как переместить сайт, созданный на локальном сервере на хостинг? (на примере Openserver);
Как переместить сайт с хостинга на локальный сервер? (на примере Openserver);
Резервная копия сайта на WordPress — как сделать?;
Резервная копия сайта на локальном сервере — зачем и как?(на примере Openserver);
Решение некоторых проблем, неожиданно возникающих в связи с переносом сайта на другой хостинг (Error 503).

Проверьте также

Как разместить рекламный баннер в статье?

Здравствуйте мои дорогие! По просьбам читателей, которые прочитали мои предыдущие статьи «Заработок в интернет новичку …

2 комментария

  1. Какая полная и полезная статья!

    • Здравствуйте Надежда!
      Ваш комментарий Aksimet почему-то отправил в спам. Увидел его набор вами благодаря яндекс -вебвизор. Смотрел откуда посещения, какие браузеры, по каким запросам, и какое поведение посетителей на сайте. Досмотрел ваше посещение до конца — так и увидел набор вашего комментария. Спасибо за добрые слова. Теперь буду наблюдать пристальнее за работой Aksimet — получается, что он не всегда корректно работает. Заходите на новые статьи. Всегда вам рад.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика Рейтинг@Mail.ru Goon Каталог сайтов Каталог сайтов Всего.RU