БЛОГ АНТОНА
РУХЛИНА

Профессиональное создание сайта -
раскрутка и заработок в интернете

Как пошагово создать свой блог с нуля?

Автор: Антон Рухлин Дата: 03 февраля 2018

Просмотры: 38

как создать свой сайт пошагово с нуля

 

УРА-А-А! Наконец-то! Вот и вышла в свет первая статья блога bez-krizisa.ru, где буду рассказывать Вам прежде всего о тех трудностях, которые необходимо преодолеть чтобы создать свой собственный сайт.

И так, пошагово.

Этап №1: Все необходимое для создания сайта с нуля

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

1.     Denver (скачайте тут по прямой ссылке)
2.     Nodepad++
3.     Photoshop

и конечно же FileZilla

 

Ух ты! Скажите Вы мне, столько неизвестных названий, не уж толи в действительности необходимо знать и разбираться в них на уровне профессионала? Нет, уважаемые друзья, до гуру владения вовсе и не обязательно, а вот базовые навыки для создания собственного блога или сайта с полного нуля конечно понадобятся.

После того как Вы все их установите (думаю у Вас не возникнет с этим проблем) запускаем первую из них — Denver. Для этого нам необходимо проинсталлировать её.

Вот характерная классическая последовательность установки:

установка денвера

По ярлыку, который должен быть на рабочем столе, щелкаете два раза «Start Denver»(запустить денвер) – не пугайтесь, DOS окно ни в коем случае не навредит вашей системе — это просто запустит локальный «хостинг»(место, где пока временно будет храниться Ваш собственный сайт ) внутри вашего компьютера.

2

как пошагово создать блог с нуля

 

Запустили? ОК, отлично! Теперь нам необходимо установить так называемый «движок» для сайта, который обычно служит для управления внутренностями всего содержимого нашей web разработки. Для этого устанавливаем самый продвинутый и знакомый для всех нас всемогущий WordPress. Вот этот дистрибутив:

4.      WordPress (версии 3.2.1)

Конечно, скачать более свежую версию Вы сможете с официального сайта WordPress.org от сюда, но мне почему-то симпатизируют версии вида 3.0.0 или 4.0.0 об этом я уже говорил именно почему в своем видео курсе, который, кстати, Вы можете скачать и всё делать быстрее не читая этот пост далее (а он планируется быть длинным).

Вот полный путь установки, т.е. просто распаковываете все содержание архива:

 

 

или как у меня

 

 

Разницы принципиально какой-либо нет, просто второй путь короче. И как вы понимаете, что папочка bez-krizisa это Ваш будущий «домен» (название – имя вашего блога) придумываете сами  название на который Вы планируете в действительности воссоздать и перенести свой сайт онлайн.

Распаковали? ОК, супер! И изначально создаем первую нашу «базу данных» (зашифрованная информация всеx файлов и папок блога) – для этого открываем любой браузер и вбиваем в поле ввода, следующую адресную строчку:

 

 

где и переходим на

 

 

это и есть наш виртуальный Apache сервер в котором нам интересно поле MySQL и вкладочка «Привелегии». В поле под названием «Создать новую БД» вводим ИМЯ нашей базы данных (в дальнейшем «БД») – нажимаем кнопку «Создать». Следующий пунктом будет добавление пользователя через вкладку «Привелегии». Тут все просто — щелкаем на строчку «Добавить нового пользователя» и придумываем ИМЯ ПОЛЬЗОВАТЕЛЯ. Далее смотрите как пошагово создать свой собственный сайт с нуля по этому рисунку:

 

создать блог с нуля

 

Нажимаем кнопку «Пошел».

Теперь wordpress необходимо настроить – это как простая регистрация в каком-либо сервисе. Опять же вбиваем в строчку браузера:

 

 

Нажимаем кнопку «Вперед» т.е. соглашаемся с передачей данных в файл wp- config перед началом процедуры установки движка. Заполняем так, как это показано на картинке, и жмем «Отправить» далее «Запустить установку».

 

 

Здесь со всей ответственностью заполняем все поля иначе создать свой сайт не получиться…

Увидели поздравление и кнопочку войти, значит Вы всё сделали правильно – этап номер один пройден!

Этап №2: Редактируем и преображаем свой собственный сайт

В тот момент когда Вы войдете внутрь CMS (системы управления сайтом)

 

как создать сайт

 

