Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Как бесплатно сделать сайт. Как сделать сайт

Многие начинающие пользователи задаются вопросом: как бесплатно сделать сайт? Вопрос вполне закономерный. Создание и ведение своего сайта – это увлекательный и интересный процесс, однако он требует определённых навыков и обучения. Возможно для того, чтобы добиться хороших результатов у многих могут уйти недели и месяцы кропотливой работы, а чтобы приобрести доменное имя и пользоваться услугами хостинга необходимо сразу платить. Несмотря на очень демократичные цены, у большинства хостинг-провайдеров, потренироваться лучше бесплатно.

Введение.

Для работы с сайтом без использования хостинга и запуска его на домашнем компьютере можно использовать локальные серверы. Это полезно для тщательного тестирования и разработки. Пожалуй, основной задачей здесь является выбор программы, которая будет выполнять роль локального сервера. Существует много вариантов, но в первую очередь стоит обратить внимание на наиболее подходящую для начинающих пользователей программу OpenServer.

В числе различных плюсов стоит отметить удобную установку, управление сайтами и отсутствие необходимости в долгой настройке для нормальной работы. OpenServer идеально подходит для портативного использования, так как легко помещается на обычную флешку и не требует установки множества компонентов. Это один из лучших вариантов для тех, кто хочет самостоятельно сделать сайт, узнать тонкости сайтостроения, без привязки к хостингу и интернету. Данная программа позволяет создавать сайты как на языках программирования, так и на любых конструкторах (CMS - Content Management System).  

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

В этой статье мы пройдём путь от установки самого локального сервера, до запуска на нём одной из самых популярных в мире систем управления контентом WordPress.

Установка и настройка локального сервера.

И так переходим на сайт производителя по адресу: https://ospanel.io/download/.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

OpenServer предоставляется бесплатно, но авторы предлагают, либо внести символическую сумму и скачать программу на высокой скорости, либо просто скачать (будет немного дольше), это на ваш выбор.

В любом случае нажимаем «скачать». После завершения операции, двойным кликом левой кнопки мыши запускаем установщик и жмём «далее».

Важно! Перед установкой отключите антивирус. В дальнейшем после выставления соответствующих настроек программа будет запускаться автоматически и отключение антивирусного ПО не потребуется.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Соглашаемся с условиями использования.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

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

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

На следующем этапе вам будет предложено установить желаемые компоненты. Можно установить всё никакого вреда не будет, кроме как захламления вашего компьютера. А можно выставить настройки как показано ниже.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Прокручивая вниз, по синей стрелке, оставляем только те компоненты, которые указаны на рисунках.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

В следующем окне ничего не меняем, жмём далее.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

И установить.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Обязательно дожидаемся установки дополнительных компонентов.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

И перезагружаем компьютер.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Если всё было сделано правильно, то после перезагрузки, на рабочем столе появится ярлык программы, а в правом нижнем углу экрана, после запуска приложения (двойной клик левой кнопкой мыши по ярлыку), в панели задач вы увидите флажок.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Теперь необходимо немного настроить программу. Для этого нажимаем на флажок и в открывшемся списке выбираем пункт «настройки».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Нажимаем на него и видим меню, в настройки которого, внесём некоторые изменения. Выставляем, как показано на рисунке. При необходимости меняем язык.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

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

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Остальные вкладки, на первом этапе фактически не нужны. Можно лишь рассмотреть вкладку почта. Сюда будут приходить письма от CMS и складываться те письма, которые вы решите попробовать отправить с вашего сайта. Откройте вкладку, запомните или скопируйте адрес папки.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Найти её можно так.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Для того чтобы перейти к следующему этапу сохраняем настройки и перезагружаем сервер. 

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Чтобы проверить работу локального сервера, можете в адресной строке любого браузера, набрать localhost.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Если откроется окно, как показано ниже значит всё сделано правильно.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

