Чтоб работа не грузила, стань фрилансером Work-Zilla

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

Как создать свой сайт Создание сайта
📄 Содержание
Процесс создания сайта — интересное и несложное занятие. Но многие считают наоборот, чтобы сделать сайт самому нужно быть хорошим программистом и знать «кучу всего». И да, и нет! На самом деле все гораздо проще. С помощью современных онлайн инструментов можно создать качественный проект и извлекать из него прибыль. Нужно лишь немного терпения и вникнуть в этот процесс.

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

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

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

В данном руководстве будет подробно расписан процесс развития проекта с нуля: мы рассмотрим способы создания сайтов, их преимущества и недостатки и сделаем сайт в надежной хостинг-компании Регру. Но обо всем по порядку.

Зачем нужно делать свой сайт?

Для чего нужно делать сайт? Причины и цели у всех разные, большинство интернет-пользователей создают вебсайты чтобы:

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

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

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

Создать сайт в Regru

Термины и их определения

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

Термины и определения

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

  • Сайт — если говорить простым языком, то это электронный документ, который содержит различную информацию (текст, графику, файлы) и в некотором смысле напоминающий Microsoft Word. Как правило, документы одного веб-ресурса (разделы и страницы) имеют общий адрес, именуемый доменом. Сайты могут быть статическими и динамическими;
  • Статический сайт — состоит из неизменяемых html-страниц (например — изображения, текст, ссылки, фотогалереи), чтобы отредактировать информацию на странице, нужно самостоятельно (вручную) внести изменения в код страницы. Не требовательны к ресурсам хостинга, шустро работают и загружаются;
  • Динамический сайт — прежде, чем отобразить содержимое страницы в браузере, она предварительно обрабатывается на сервере, а затем отдается браузеру пользователя. В динамике нуждаются интернет-магазины, форумы, проекты с интерактивными функциями (регистрации, комментарии и прочие возможности). В качестве примера можно привести соцсеть Вконтакте — vk.com;
  • Домен — имя сайта, которое вы видите в адресной строке браузера (например, easy-jobs.ru). Домены делятся на уровни, обычно это доменное имя второго — mojsait.ru или третьего уровня — forum.mojsait.ru;
  • Сервер — специальное вычислительное оборудование, наподобие компьютера, только имеющее гораздо бОльшие вычислительные мощности;
  • Хостинг — услуга по размещению на сервере информации для бесперебойного доступа (365/24/7). Другими словами, это место для хранения и обслуживания сайта в интернете с круглосуточным доступом для пользователей;
  • Регистратор доменных имен — уполномоченная (аккредитованная) организация, которая регистрирует домены в общем реестре (базе) и продлевает их срок действия. Также, регистраторы могут предлагать услуги хостинга и аренды серверов;
  • CMS — аббревиатура расшифровывается как Content Management System (движок или система управления сайтом). С ее помощью вы с легкостью будете редактировать ваш сайт, наполнять новой информацией, изменять имеющуюся, создавать разделы и страницы, рубрики и подрубрики, добавлять и перемещать информационные блоки веб-ресурса. Обычно CMS нужно установить (развернуть) на хостинге, чтобы начать ее использовать. Наиболее популярные и бесплатные движки — Joomla, WordPress, Drupal и другие;
  • Конструктор сайтов — по сути, это та же CMS, только чаще позиционируется как бесплатное и готовое к использованию онлайн решение для самостоятельного создания сайта полностью с нуля. Как правило, конструкторы снабжены различными темами для красивого оформления web-ресурсов.

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

Способы создания сайтов: плюсы и минусы. Какой способ выбрать?

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

Способы создания сайтов

Способ 1. Самостоятельно сделать (разработать) сайт с нуля

Самостоятельно, полагаясь только собственные силы, разработать сайт с нуля (дизайн, движок, макет, модули и прочее), а для этого вам придется досконально изучить нужную литературу (HTML, CSS, JavaScript, PHP), что очень затратно по времени, ведь в одном лице вам нужно стать программистом, дизайнером, верстальщиком.

Плюсы:
  • можно сделать полностью самому качественный сайт и к тому же бесплатно
  • вы станете профессионалом своего дела
  • на сайтостроительстве можно зарабатывать приличные суммы денег
