Как самому сделать сайт с нуля бесплатно: ТОП-4 конструктора сайта + пошаговая инструкция по созданию сайта для чайников на CMS Джумла с быстрым стартом на html

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

kak samomu sdelat sajt s nulya besplatno
В статье получите пошаговую инструкцию как самому сделать сайт с нуля бесплатно за 1 час.

Сайт — это лицо компании и ваш бренд в интернете. Сегодня невозможно представить организацию у которой нет сайта, так как это не серьезно и не внушает доверие клиентов.

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

ВАЖНО: В статье я расскажу, как сделать сайта вложив пару часов и 1000 рублей. Не верите? Расскажу и покажу классные фишки по созданию сайта с нуля для полных чайников.

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

Создание сайта: основные виды и тематики





Существует различные варианты и типы самих создаваемых сайтов, и они могут быть следующие:

  • Посадочная страница (Landing Page). Данный тип проекта представляет собой одностраничный сайт, на котором размещаются в большей мере акционные товары или же какие-либо продукты, в небольшом количестве которые продаются владельцем. Обычно используется как продающая страница, на которую льется трафик с основного сайта и наоборот. Страница делается 1 раз и менять останется только товар. Ценник на фрилансе обычно 4000-7000 руб.
  • Авторский блог. Самая крутая тема если Вы решили заниматься заработком на дому и посвятить себя написанию статей, делиться с аудиторией своей жизнью, как это делаю я. Блог можно завести как на бесплатном конструкторе, так и создать полноценный проект. Важно, что времени он будет занимать очень много, особенно на ранней стадии. Ценник идет от 12000-25000 рублей в зависимости от сложности макета и верстки. Почитайте статью как стать блогером и начать зарабатывать уже завтра.
  • Сайт компании. Самый распространенный тип сайтов, который необходим для каждой уважающей себя компании. На страницах вы размещаете разделы с услугами и каталоги товаров компании. Обязательным разделом является указание информации о регистрации ИП или ООО и подробные контакты для обратной связи. Цены на разработку начинаются от 15000 до 25000, а иногда и более.
  • Интернет-магазин. Но это самый распространенный вид площадок для продажи своих или чужих товаров через интернет. Но создание такого проекта занимает больше времени и присутствует необходимость настройки онлайн платежей и всех вытекающих оттуда: ведение бухгалтерии, оформлении ИП, ООО для подключения платежной системы. Расценки на создании магазина варьируются от 20 000 до 50 000 рублей.

Движки для создания сайтов: что это такое + список лучших

CMS (content management system) — это своего рода программа для управления всеми разделами контента на вашем сайте, если вы не разбираетесь в верстке сайтов, то это незаменимый инструмент в работе. Т.е. вам не надо будет копаться в коде и разбираться в HTML и CSS, так как CMS все сделает сама, а вы выбираете нужные команды как в том же Word приложении.

По аналогии движки представляют собой тот же самый конструктор сайтов в котором можно следующее:

  • Создать любой тип сайта от Лендинга до интернет-магазина;
  • Огромное количество шаблонов тем в разных тематиках и нишах;
  • Расширенный функционал и возможность отступления за пределы шаблона путем его редактирования в коде в отличии от конструкторов сайтов, которые дают готовый пакет;
  • Огромное количество готовый решений в виде модулей, расширений и плагинов под любые нужды и сложности проекта.

Важно: Самое интересное что почти все движки на 100% бесплатные в использовании. Темы можно скачать любые или купить за 500-1000 рублей и сэкономить до 20 000 рублей. Все хостинги дают возможность установки движков в личном кабинете в любую директорию.

Вот список самых популярных систем управления контентом на сегодня:

  • WordPress (Вордпресс). Данный вид движка является самым популярным в сети, а особенно для создания блогов. Прост в использовании, имеет классный текстовый редактор и множество фишек в виде расширений для ускорения сайта, SEO оптимизации контента. Официальный сайт: https://ru.wordpress.org/.
  • Joomla (Джумла). Сам лично создавал свой блог на этом движке. Клиентские сайты тоже обычно делаю на нем. Очень мощная система с огромным количеством модулей, темы и самое главное есть быстрый старт (Quick Start). С его помощью можно развернуть уже заполненный проект и просто редактировать названия и менять содержание блоков. Оф.сайт: https://www.joomla.org/.
  • Drupal (Друпал). Данный ресурс дает возможность, как и остальные создавать проекты различного направления как для муниципальных, государственных организаций так и создавать коммерческие проекты интернет-магазинов и компаний.

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