На следующем этапе открываем папку установки OpenServer и заходим в папку domains.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Здесь уже есть предустановленная пака программы (localhost), нам необходимо создать ещё одну, под любым названием, у меня это будет папка test.local. В неё мы и установим систему управления контентом (CMS) WordPress.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Сейчас, так же как и, после любого действия с данной программой (OpenServer), необходимо её перезапустить.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Для того чтобы проверить правильность наших действий в адресной строке браузера набираем .

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Если видим окно, показанное ниже, значит всё сделано правильно.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Теперь следует проверить работу базы данных (phpMyAdmin). Это можно сделать двумя способами через адресную строку браузера, набрав там следующий адрес: , либо с помощью меню OpenServer, как показано на рисунке.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

После одного из этих действий у вас должно открыться такое окно.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Вписываем, как показано, имя пользователя «root» пароль оставляем открытым и жмём «авторизоваться».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

В правой стороне окна находим строчку «Создать БД» жмём на неё, указываем имя (чтобы в дальнейшем не запутаться, укажите имя той папки, которую создали в директории domains, без слова local), проверяем кодировку, а именно utf8mb4_unicode_ci и нажимаем «Создать».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Закрываем БД и приступаем к установке WordPress.

Как бесплатно сделать сайт. Установка WordPress на локальный сервер.

Чтобы установить данную CMS, необходимо, перейти на официальный сайт WordPress https://wordpress.org и скачать архив с конструктором.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Распаковываем архив с помощью любого архиватора, например https://www.7-zip.org/, заходим в папку WordPress и при нажатой клавише Shift выделяем первую и последнюю строку.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Далее с помощью комбинации клавиш Ctrl+C копируем выделенное в буфер обмена. Находим ранее созданную нами, в расположении …/ OSPanel\domains папку, у меня это папка test.local, заходим в неё и с помощью комбинации клавиш Ctrl+V вставляем содержимое буфера обмена.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Перезапускаем OpenServer с помощью меню программы.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Теперь, чтобы начать установку, в адресную строку браузера вводим http://test.local/wp-admin/ (если у вас название отличается от «test», то вводим его).

На этом этапе должна запуститься установка и будет предложено выбрать язык. Выбираем и жмём продолжить.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Нажимаем «Запустить установку». В открывшемся окне вам нужно придумать название вашего сайта, ввести имя пользователя (на первом этапе это обычно admin), придумать свой пароль или оставить уже сгенерированный системой, указать адрес эл. почты (можно произвольно).

Имя пользователя и пароль обязательно сохраните (они будут нужны для входа в админ. панель).

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Нажимаем «Установить WordPress».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Вводим имя пользователя и пароль указанные ранее.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Попадаем в панель администратора WordPress.

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Теперь всё зависит от вас. В интернете много платного и бесплатного обучающего материала по созданию сайтов на WordPress. На локальном сервере вы сможете совершенствоваться в сайтостроении не зависимо от интернета, не оплачивая доменное имя и услуги хостинга.

Как бесплатно сделать сайт. Несколько советов начинающим.

Для того чтобы настроить ваш сайт понадобиться выбрать и установить несколько необходимых плагинов и определиться с шаблоном (темой WordPress). При работе с локальным сервером это лучше делать не напрямую с сайта, а путём предварительного скачивания архива с официального сайта WordPress.

После того как архив скачан, в панели администратора открываем пункт меню «плагины» и вверху находим «Добавить новый».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Далее «Загрузить плагин».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Находим папку с архивом и жмём «Открыть».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Нажимаем «Установить сейчас».

Как бесплатно самому сделать сайт без интернета: руководство для начинающих
Как бесплатно самому сделать сайт без интернета: руководство для начинающих

Такие же действия проделываем с шаблонами.

После установки всех необходимых компонентов с сайтом можно работать без подключения к интернету.

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

Перенести сайт можно с помощью такой бесплатной программы как FileZilla (https://filezilla.ru/).  Обучения по пользованию данным FTP-клиентом, также достаточно много в свободном доступе.

Успехов в создании сайтов.

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