Минусы:
  • нужно потратить уйму времени на изучение книг и проработку материала на практике

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

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

  • Бесплатный курс по HTML и CSS для начинающих (подписка);
  • Бесплатные уроки по созданию Интернет-магазина с нуля (подписка);
  • JavaScript, jQuery и Ajax с Нуля до Гуру;
  • HTML5 и CSS3 с Нуля до Гуру;
  • Бесплатный курс по основам PHP (подписка);
  • PHP и MySQL с Нуля до Гуру v.2.0;
  • React JS, Redux, ES2015 с Нуля до Гуру;
  • Курс по вёрстке сайта с нуля v.2.0;
  • Бесплатный курс по созданию движка на PHP для начинающих (подписка);
  • Создание профессионального движка на PHP и MySQL v.2.0;
  • Создание профессионального Интернет-магазина на PHP и MySQL;
  • Создание и продвижение лендинга под ключ.

Пошаговый практический курс от Василия Блинова: Как создать сайт и зарабатывать на нем более 20 тысяч рублей в месяц?

Курс по созданию сайта от Василия Блинова

Способ 2. Заказать сайт у веб-студии или фрилансера

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

Читайте также: Что такое фриланс и кто такие фрилансеры?

Например, заказать сайт можно у веб-студии IT-палитра, а фрилансера поищите на FreeLance.

Плюсы:
  • за вас все сделают другие, вам не понадобится изучать тонкости сайтостроения и вы можете заниматься своими делами
  • у вас будет профессионально созданный проект с уникальным дизайном
Минусы:
  • это ударит по карману, профессиональный веб-сайт обойдется не дешево (у студии это порядка 50—100 тысяч рублей), вариант подходит только для серьезных проектов, рассчитанных на долгую жизнь в интернете
  • если понадобится вносить изменения, то снова придется платить

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

Способ 3. Создать сайт с помощью бесплатных онлайн конструкторов

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

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

Посмотрите эту страничку, на которой вы найдете лучшие бесплатные онлайн конструкторы сайтов с описанием и скриншотами.

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

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

Способ 4. Регистрация домена, оплата хостинга и установка CMS

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

Плюсы:
  • вы полностью будете владеть собственным вебсайтом с доменным именем второго уровня вида мойсайт-ру
  • благодаря CMS его можно видоизменять при необходимости и наполнять контентом, другими словами, вы станете самостоятельно «рулить» своим проектом
  • отсутствие копирайтов и ненужной рекламы на своем сайте
  • и другие преимущества (например, настройка веб-сервера по своему усмотрению, бесплатная почта для домена, круглосуточная техподдержка и еще масса полезностей)
Минусы:
  • нужно оплатить регистрацию домена и ежегодно проплачивать продление, а также заплатить за хостинг (где-то 100—300 рублей в месяц, в зависимости от тарифа)
  • придется изучить движок, который будете использовать, но много времени это не займет (3—5 дней и вы в деле)

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

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

И еще! Чаще начинающие вебмастера имеют желание создать свой web-сайт простым способом, не вникая в технические аспекты. Однако, знание основ хотя бы HTML и CSS будет плюсом. Вы всегда сможете его модернизировать по своему усмотрению, например, править шаблон, добавить какую-нибудь красивую «фишку», которая придаст вашему вебсайту уникальности и неповторимости. Вероятно, так и произойдет… со временем. Вы начнете изучать техническую сторону сайтостроения, а на сегодняшний день пусть это будет вашими планами на будущее.

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

Пошаговая инструкция по созданию сайта на платном хостинге от Регру

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

Пошаговый план для создания сайта

Подготовительный этап: регистрация в Регру

Создание сайта на хостинге от Регру

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

Регру предоставляет услуги по размещению сайта в интернете в одном сервисе: регистрация доменов, хостинг, сервера, конструкторы, SSL-сертификаты, почта, защита сайтов и многое другое. Узнать больше о компании РЕГ-РУ вы можете по этой ссылке.

Создать сайт в Regru

Промо-код на 5% скидку на услуги от Регру: 6189-DC7A-1575-6678

Теперь переходим непосредственно к пошаговой инструкции.

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

  1. Выбор тематики для сайта (о чем будет ваш сайт?);
  2. Домен для сайта (как придумать имя, проверить и зарегистрировать);
  3. Заказ хостинга, выбор панели управления и делегирование домена;
  4. Выбор и установка CMS для сайта (какой движок поставить, рекомендации).