Помимо данного списка есть множество других CMS которыми можно всегда воспользоваться и создать сайт высокого уровня и при этом неплохо сэкономить на администрировании, поддержке и раскрутке. Вот список некоторых: 1С Битрикс, UMI.CMS, OpenCart, NetCat, VirtueMart и другие.

Как создать свой сайт бесплатно и быстро самому: основные шаги





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

etapy razrabotki sajta

Лично я советую не зависеть от сторонних ресурсов и создавать сайт на движке так как если сайт сделан на бесплатном конструкторе, то он и принадлежит не вам, а сервису типа: WIX, Blogger и тд.;

Шаг №1: Выбор ниши и тематики сайта

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

ВАЖНО: если вы планируете делать сайт компании, то тут все просто, а в случае создания блога необходимо анализировать возможность заработка на рекламе и выбирать уже нишу с высокой стоимостью клика.

Шаг №2: Покупка доменного имени

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

СОВЕТ: раньше говорили, что в домене должен быть основной ключевой запрос, но все это МИФ и чушь. Берите короткий адрес, который запомниться пользователям и без номера телефона в названии. Продвижение зависит от правильного SEO, а не пихания запросов куда попало. читайте как купить доменное имя правильно)

Шаг №3: Покупка хостинга для сайта

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

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

СОВЕТ: раньше я делал сайты на виртуальной машине под названием Denwer, который создает среду для работы над проектом без выкладывания в сеть, но сегодня можно сразу все залить и просто закрыть доступ к сайту поисковых машин и пользователей.

Если у вас крупный проект, то можно воспользоваться услугой VPS сервера (Эмулятор физического сервера с меньшим количеством пользователей и тонко настройкой в отличии от простого хостинга, но и дороже в разы от 400 до 4900 в месяц примерно). Но для его настройки вам необходимо иметь знания или привлечь стороннего специалиста. Для большинства сайтов достаточно будет купить обычный хостинг и которого хватит на все нужды.

Шаг №4: Наполнение сайта контентом

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

Расценки варьируются следующие:

  • Копирайтинг: от 25 до 40 рублей за 1000 знаков без пробелов;
  • Рерайтинг: от 50 до 100 рублей за 1 тыс.;
  • SEO копирайтинг: от 100 и выше в зависимости от жадности авторов.

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

Конструкторы сайтов для новичков: ТОП-4

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

ВАЖНО: почти у каждого популярного хостинг провайдера встроенный конструктор сайтов для ваших нужны с предустановленными шаблонами. Но фишка в том, что можете увидеть клона в сети и будите постоянно зависеть от работы компании, которой принадлежат все исходники вашего сайта.

Давайте рассмотрим несколько наиболее популярных сторонних сервисов:

Конструктор сайта WIX

WIX — это сервис с предустановленной коллекцией шаблонов для большинства пользователей. Сегодня являет наиболее рекламируемым и популярным среди новичков.

2020 02 19 13 02 16

Сервис предлагает 4 тарифа для оплаты:

  • VIP тариф: 500 рублей в месяц + 20Гб места, пропускная способность безлимитная, доп.опции;
  • Безлимитный тариф: 250 р. в месяц для фриланса и бизнеса + отсутствие сторонней рекламы сервиса и 10Гб места;
  • Базовый тариф: 150 руб. в месяц для личных нужд и мелких задач + 3 Гб места;
  • Парковка тариф: 90р в месяц и домен в подарок + 500 Мб памяти.
  • Также имеются бизнес тарифы с подключаемой платежной системой (хотя переплачивать нет смысла если прием можно организовать БЕСПЛАТНО с помощью привязки расширений на обычном сайте, а не конструкторе): ценник от 400 рублей до 1000р в месяц.

Сервис Webnode

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

2020 02 19 13 47 29

Вот список предлагаемых тарифов:

  • Профи: 16,95 баксов + домен подарок и 5 ГБ места;
  • Стандарт: 9,95 $ + домен подарок, 2 Гб места и пропуск трафика до 10 Гб;
  • Мини: 4,95 $ + домен, 500 Мб, 3Гб пропускная способность.

Цены, конечно, кусаются, но каждый выбирает то, что ему по душе.

Конструктор Ukit

Конструктор сайтов от Российских разработчиков, делавших Ucoz. 14 дней бесплатную версию дают для тестирования новым пользователям.

2020 02 19 13 36 33

Прост в использовании и предлагает следующие тарифы:

  • Минимальный: 5$/мес. Базовые шаблоны, без премиум.
  • Базовый: 10$/мес. Доступ к премиум шаблонам неограничен;
  • Магазин: 15$/мес. Ну тут полноценный интернет-магазин и премиум шаблоны;
  • Про: 20$/мес. Можно вставлять свой код и менять палитру цветов и за это 5$ сверху в отличии от предыдущего тарифа.

