Как создать сайт онлайн бесплатно самому за 1 день. Инструкция с картинками

Как создать сайт онлайн бесплатно самому за 1 день. Инструкция с картинками

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

Внимание! Авторская статья. При любом копировании просьба ссылаться на источник https://greatuse.ru/

Содержание:

  1. Введение – можно ли создать сайт онлайн бесплатно самому
  2. Имя сайта. Как зарегистрировать доменное имя для сайта
  3. Хостинг. Хостинг для сайта какой выбрать
  4. Перевозим имя. Как переместить домен на выбранный хостинг
  5. Дизайн сайта. Создать сайт бесплатно самому с нуля конструктор без платы за сайт
  6. Текст и картинки на сайт. Как наполнять сайт контентом

Введение – можно ли создать сайт онлайн бесплатно самому

Сложно ли создать сайт, можно ли создать сайт онлайн бесплатно самому, не зная о веб индустрии вообще ничего, без многотысячных вложений и IT отдела? Ответ – можно!

В этой статье мы вместе с вами создадим новый сайт.

Будем рассказывать все на простом языке и показывать на скриншотах.

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

При желании вы сможете завершить работу по созданию вашего сайта за один день.

Итак, приступим!

Имя сайта. Как зарегистрировать доменное имя для сайта

Давайте начнем с имени вашего сайта – домена второго уровня

Домен второго уровня – это название вашего сайта, которое находится слева от точки (заглавными буквами): XXXXX.ru или ВВВВ.com. Например, домен второго уровня нашего сайта – greatuse

Почему второго уровня? Потому что считается справа налево. Домен первого уровня – это то, что находится справа от точки. В нашем случае – это ru.

Итак, название нашего сайта – greatuse.ru

Как подобрать имя для вашего сайта? Придумайте слово, которое отражает тематику вашего сайта.

Совет: Название сайта должно быть простым для легкости произношения, написания и запоминания. Также название должно вызывать доверие. Несвязный набор букв и цифр не вызывает доверие. На продвижение сайта в поиске имя не влияет.

Имя придумали.

Как зарегистрировать – идем на самый популярный в РФ сайт для регистрации доменных имен – REG.ru. Вы можете найти и другие ресурсы по регистрации, но условия там плюс минус одинаковые. Поэтому воспользуемся самым популярным.

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

Проверяем придуманное имя сайта.

Например, наш сайт greatuse

как зарегистрировать доменное имя

Конечно, это имя занято нами

создать сайт онлайн бесплатно самому

Пробуем подобрать другие имена. Можно использовать тире

Совет: не используйте нижнее подчеркивание, оно часто сливается со строкой, на которой написано имя сайта в буклетах. Может возникнуть путаница в написании. Постарайтесь подобрать короткое понятное название

Мы придумали смешное название – tobbi-bobbi

Название свободно. Цена регистрации 199 руб.

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

Переходим к заказу. Там все понятно – оплачиваем регистрацию домена на год за 199 руб. Если вам нужен промокод, можете воспользоваться нашим, который дает скидку 5%:

 2E96-5EBB-D226-D871

промокод для регистрации сайта

Внимание! Цена, которую показывает вам сайт – это цена ЗА ПЕРВЫЙ ГОД.

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

Чтобы понимать тариф на второй год, нужно искать тарифную сетку, а ее обычно прячут очень далеко. Не страшно, мы ее найдем!

Прокручиваем сайт до самого конца – находим радел «услуги»

создать сайт онлайн бесплатно самому

Дальше – домены

Наводите курсор, как показано на рисунке – вот они, спрятанные цены!

регистрация домена сколько стоит

Нам подойдет продление без пакетов – 999 рублей. Эту сумму придется платить ежегодно. Это неизбежно, если вы хотите иметь именно свой личный сайт, который не принадлежит никакому конструктору — например wix.

Имя сайта есть. Идем дальше.

Хостинг. Хостинг для сайта какой выбрать

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

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

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

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

Как же выбрать хостинг для сайта.

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

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

Мы рекомендуем вот этих ребят  (компания FAST VPS Это один из крупнейших хостинг-провайдеров в России с 2006 года

После регистрации можно заказывать сервер. Если не знаете, какой тариф выбрать – смело спрашивайте в поддержке: «я начинающий, что выбрать».

создать сайт онлайн бесплатно самому

Для небольшого сайта расходы составят ориентировочно 4-5 евро за 3 мес. И это последние расходы для создания своего сайта самостоятельно.

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

Следующий шаг – передать имя вашего сайта на арендованный сервер

Перевозим имя. Как переместить домен на выбранный хостинг

Что значит перевезти имя на арендованный вами сервер.

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

Мы зарегистрировали имя tobbi-bobbi.ru. Теперь нужно передать это имя на наш сервер для того, чтобы присвоить это имя папке с нашим сайтом.

Что нужно сделать для того, чтобы переместить домен на выбранный хостинг:

  1. Заходим на сайт нашего хостера FastVPS
  2. Заходим во вкладку Управление DNS, нажимаем «Добавить домен»

создать сайт онлайн бесплатно самому

  1. Далее: а) вводите имя вашего сайта – наш пример tobbi-bobbi.ru б) выбираете услугу арендованного вами сервера – пока она одна в вашем списке в) выбираете, с каким окончанием будет ваша почта – мы рекомендуем выбирать «на основном IP». Тогда мы сможем создавать ящики по типу xxx@tobbi-bobbi.ru

создать сайт онлайн бесплатно самому

  1. Важный шаг – под буквой г) на предыдущей картинке. Снова вернитесь на reg.ru в раздел Мои домены и услуги. Выбираем наш сайт