Шаг 1. Выбор тематики для сайта

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

Выбор тематики для сайта

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

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

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

Если с тематикой решили вопрос, то переходим к следующему шагу инструкции.

Шаг 2. Домен для сайта (как придумать имя, проверить на занятость и зарегистрировать?)

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

Создаем имя для сайта

2.1. Придумать имя сайту. Рекомендации

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

  1. Доменное имя должно быть простым, запоминающимся и, по возможности, коротким — до 7—10 символов и соответствовать тематике веб-ресурса (но не обязательно), например, для web-сайта автомобильной направленности — «auto.ru» (4 символа без учета зоны .ru), «mir-auto.ru» (8 символов), «autoshop24.ru» (10 символов) и так далее;
  2. Для блогов многие любят использовать в названии свою фамилию на транслите — «pupkin.ru»;
  3. Допускается использовать дефисы и цифры, как на приведенных выше примерах, а можно даже так — «auto-shop-24.ru», только красивости это не добавит. Такой прием целесообразно использовать при уже занятом домене;
  4. Определите целевую аудиторию сайта, то есть национальную зону домена, например, для России — mojsait.ru, для Казахстана — mojsait.kz, для Украины — mojsait.ua, либо используйте домен общего назначения — mojsait.com, смысл думаю вам понятен;
  5. Желательно отказаться от использования в названии имени кириллических символов, вроде мойсуперсайт.рф;
  6. Используйте английские слова, а не транслит русского. Например, какое имя лучше смотрится, так — «autoshop.ru» или так — «avtomagazin.ru»?;

Осталось проверить, не занят ли домен и зарегистрировать его.

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

Проверьте доменное имя на занятость на этой странице Регру и если оно свободно — регистрируйте. Или кликните по кнопке ниже.

Создать сайт в Regru

Как быть, если домен занят? Не исключено, что может случиться так — придумал красивое имя, а оно уже занято и снова «ломай» голову. В таком случае «поиграйтесь» немного — дополнительно используйте подходящие по смыслу слова-приставки (good-, fast-, pro- и другие), дефисы и цифры.

Если все же самому трудно придумать имя сайту, то сгенерируйте его здесь: Namegenerator.

Подробная статья о том, как зарегистрировать домен. Посмотрите ее, если здесь что-то не понятно.

Шаг 3. Покупка хостинга. Выбор панели управления. Делегирование домена

На этом шаге заказываем хостинг для сайта и прописываем DNS.

Хостинг для сайта

3.1. Покупка хостинга: выбор подходящего тарифного плана

После успешной регистрации доменного имени покупаем хостинг с подходящим для вас по стоимости тарифным планом. Актуальную информацию по ценам смотрите на сайте Регру в разделе «Хостинг и серверы».

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

Рекомендация: выбирайте тариф не ниже «Host-0», поскольку у него есть поддержка языка PHP, который нужен для установки популярных движков WordPress и Joomla (о выборе CMS мы поговорим в следующем шаге).

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

3.2. Выбор панели управления хостингом

Панель управления хостингом выбирайте любую. Предлагаются варианты: Parallels Panel, ISP Manager, cPanel (популярностью пользуется панель ISP Manager, но лично мой выбор — Parallels Panel из-за поддержки конструктора WPB).

3.3. Делегирование домена: прописываем DNS-серверы

Делегирование домена — достаточно простая процедура, которая заключается в прописывании (указании) DNS-серверов хостинг-провайдера Регру и делается это в вашем личном кабинете.

Порядок действий:

  1. авторизуйтесь на сайте Reg-ru;
  2. перейдите в раздел «Мои домены» в личном кабинете;
  3. из списка выбираете домен, для которого требуется указать DNS-сервера;
  4. на открывшейся странице жмете ссылку DNS-серверы;
  5. теперь необходимо указать пару DNS-серверов (NS1 и NS2) и нажать кнопку Сохранить.

Какие NS’ки нужно указать? Для виртуального хостинга сайтов (только не_копируйте, а наберите вручную):

  • NS1ns1.hosting.reg.ru
  • NS2ns2.hosting.reg.ru