Конструктор REG.ru

Данный сервис занимается предоставлением на протяжении многих лет услуг по регистрации доменов и хостинга.

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

  • Привязать любой домен с аккаунта РегРу или стороннего регистратора;
  • Использовать конструктор на 170 шаблонов, но с рекламой полностью БЕСПЛАТНО;
  • Оплатить за сайт 1 раз в жизни 1999 рублей и получить неограниченное дисковое пространство и ПЛАТИТЬ БОЛЬШЕ НЕ НАДО за использование НИКОГДА +более 70 шаблонов сайтов.

2020 02 19 14 14 31

  • Платите 999 в год за 1 сайт в 25 Гб пространства на диске без рекламы.

СОВЕТ: В общем можно оплатить 1999 за полноценный сайт с подключением электронной коммерции и начать работу уже через час.

delaem sait s nulya
Процесс создания сайта самому с нуля.

Как самому сделать сайт с нуля бесплатно: пошаговая инструкция новичку





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

Этап №1: регистрируем домен для сайта

Покупка домена проходит быстро и просто:

  • Регистрируемся на сервисе для получения личного кабинета;
  • Проверяем доменное имя, которое хотите приобрести в поле ввода домена (Если оно занято, то пробуйте разные варианты и сами зоны: .ru, .com, .info и т.д.)

1

  • Далее заходим в раздел «Личный кабинет»/«Мой аккаунт» и переходим в раздел «Мои анкеты» и создаем новую для подтверждения ваших персональных данных как регистратора домена.

2

2

2

ВАЖНО: Заполняйте реальные данные так как копию паспорта вам придется отправить вместе с анкетой. Без анкеты купить домен вы не сможете. Пройдя разовую регистрацию в будущем анкету можно просто привязывать ко сем покупкам. Стоимость домена уменьшается если вы постоянный клиент и «Продлеваете/Покупаете» на сервисе.

2

2

7

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

Этап №2: Покупка хостинга и перенос сайта

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

Как самому сделать сайт с нуля бесплатно: ТОП-4 конструктора сайта + пошаговая инструкция по созданию сайта для чайников на CMS Джумла с быстрым стартом на html

Принцип работы всех провайдеров один и тот же. Главное придерживаться следующих моментов:

  • Переходим на сайт и регистрируемся в личном кабинете нажав на «Регистрация»;
  • Далее выбираем тариф с пробным периодом они все и заполняем поля ниже: ФИО, телефон и почту;

8

СОВЕТ: если вы планируете только регистрировать домены, то можете использовать сразу услугу «Parking» и хранить там купленные домены без ежемесячной оплаты.

Как самому сделать сайт с нуля бесплатно: ТОП-4 конструктора сайта + пошаговая инструкция по созданию сайта для чайников на CMS Джумла с быстрым стартом на html

  • Далее подтверждаем аккаунт через почту и приступаем к работе в личном кабинете.

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

СОВЕТ: Когда выбираете шаблон то советую перейти на официальный сайт вашей CMS и посмотреть какой она версии, чтоб после установки шаблона и обновлении компонентов не происходило сбоев, так как обновлять все нужно постепенно от версии к версии движка а не сразу от 3.2 до версии 3.9. Могут слететь несовместимые плагины и компоненты и вы не сможете распаковать демо-контент.

В поисковой троке достаточно ввести запросы вроде «Скачать шаблон Джумла 3.9 и т.д. + тематику можно ввести». Почти на каждом сайте будет подробное описание шаблона, его версии и остальных параметров.

ВАЖНО: есть такая фишка как QuickStart, которая представляет собой уже полностью настроенный сайт, но только остается поменять названия, вставить свои картинки в сам контент и все. Далее покажу как развернуть данный пакет и получить сразу готовый сайт.

Как самому сделать сайт с нуля бесплатно: ТОП-4 конструктора сайта + пошаговая инструкция по созданию сайта для чайников на CMS Джумла с быстрым стартом на html

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

Создание сайта с помощью быстрого старта QuickStart на Джумла: пошаговое руководство

Первым делом нам необходимо найти нужным нам шаблон в зависимости от версии движка и самой версии макета.

СОВЕТ: Не качайте старые шабы, а ищите более поздние чтобы версии были максимально последние. Важно не качать с левых говно-сайтов т.к. потом надо будет чистить от скрытых ссылок (на стоках любят пихнуть ссылок.). Можете скачать с официальных сайтов бесплатные макеты.

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

Скачать шаблон примера можно на официальном сайте вот тут (ссылка на скачку будет доступна после регистрации на сайте производителя): https://demo.joomdev.com/atlanta/