попадаете на главную консоль админки вашего блога — эта так называемая творческая студия вашего движка. И здесь сперва установите для себя ту тему шаблона, которая наилучшим образом подходит Вам и нравиться на все 100%.

Тут все просто: идем во вкладку Внешний вид --> Tемы и в дисплее «Установить темы» устанавливаем те предложенные кастомные шаблоны.

Конечно я могу предложить свою тему — вот она качайте если понравилась — или скачать стандартные шаблоны из интернета (не из тех которые предлагает сам wordpress, а тех которые находятся по запросу в поисковиках Google и Yандекс типа «шаблоны для wordpress» , кстати, вот тут моя подборка простых тем), но тем не менее правильнее было бы если бы Вы сверстали её самостоятельно.

Далее заменяем все картинки на собственные оригинальные  – те которые по вашей задумке сайта будут гармонировать со структурой блога. Они обычно все находятся в папке под названием images или img. Главное при этом деле не менять название и их расширение, а то они попросту перестанут отображаться на сайте. Ну а редактировать их Вам естественно придется в программе Photoshop – надеюсь Вы уже скачали её полную, русскую версию.

 

с нуля создать сайт

 

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

 

 

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

— дополнительные плагины тут

А пока вы их качаете вот стандартная схема их установки:

1. Разархивируете содержимое в папку с плагинами вашего блога, вот полный путь к ней: Z:\home\localhost\www\bez-krizisa\wp-content\plugins или Z:\home\bez-krizisa\www\wp-content\plugins (в зависимости от того по какому пути выбрали установку wordpress)
2. В меню консоли вашей админки пройдите в Плагины-->Установленные и активируйте их

 

интернет блог плагин

 

Вы справились и с этим?! Просто молодцы! Тогда таким макаром Вас не затруднит по быстрому набросать первую страничку собственного новоиспеченного сайта – давайте оформим – открывайте «Страницы» --> «Добавить новую» называете её «Все страницы блога» и вставляете вот этот код в режиме html:

 

 

Сохраняем т.е. нажимаем кнопку «Опубликовать» на этой же страничке нашего движка. Кстати, об html стоило бы поговорить подробно ибо это основа всего сайтостроения. Советую Вам поучится у таких мастеров своего дела как Евгений Попов. Посмотрите хотя бы парочку курсов, где он научит Вас создавать сайты профессионально…

 

Курсы Евгения Попова
Курс Евгения Попова по HTMLСтраница с подпиской на курс Курс Евгения Попова по CSSСтраница с подпиской на курс

 

… Вам сразу станет все понятнее, т.к. далее будем все более углубляться в код. Без этого к сожалению ни куда. Вот например для того чтобы отключить ревизии корзины в вордпресс нам надо поковыряться не просто в папках нашего локального диска Z –локального сервера, но и влезть в программный код файла default-constants.php папки wp-includes.

Здесь делаем следующее — меняем этот код (используем функцию поиска в блокноте Nodepad++):

 

 

 

на этот:

 

 

 

Производим отключение корзины в файле wp-config.php то есть прописываем строчку в любом месте этого файла:

 

 

 

Но лучше посмотрите видео об этом, чтобы у Вас получилось все как по маслу:

 

 

Этап №3: Покупаем домен, выбираем хостинг и переносим все содержимое с Denverа в интернет

Приступая к самому важному моменту в создании своего блога взгляните сперва на это:

 

perenos-s-pk-na-hosting1

 

Это главный момент создания своего блога с нуля — сохраните эту картинку к себе на ПК, чтобы не забыть. Итак, всё пошагово...

3

Покупаем домен:

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

И так, покупаем домен у регистранта REG.RU – почему именно он? Просто это корневой регистратор доменных имен у нас в России, и тут на эту тему я много говорить не буду.

Зайдя на этот сайт нажимаете «Регистрация» и вводите свой e-mail. После чего к вам на почту приходит письмо на подтверждение ваших данных, где так же будет указан автоматически сгенерированный пароль и другая важная информация.

 

как самостоятельно и абсолютно бесплатно разместить или создать сайт

 

Советую Вам на почте завести отдельную папку, где будите хранить эти письма на случай если вдруг забудете пароль. Вот я к примеру такую папку называю «Важные Регистрации». На главной странице, после регистрации Вас попросят ввести кодовое слово – придумываете и записываете тоже где-нибудь на почте или же у себя на компьютере.

 