Если вы заказали VPS или выделенный сервер, то NS будут другими (подробнее на Регру). Но, как правило, большинству пользователей хватает обычного виртуального хостинга.

Вот и все! Осталось подождать пока изменения вступят в силу (примерно в течение одних суток). Не дожидаясь изменений можно приступить к установке CMS.

Подробная статья о том, как купить хостинг в Регру со всеми тонкостями и нюансами.

Шаг 4. Выбор и установка CMS (движка) на хостинг

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

4.1. Выбираем движок для сайта

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

Сделать сайт самому в WPB

Конструктор Web Presence Builder (WPB) — очень простое в использовании и функциональное веб-приложение для создания и управления сайтов любой сложности, с которым разберется любой новичок за пару часов. Конструктор снабжен обучающим видеороликом.

Конструктор WPB доступен только на хостинге с панелью управления Parallels Panel, которую мы выбирали на шаге «3.2».

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

Какой сайт можно создать с помощью WPB?

  • сайт-визитку;
  • интернет-магазин;
  • простой статический сайт.

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

Сделать сайт самостоятельно в WordPress

WordPress — популярная и широко распространенная бесплатная CMS, чаще используется для ведения блогов, новостных сайтов и интернет-магазинов. Для установки требуется поддержка тарифным планом языка PHP (минимальный тариф «Host-0» и выше).

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

  • WordPress 5 с Нуля до Гуру (платный курс);
  • Пример создания сайта на WordPress 5 (бесплатная подписка на курс).

Какой сайт можно сделать на Вордпресс?

  • интернет-магазин;
  • форум;
  • доску объявлений;
  • новостной сайт;
  • личный блог;
  • портал недвижимости;
  • сайт-визитку;
  • лэндинг страницу.

Создаем профессиональный сайт в Joomla

Joomla — на этом движке можно с нуля делать профессиональные сайты любой сложности (от персональных страничек до информационных порталов). Джумла более требовательна к ресурсам хостинга нежели WordPress, после установки (нужен тариф «Host-0» и выше) вы получите стандартный набор функций, который можно расширять и настраивать по мере необходимости. Установка также осуществляется автоматически с минимальным участием пользователя.

  • Joomla 3 с Нуля до Гуру (платный курс);
  • Сайт на Joomla за 7 часов (бесплатная подписка на курс).

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

Рекомендации по выбору CMS:

  1. Если вам нужен простой статический сайт с легким и понятным управлением и объемом не более 500 страниц, то выбирайте конструктор Web Presence Builder;
  2. Если вы планируете создать и вести свой блог, то устанавливайте Вордпресс;
  3. Если нужен сложный профессиональный проект, то ставьте Джумлу.

4.2. Как установить движок?

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

Итак, зайдите (авторизуйтесь) в панель управления хостингом Parallels Panel (если выбрали ее на этапе «3.2.»):

  • Для установки конструктора WPB во вкладке «Сайты и домены» кликните по кнопке Установить_Presence_Builder (рядом с доменным именем);
  • Чтобы поставить Вордпресс или Джумлу необходимо перейти во вкладку «Приложения» и установить нужную вам CMS.

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

Подробнее про установку CMS на хостинг.

Итог: что было сделано для создания сайта?

Подведем итоги. Итак, какие действия мы сделали, чтобы самостоятельно создать свой сайт?

  1. Определились со способом создания сайта и выбрали самый популярный — сайт на платном хостинге;
  2. Зарегистрировались у надежной компании Регру;
  3. Придумали доменное имя и зарегистрировали его;
  4. Купили хостинг, определились с панелью управления и прописали DNS для домена;
  5. Установили бесплатный движок.
Создать сайт в Regru

Что делать с сайтом дальше?

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

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

Если будут вопросы, то оставляйте их в комментариях.

Книга «Создание сайта от начала и до конца»

Книга - Создание сайта ОТ и ДО

Первая книга в Рунете, в которой описывается полный цикл создания сайта: от дизайна до размещения в Сети интернет!

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

Начните изучать сайтостроительство уже сегодня!

Получить книгу бесплатно!

Оцените статью
( 6 оценок, среднее 4.17 из 5 )
Easy Jobs
Добавить комментарий

Нажимая на кнопку "Отправить комментарий", я принимаю Политику конфиденциальности и Пользовательское соглашение.