создать сайт онлайн бесплатно самому

Далее – DNS серверы – изменить

как перенести домен на свой хостинг

Далее – свой список DNS – вводим список из картинки в пункте 4 под буквой г) и сохраняем. Готово! Переезд займет пару часов

как перенести домен на свой хостинг

как перенести домен на свой хостинг

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

Дизайн сайта – мы подошли к самому интересному этапу – как создать сам сайт

Инструкция Как создать сайт онлайн бесплатно самому:

  1. Скачиваем несколько вспомогательных программ
  • Notepad — понадобится пару раз для правки страницы на языке html – не пугайтесь, нужно будет поменять всего пару слов
  • FileZilla — эта программка вам напомнит старенький TotalCommander – в ней нужно будет переместить папку с шаблоном вашего сайта на сервер – тоже все очень просто

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

  1. Создаем сайт на сервере
  • Заходим на страницу нашего провайдера FastVPS
  • В личном кабинете в разделе Мои услуги — VPS/VDS серверы – ваш выбранный сервер — Дополнения – заказываем FASTPANEL (панель для создания баз данных сайта). Услуга по предоставлению панели управления бесплатна

создать сайт онлайн бесплатно самому

  • Заходим в панель управления и создаем там наш сайт (теоретически, базу данных для сайта, но для новичков эти знания пока ни к чему)

создать сайт онлайн бесплатно самому

Внимание! Записываем имя пользователя и пароль

Стрелочкой на картинке указан ваш ХОСТ

Записываем данные: хост, имя пользователя и пароль и переходим к следующему шагу

Совет: если что-то не получается, смело пишите в поддержку. За этим она и нужна, чтобы помогать!

  1. Платформа WordPress

Знакомимся с WordPress

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

Сайт WordPress на русском языке пишется вот так: https://ru.wordpress.org/ и никак иначе. Если вам предлагают выбрать тариф на WordPress, значит, это не тот сайт! Но все это тоже только для информации. Мы пойдем другим, легким путем.

Т.к. мы пишем статью для новичков – у нас для вас хорошая новость. Word Press вам поможет установить ваш провайдер! По крайней мере компания, про которую мы писали выше, с удовольствием установит для вас Word Press.

Поэтому мы не будем долго и детально расписывать этот процесс. Просто пишите, в поддержку: «помогите установить WordPress» и укажите название сайта, который мы с вами заранее сделали в FASTPANNEL. Ждем, пока администраторы подтвердят установку

Результат установки – провайдер укажет вам доступ к вашей учетной записи: логин и пароль (не забудьте сразу после входа в учетную запись их поменять)

Учетная запись будет находиться по адресу:

  • http://название вашего сайта/wp-admin/ или
  • http:// название вашего сайта /wp-login.php

Про дизайн сайта продолжим чуть ниже, а пока дополнительная информация для сведения

  1. База данных сайта – управление через программу FTP клиент

Данная информация будет дополнительной и полезной, если в будущем вы:

  • захотите установить на сайт счетчик статистики Яндекс или Google
  • удалить ненужные темы (дизайны сайта), чтобы почистить место на сервере
  • подключить Яндекс веб-мастер для анализа статистики сайта

И многие другие вещи, в инструкциях для которых указано: «перенесите в корневую папку…»

Открываем заранее скачанную программу FileZilla

Выглядит вот так.

создать сайт онлайн бесплатно самому

Наша задача выйти через эту программу на папку нашего сайта на сервере.

Для этого вводим ее данные:

  • Хост
  • Имя пользователя
  • Пароль

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

Жмем кнопку «быстрое подсоединение»

Не обращаем внимания на предупреждающую штуку – жмем ок.

Процесс простой, все должно получиться. Но если что-то не выходит – пишем в поддержку. На то она и нужна 🙂

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

  1. Завершающий этап – шаблон для сайта (дизайн)

Возвращаемся в учетную запись WordPress, чтобы создать сайт онлайн бесплатно самому.

Устанавливаем тему (дизайн) для сайта:

  • Выбираем Внешний вид – Темы – Добавить

создать сайт онлайн бесплатно самому

  • Листаем и выбираем понравившуюся тему (дизайн)
  • Нажимаем «Просмотреть», чтобы посмотреть тему или «Установить», если с темой определились
  • Нажимаем «Активировать»

На этом мы можем сказать, что все готово к заполнению вашего сайта

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

Текст и картинки на сайт. Как наполнять сайт контентом

Как работать с WordPress мы напишем дополнительно на примере разных шаблонов (дизайнов) в отдельной статье.

Для того, чтобы вы уже начали работать и наполнять сайт самостоятельно, сейчас укажем основные шаги:

  1. Заполнить раздел «Страницы» – то, что будет в меню сайта. Например: каталог, блог, страница о компании, контакты

word press как настроить сайт

  1. В разделе «Записи» вы можете создавать статьи
  2. В разделе «Внешний вид — Меню» — выбрать, что из уже вами созданного будет в меню.
  3. В разделе «Внешний вид – Виджеты» — вы сможете выбирать, что будет в левой или правой колонке на странице вашего сайта, что будет в подвале.

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

Совет: ознакомьтесь с основами HTML. Наша рекомендация — книга Джона Даккета HTML и CSS. Эта книга, как настольная азбука в картинках — даст вам основные сведения о языке программирования. Возможно — это ваш путь в новое прибыльное направление! Советуем книжный вариант — он еще и очень красивый!

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

4 комментария к “Как создать сайт онлайн бесплатно самому за 1 день. Инструкция с картинками

Комментарии закрыты