как создать свой сайт, как легко заработать в интернете

 

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

 

как заработать на своем сайте или блоге, как создать сайт самому

 

Нажимаем кнопку «Далее» и попадаем на страницу заполнения DNS серверов для привязки хостинга. Для того чтобы их узнать нам необходимо сначала купить этот самый хостинг, но до момента его покупки завершите начатое дело с доменом.

Покупаем хостинг:

Следующим этапом в пошаговом создании своего сайта с нуля будет покупка хостинга у хостинг-провайдера MCHOST предопределенного или любого другого тарифа. Почему именно он – да потому что самый быстрый.

По сути процесс регистрации ни чем не отличается от регистрации домена, здесь указываете так же свой e-mail, соглашаетесь с условиями тарифа и отмечаете в поле «Выберете домен» — «Разместить свой домен». Ниже прописываете его в формате: bez-krizisa.ru

 

как самостоятельно и абсолютно бесплатно разместить или создать сайт

 

После перехода по кнопке далее идем на почту куда должно прийти данные для авторизации на сайте MCHOST. Входим в панель управления и заполняем свою анкету – ту же карточку как и в REG.RU. Заполнили? ОК, теперь опять на  почту и там берем свои NS сервера (они же DNS).

 

как создать сайт с нуля, как пошагово создать сайт

 

Их необходимо вписать у своего регистранта (в нашем случае REG.RU). Здесь просто в залогиненом состоянии переходите по кнопке «Мои домены»-->DNS серверы,  где прописан Ваш домен – щелкаете на него и уже на новой странице заполняете NS сервера:

 

dns

 

Обычно NS сервера обновляются в течении 24 часов, поэтому не стоит пугаться (об этом я писал в памятке что нужно подождать)

Переносим все содержимое с Denverа в интернет:

Самая ответственная часть, и первым делом идем phpMyAdmin   http://localhost/tools/phpmyadmin/ и берем от туда свою БД(базу данных) в ней отмечаем ту БД которую хотим взять:

 

как создать свой сайт

 

Идем во вкладочку «Экспорт», где нажимаем «Отметить все» и «Послать». Вы получите файл SQL лишь тогда, когда нажмете «Пошел»:

 

как пошагово создать свой сайт с нуля

 

Далее открываем его в Nodepade++ и меняем там все названия localhost на название вашего сайта(используйте функцию поиска и замены).

 

ВНИМАНИЕ! Файл после редактирования обязательно сохраняем в кодировке UTF-8 (65001) без галочки(отметки) BOM!

 

Идем на MCHOST в панель базы данных, создаем новую и забрасываем этот файл туда посредством импорта БД. Обратите внимание что эта phpMyAdmin отличается от той которая  на Denverе:

 

bd2

Выбираем файл SQL и нажимаем «Вперед» Если у Вас появилась надпись «Импорт успешно завершен, выполнено запросов стока-то» Значит все ОК.

Теперь переносим все файлы и папки.

Отмечаем все, кроме одного: wp-config.php и запаковываем в zip архив. Забрасываем на хостинг, там  же распаковываем его.

 

files

 

ВНИМАНИЕ! Для MCHOST корневая папка будет httpdocs

 

И последнее. Рредактируем wp-config.php согласно нашим данным от MCHOSTа это:

— имя базы данных WordPress (на главной странице хостинг провайдера в разделе «Базы данных» найдете в таблице с названием с одноименным названием)

— имя пользователя MySQL (логин для БД)

— пароль от БД MySQL (который указывали для БД Denvera)

— имя сервера MySQL (на главной странице хостинг провайдера в разделе «Мой аккаунт» найдете под строчкой тарифного плана)

И так же забрасываем на хостинг. Если что-то непонятно смотрите видео:

 

 

Конечно же я затронул не все нюансы создания сайта с полного нуля. Есть много мелких деталей, которые не были учтены при написании этого поста, поэтому рекомендую Вам просто скачать мой видео курс «Как создать свой игровой блог за день с нуля», и буквально за считанные минуты проделать все те действия, которые необходимы для полноценного функционирования Вашего первого web ресурса.

Искренне Ваш, Антон Рухлин.




1 комментарий к записи “Как пошагово создать свой блог с нуля?”

  • Ответ Администратора
    akkselerator 2018-02-10 10:34:43

    Это мой первый комментарий как администратора smile

    Ответить

Оставить комментарий

Правила комментирования ?