ВАЖНО: теперь вам не нужно изучать HTML на курсах и копаться в коде, а самое важное вы не будите платить деньги третьим лицам!!!!! Скачали быстрый старт, развернули и заменяем данные на вои и все.

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

Шаг 1: Распаковка архива

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

Сам быстрый старт должен выглядеть после распаковки как на скрине и иметь папку «Installation»:

2020 02 18 10 29 26

Шаг 2: Настройка директории

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

  • Переходим к нашему хостеру и находим раздел домены/поддомены.

2020 02 18 10 38 33

  • По умолчанию вам дают бесплатный домен, от системы который можно привязать к папке с файлами или же настроить наш. Если вы купили домен, то в поле выбираем добавит домен и из списка ниже директорию для него. Директория будет создаваться автоматически новая или можно вручную создать с нужным названием (по умолчанию она похожа на сам домен.). В нашем примере я использую бесплатный домен, который выглядит так: http://infofikw.beget.tech/.

2020 02 18 10 40 56

  • Далее переходим в раздел «Сайты» и создаем там нашу директорию, в которую будем заливать файлы с шаблоном. В строке Имя сайта вводим любое название нашей папки и переходим в список ниже. Теперь привязываем наш домен нажав на зеленый плюсик.

2020 02 18 10 50 39

2020 02 18 10 54 30

  • Теперь нам остается залить архив в директорию: bizz/public_html через «Файловый менеджер» или с помощью FTP клиента FileZilla. Заливаем архив и нажимаем распаковать.

2020 02 18 10 58 19

2020 02 18 11 07 19

Также посмотрите мое видео, как пользоваться FTP клиентом для передачи файлов на хостинг.

Шаг 3: Разворачиваем сайт с демо-данными в директории

Теперь, послу заливки нам остается всего лишь обратиться к нашему домену. В моем случае это бесплатный для тестирования http://infofikw.beget.tech/. Если появится мастер установки, то все работает нормально. Кликаем и получаем вот такое окно:

2020 02 18 18 01 02

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

Переходим в личный кабинет и открываем раздел MySql (базы данных). WDF8Bp

2020 02 18 18 05 53

Придумаем имя базы и пароль, после чего необходимо нажать на «Добавить» и в нижнем списке баз появится наша база. Для ее редактирования нажимаете на иконку PMA (PhpMyAdmin).

2020 02 18 18 14 29

Теперь берем наши данные и заполняем форму в мастере установки нашего Квик Старта:

  • Имя хоста пишем: Localhost;
  • Имя пользователя (username): infofikw_biss;
  • Пароль: WDF8Bp;
  • Имя БД (база данных): infofikw_biss.

2020 02 18 18 27 53

Как видите все просто. Теперь важно все правильно вписать и будет один важный момент, где нам необходимо будет прописать эти же данные в файле конфигурации в корневой директории сайта (где залиты файлы).

Далее откроется окно где ничего менять не надо, а только прописать свою почту вместо той, что по умолчанию. И последним этапом нам остается нажать на кнопку и удалить папку с установочным файлом в корневой директории и подтвердить действие. Далее просто открываем наш сайт по адресу домена.

2020 02 18 18 31 56

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

2020 02 18 18 43 51

Для входа в административную панель нашего CMS Joomla в строке урла браузера к домену необходимо дописать слово /administrator. Получится вот так http://infofikw.beget.tech/administrator.

В окне входа по умолчанию логин и пароль: admin (Потом установите свой пароль).

2020 02 18 18 56 39

Далее нам остается перейти в раздел «System» и «Global Configuration», где надо закрыть наш сайт от посторонних глаз и можно приступать к редактированию содержимого через модули.

2020 02 18 19 01 35

ВАЖНО: Когда сайт закрыт от пользователей наберите адрес самого проекта и введя данные логин и пароль вы сможете просто нажимать на рабочей страницы сайта на карандаш и модуль будет открываться для редактирования.

2020 02 18 19 03 56

Полную настройку и работа с файлами показана не будет, но уроков и так полно у меня на Ютуб канале и в разделе «Создание сайтов». Так что дерзайте и пробуйте. Теперь вы знаете как самому сделать сайт с нуля бесплатно даже если вы полнейший чайник. Не забывайте подписаться и сделать репост статьи. Всех благ -))).

Рейтинг
( 1 оценка, среднее 5 из 5 )
Руслан Галиулин/ автор статьи
Если вы решили чему-то научиться и познать что-то новое в сфере заработка в интернете и построении бизнеса, то вы на правильном пути, и мой блог — Вам в помощь.
Понравилась статья? Поделиться с друзьями:
FIRELINKS.RU
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: