Как создать сайт онлайн бесплатно самому за 1 день. Инструкция с картинками
После прочтения статьи вы сможете: зарегистрировать имя сайта, выбрать хостинг, создать сайт на основе бесплатного шаблона без всяких ежемесячных платежей, разместить сайт онлайн, наполнить сайт нужной вам информацией. Вы узнаете, как создать сайт онлайн бесплатно самому за 1 день — все пошагово, с картинками. Вам нужен сайт? Сегодня он у вас будет!
Внимание! Авторская статья. При любом копировании просьба ссылаться на источник https://greatuse.ru/
Содержание:
- Введение – можно ли создать сайт онлайн бесплатно самому
- Имя сайта. Как зарегистрировать доменное имя для сайта
- Хостинг. Хостинг для сайта какой выбрать
- Перевозим имя. Как переместить домен на выбранный хостинг
- Дизайн сайта. Создать сайт бесплатно самому с нуля конструктор без платы за сайт
- Текст и картинки на сайт. Как наполнять сайт контентом
Введение – можно ли создать сайт онлайн бесплатно самому
Сложно ли создать сайт, можно ли создать сайт онлайн бесплатно самому, не зная о веб индустрии вообще ничего, без многотысячных вложений и 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. Теперь нужно передать это имя на наш сервер для того, чтобы присвоить это имя папке с нашим сайтом.
Что нужно сделать для того, чтобы переместить домен на выбранный хостинг:
- Заходим на сайт нашего хостера FastVPS
- Заходим во вкладку Управление DNS, нажимаем «Добавить домен»
- Далее: а) вводите имя вашего сайта – наш пример tobbi-bobbi.ru б) выбираете услугу арендованного вами сервера – пока она одна в вашем списке в) выбираете, с каким окончанием будет ваша почта – мы рекомендуем выбирать «на основном IP». Тогда мы сможем создавать ящики по типу xxx@tobbi-bobbi.ru
- Важный шаг – под буквой г) на предыдущей картинке. Снова вернитесь на reg.ru в раздел Мои домены и услуги. Выбираем наш сайт
Далее – DNS серверы – изменить
Далее – свой список DNS – вводим список из картинки в пункте 4 под буквой г) и сохраняем. Готово! Переезд займет пару часов
Дизайн сайта. Создать сайт бесплатно самому с нуля конструктор без платы за сайт
Дизайн сайта – мы подошли к самому интересному этапу – как создать сам сайт
Инструкция Как создать сайт онлайн бесплатно самому:
- Скачиваем несколько вспомогательных программ
- Notepad — понадобится пару раз для правки страницы на языке html – не пугайтесь, нужно будет поменять всего пару слов
- FileZilla — эта программка вам напомнит старенький TotalCommander – в ней нужно будет переместить папку с шаблоном вашего сайта на сервер – тоже все очень просто
Скачивание можно отложить до последнего – возможно, программы вам и не понадобятся пока ваш уровень – новичок.
- Создаем сайт на сервере
- Заходим на страницу нашего провайдера FastVPS
- В личном кабинете в разделе Мои услуги — VPS/VDS серверы – ваш выбранный сервер — Дополнения – заказываем FASTPANEL (панель для создания баз данных сайта). Услуга по предоставлению панели управления бесплатна
- Заходим в панель управления и создаем там наш сайт (теоретически, базу данных для сайта, но для новичков эти знания пока ни к чему)
Внимание! Записываем имя пользователя и пароль
Стрелочкой на картинке указан ваш ХОСТ
Записываем данные: хост, имя пользователя и пароль и переходим к следующему шагу
Совет: если что-то не получается, смело пишите в поддержку. За этим она и нужна, чтобы помогать!
- Платформа WordPress
Знакомимся с WordPress
Ресурс WordPress – бесплатный. Он представляет собой панель управления. Вы выбираете шаблон для сайта (дизайн сайта) – тоже бесплатный, или сложный платный, устанавливаете его для своего сайта и с помощью WordPress управляете им.
Сайт WordPress на русском языке пишется вот так: https://ru.wordpress.org/ и никак иначе. Если вам предлагают выбрать тариф на WordPress, значит, это не тот сайт! Но все это тоже только для информации. Мы пойдем другим, легким путем.
Т.к. мы пишем статью для новичков – у нас для вас хорошая новость. Word Press вам поможет установить ваш провайдер! По крайней мере компания, про которую мы писали выше, с удовольствием установит для вас Word Press.
Поэтому мы не будем долго и детально расписывать этот процесс. Просто пишите, в поддержку: «помогите установить WordPress» и укажите название сайта, который мы с вами заранее сделали в FASTPANNEL. Ждем, пока администраторы подтвердят установку
Результат установки – провайдер укажет вам доступ к вашей учетной записи: логин и пароль (не забудьте сразу после входа в учетную запись их поменять)
Учетная запись будет находиться по адресу:
- http://название вашего сайта/wp-admin/ или
- http:// название вашего сайта /wp-login.php
Про дизайн сайта продолжим чуть ниже, а пока дополнительная информация для сведения
- База данных сайта – управление через программу FTP клиент
Данная информация будет дополнительной и полезной, если в будущем вы:
- захотите установить на сайт счетчик статистики Яндекс или Google
- удалить ненужные темы (дизайны сайта), чтобы почистить место на сервере
- подключить Яндекс веб-мастер для анализа статистики сайта
И многие другие вещи, в инструкциях для которых указано: «перенесите в корневую папку…»
Открываем заранее скачанную программу FileZilla
Выглядит вот так.
Наша задача выйти через эту программу на папку нашего сайта на сервере.
Для этого вводим ее данные:
- Хост
- Имя пользователя
- Пароль
Все данные мы с вами аккуратно выписали заранее.
Жмем кнопку «быстрое подсоединение»
Не обращаем внимания на предупреждающую штуку – жмем ок.
Процесс простой, все должно получиться. Но если что-то не выходит – пишем в поддержку. На то она и нужна 🙂
Запомните или запишите, как входить в программу. Пока она нам не понадобится
- Завершающий этап – шаблон для сайта (дизайн)
Возвращаемся в учетную запись WordPress, чтобы создать сайт онлайн бесплатно самому.
Устанавливаем тему (дизайн) для сайта:
- Выбираем Внешний вид – Темы – Добавить
- Листаем и выбираем понравившуюся тему (дизайн)
- Нажимаем «Просмотреть», чтобы посмотреть тему или «Установить», если с темой определились
- Нажимаем «Активировать»
На этом мы можем сказать, что все готово к заполнению вашего сайта
Проверить, как выглядит ваш сайт на данный момент, вы можете, нажав на название сайта в верхнем левом углу учетной записи. Но пока там будет совсем пусто. Чтобы заполнить сайт, нужно создать страницы и наполнить их информацией
Текст и картинки на сайт. Как наполнять сайт контентом
Как работать с WordPress мы напишем дополнительно на примере разных шаблонов (дизайнов) в отдельной статье.
Для того, чтобы вы уже начали работать и наполнять сайт самостоятельно, сейчас укажем основные шаги:
- Заполнить раздел «Страницы» – то, что будет в меню сайта. Например: каталог, блог, страница о компании, контакты
- В разделе «Записи» вы можете создавать статьи
- В разделе «Внешний вид — Меню» — выбрать, что из уже вами созданного будет в меню.
- В разделе «Внешний вид – Виджеты» — вы сможете выбирать, что будет в левой или правой колонке на странице вашего сайта, что будет в подвале.
Когда вы начнете наполнять ваш сайт, возникнет много вопросов, как добавить тот или иной элемент. Но после небольшой практики станет просто и все понятно и тема, как создать сайт онлайн бесплатно самому уже не будет для вас пугающей и новой.
Совет: ознакомьтесь с основами HTML. Наша рекомендация — книга Джона Даккета HTML и CSS. Эта книга, как настольная азбука в картинках — даст вам основные сведения о языке программирования. Возможно — это ваш путь в новое прибыльное направление! Советуем книжный вариант — он еще и очень красивый!
Надеемся, наша информация была вам полезна.
Также вам будет интересна тема, как продвигать ваш сайт бесплатно и без вложений – читать тут
