WEB-технологии Как создать свой сайт бесплатно с нуля

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

Приветствуем вас, дорогой друг! На связи основатели бизнес-журнала ХитёрБобёр.ru Александр Бережнов и Виталий Цыганок.

В этой статье мы поделимся своим опытом создания сайтов. Сами создавали сайты на протяжении 3-х лет. За это время мы самостоятельно разработали около 30-ти Интернет-проектов различной сложности, а начинали с полного нуля.

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

Из статьи вы узнаете:

  • Как самому бесплатно создать свой сайт в Интернете с полного нуля?
  • Что такое домен, хостинг, CMS-платформа, конструктор сайтов, в чем их разница и как выбрать подходящий?
  • Как сделать прибыльный сайт и зарабатывать на нем деньги?

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

Как создать свой сайт - инструкция для новичков с примерами

1. С чего начинается создание любого сайта

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

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

Глобально все цели можно подразделить на две категории:

  1. Коммерческая цель создания сайта (в 95% случаев);
  2. Некоммерческая цель создания сайта.

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

К коммерческим целям создания сайта можно отнести:

  • продажу товаров и услуг;
  • личный и политический PR;
  • информирование целевой аудитории с целью извлечения прибыли в дальнейшем;
  • создание положительного имиджа для коммерческой компании;
  • создание сайтов по бартеру;
  • бесплатную разработку Интернет-проектов в качестве бонуса к уже оказанным услугам (проданным товарам);
  • изготовление сайтов под заказ.

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

Определяем задачи, которые должен решать сайт

Далее, что вам нужно сделать, выбрать тип сайта.

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

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

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

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

Дизайн сайтов

Задачи, которые помогает решить сайт:

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

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

2. Виды сайтов

Уважаемый читатель, обращаем ваше внимание на то, что все виды сайтов имеют схожие черты и это деление весьма условно.

Однако, все специалисты по созданию сайтов или так называемые веб-мастера оперируют этими терминами (названиями видов сайтов) в своей работе и вам необходимо понимать о чем идет речь.

1) Сайт-визитка

Это самый простой и недорогой сайт. Обычно состоит из нескольких страниц (3-5) и содержит следующие разделы:

Основные разделы сайта-визитки

  • О компании;
  • Услуги и цены;
  • Отзывы клиентов;
  • Контакты.

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

Стоимость создания сайта-визитки: от 100$.

2) Корпоративный сайт

Это «навороченный» сайт-визитка с расширенным объемом информации, существенно большим количеством страниц и разделов.

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

Основные разделы корпоративного сайта

  • О компании
    • История
    • Руководство
    • Планы и перспективы
  • Бренды
  • Новости
  • Каталог продукции
  • Наши услуги
    • Для частных лиц
    • Для организаций
  • Вакансии
  • Контакты

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

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

Стоимость разработки корпоративного сайта начинается от 500$.

3) Интернет-магазин

Название этого типа сайта говорит само за себя. Он продает товары.

Одни интернет-магазины принимают оплату прямо через сайт. Посетителю достаточно иметь электронные деньги (Webmoney, Яндекс.Деньги, Qiwi) или средства на пластиковой карте Visa, MasterCard.

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

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

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

Стоимость создания Интернет-магазина: от 1 000$.

4) Новостной сайт

Как сделать свой новостной сайт и в чем его особенности?

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

Новости — один из самых популярным форматов подачи контента в Интернете.

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

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

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

  • «Вчера в Ростовской области было найдено НЛО»;
  • «В Москве прошел ежегодный бизнес-форум»;
  • «Российский спортсмен завоевал золотую медаль на чемпионате мира по борьбе»;
  • «Школьник из Перми придумал изобретение стоимостью 1000 000 долларов»;
  • «Президент Франции провел встречу с фермерами».

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

Другие новостные сайты пишут обо всем подряд с целью охвата максимальной аудитории.

Стоимость разработки новостного сайта: от 700$.

5) Информационный SEO-сайт

Как и предыдущий тип сайта, информационный SEO-сайт предоставляет людям информацию, но не новостного характера, а практического.

Приставка «SEO» указывает на способ привлечения посетителей на сайт.

SEO (от англ. Search Engine Optimisation) - это комплекс мероприятий, направленных на продвижение ваших материалов (статей, видео, фото) на верхние строки выдачи в поисковых системах.

Дословно термин SEO с английского переводится как «Оптимизация поискового продвижения».

Информационный сайт такого плана можно легко узнать по заголовкам статей, которые на нем размещены.

Практически все они будут начинаться с вопросительных слов, например:

  1. Как правильно печь пирожки?
  2. Где взять денег?
  3. Как накачать спустившееся колесо на автомобиле?
  4. Как заработать школьнику в Интернете?

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

И такой трафик как правило более стабилен, чем на новостных сайтах.

То есть, если новости перестанут выходить на новостном сайте, то через несколько дней его посещаемость может упасть в несколько раз, а качественному информационному SEO-сайту это не грозит. Ведь он содержит материалы на темы, которые будут актуальны во все времена.

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

Именно по этой причине посещаемость SEO-сайтов намного более устойчива, чем новостных.

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

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

Стоимость создания: от 300$.

6) Web-портал

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

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

Типы сайтов

На городских веб-порталах почти всегда присутствуют следующие разделы:

  • Работа;
  • Товары и услуги;
  • Недвижимость;
  • Авторынок.

Такой тип сайта призван создать единое информационное пространство, объединенное общей территорией (город, край) или темой (компьютеры, финансы, строительство).

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

Стоимость разработки: от 3 000$.

7) Одностраничный сайт (Landing Page)

Если вы продаете небольшое количество товаров в Интернете или оказываете одну конкретную услуг, то Langing Page подойдет вам больше всего.

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

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

Главное правило при создании Лэндинга

Один сайт = один товар (услуга)

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

Крем для похудения «Стройняшка» или тренажер для накачки пресса «Стальное брюхо»

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

Цена за создание такого сайта у хороших специалистов начинается от 400$.

8) Блог


Блог — это онлайн дневник одного человека (автора блога), реже нескольких человек (групповые блоги).

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

Чаще всего блог создается для следующих целей:

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

Блог можно создать как на бесплатной блог-платформе например на livejournal.com или blogger.com, так и на отдельно стоящем домене, например, как наш сайт ХитёрБобёр.ru. Такие блоги называются «стенд элоны» (standalone) от английского «отдельно стоящие», то есть расположенные на собственном отдельном домене без привязки к блог-платформе.

Сделать свой блог можно даже без помощи программистов и дизайнеров, но даже если вы обратитесь к ним за помощью, то за 50 — 100$ вы станете счастливым обладателем персонального онлайн-дневника.

9) Форум


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

Например, сайты женской тематики часто содержат форумы со следующими темами для обсуждения:

  • семья и дети;
  • любовь и секс;
  • работа и карьера;
  • мода и стиль;
  • красота и здоровье.

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

За создание сайта-форума у вас запросят от 300$ до 1 000$ в зависимости от дизайна и функционала.

10) Интернет-сервис

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

Яркими примерами Интернет-сервисов являются:

  • почтовые e-mail рассылки;
  • СМС-рассылки;
  • прием платежей всеми удобными способами;
  • ипотечный калькулятор;
  • навигатор по городу;
  • сервисы анализа позиций конкурентов в поисковой выдаче Яндекс и Google;
  • сервисы бирж удаленной работы.

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

3. Как понять, какой вид сайта подходит в Вашем случае

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

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

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

Например, если вы хотите продавать много товаров и принимать оплату через сайт, то вам нужен Интернет-магазин. Если вы нацелены зарабатывать, продавая рекламу на своем посещаемом ресурсе, тогда ваш выбор — информационный SEO-сайт. О том, как заработать на своем сайте, мы писали в отдельной статье, основанной на собственном опыте.

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

  1. Продажа информационных товаров. Вы собираетесь заниматься созданием обучающих курсов и продавать их у себя на сайте;
  2. PR личного бренда. Вы хотите получить широкую узнаваемость у вашей целевой аудитории или просто заявить о себе широкому кругу лиц;
  3. Заработок на рекламе на сайте (размещение баннеров, продажа платных постов и т.д.). Сделать своей проект и зарабатывать на размещении рекламы — отличная идея для трудолюбивых и предприимчивых людей.

В этом случае, вам следует выделить ОДНО приоритетное направление (тип сайта) и создавать проект в соответствии с ним.

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

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

4. Техническая часть сайта — главные составляющие и принципы работы

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

4.1. CMS-платформы и конструкторы сайтов

CMS (от англ. Content Manegment System) — система управления сайтом. Еще ее называют «движок сайта».

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

Как выбрать CMS-платформу?

При выборе CMS-платформы нужно опираться на цель создания сайта. Разные платформы подходят для разных целей.

Также все CMS-движки можно разделить на 2 типа: платные и бесплатные.

1) Бесплатные CMS-платформы

Среди популярных и бесплатных на сегодня CMS можно выделить следующие:

  • WordPress — идеален для создания блогов, подходит для создания сайтов-визиток, корпоративных сайтов. Даже сайт, на котором вы сейчас находитесь (ХитёрБобёр) тоже создан на этой CMS.
  • Joomla — многофункциональна. Можно создать как простую сайт-визитку, так и корпоративный сайт и даже интернет-магазин;
  • InstantCms — идеальна для создания социальных сетей, городских порталов, сайтов знакомств и онлайн-клубов;
  • Drupal — ещё одна популярная CMS. Подходит для создания корпоративных сайтов, сайтов-визиток, сайтов с личным портфолио, соц. сетей и интернет-магазинов;
  • OpenCart — идеальна для создания интернет-магазинов. Проста в использовании, но сложна в разработке. Для создания интернет-магазина на этом движке потребуется профессиональный программист, хорошо разбирающийся в php коде;
  • phpBB — идеален для создания форумов.

Бесспорным лидером среди всех CMS является WordPress (около 55% всех сайтов, созданных на движках, создаются именно на Вордпрессе). И наш выбор тоже остановился именно на этом движке. За 3 года мы сделали около 30 различных сайтов (сайты-визитки, корпоративные сайты, сайты-порталы) и 95% из них были созданы на этом движке.

2) Платные CMS-платформы

Среди платных CMS-платформ можно выделить следующие:

  • 1С-Битрикс — профессиональная система управления Web-сайтами, подходит практически для любых типов сайтов. Среди главных преимуществ можно выделить простое управление сайтом, высокую производительность, интеграцию с 1С (что очень важно, если у вас Интернет-магазин), а также широкие возможности по мобильному администрированию сайта и простой разработке мобильных приложений под iOS и Android;
  • UMI.CMS — ещё один достойный игрок на рынке платных движков. Главный лозунг «Удобство для людей». Имеет более 500 готовых шаблонов для всевозможных решений с возможностью «докрутки» под себя. Также 2 500 разработчиков будут рады помочь вам создать сайт и дошлифовать под ваши цели;
  • osCommerce — платное решение для создания Интернет-магазина с большими функциональными возможностями.

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

3) Конструкторы сайтов

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

Давайте дадим определение конструктора сайта.

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

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

Ниже мы приводим список популярных сервисов-конструкторов:

  1. Wix — популярный зарубежный конструктор, который помогает разработать web-проект на профессиональном уровне.
  2. uKit — позволяет создавать сайты с последующим эффективным seo-продвижением, имеет интуитивно понятный интерфейс и подробную аналитику.
  3. Jimdo — большой выбор готовых шаблонов, тонкая настройка параметров и отсутствие навязчивой рекламы. Есть возможность загрузки собственного шаблона.
  4. Flexbe — Флексби создан для быстрого создания лэндингов и сайтов-визиток высокого качества. Вам не потребуется программист, а расширенный функционал позволит быстро создать сайт нужного типа.
  5. LPgenerator — профессиональная платформа создания и оптимизации посадочных страниц (лэндингов). Подходит для крупного, среднего и малого бизнеса.

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

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

CMS-платформа или конструктор сайта — что лучше выбрать?

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

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

Преимущества и недостатки создания сайта на конструкторе:

Сравнительная характеристика Сайты, созданные на конструкторе Сайты, созданные самостоятельно
1 Простота создания Просто Сложно
2 Возможность редактирования исходного кода Нет Есть
3 Возможность продвижения в поисковых системах Есть трудности и нюансы Полная свобода
4 Гибкость в настройках дизайна и функционала Ограничена Не ограничена
5 Возможность использовать домен второго уровня Не всегда В любом случае
6 Возможность «изъять» сайт из Интернета или перенести сайт на другой хостинг Нет Есть

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

4.2. Домен

Давайте дадим определение.

Домен — это имя сайта, или по-другому это адрес вашего сайта в сети Интернет.

Например, домен hiterbober.ru

Как видите, доменное имя сайта состоит из двух частей:

  1. Самого названия «hiterbober»
  2. Зоны, в которой он находится «.ru» (указывается после имени домена через точку).

Зона домена в зависимости от страны или назначения сайта может быть разной:

  • .рф — Российская Федерация;
  • .ru — формат русскоязычного сегмента Интернета;
  • .biz — сайты бизнес-тематики;
  • .com — коммерческие сайты;
  • .info — информационные сайты;
  • .net — проекты, связанные с Интернетом.

Если большинство вашей потенциальной аудитории находится в России, то мы рекомендуем регистрировать домен в зоне (.ru). Тогда ваш сайт будет проще продвигаться в поисковых системах (так называемое SEO-продвижение).

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

  • hiterbober.ru — домен второго уровня;
  • shop.hiterbober.ru — домен 3-го уровня (или поддомен).

Как выбрать домен?

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

  • Оригинальность и легкозапоминаемость. Не стоит регистрировать домен с уже заезженными фразами, такими как «masterinfobiz», «biznespro», «guru-master» и т.д. Проведите мозговой штурм, придумайте не менее 50 различных вариантов (желательно 100), и выберите самый лучший. Помните, что как корабль назовешь, так он и поплывет;
  • Длина до 12 символов. Не рекомендуем использовать в названии домена более 12-15 символов. Помните, краткость — сестра таланта. Чем короче будет ваш домен, тем проще будет его запомнить и набрать на клавиатуре;
  • Легко набрать на латинице. Идеальный пример — наш домен hiterbober.ru. Каждая буква домена одинаково звучит как на русском языке, так и на английском. Нет сложных букв, таких как «Ж», «Щ», «Ю», «Ы» и т.д.;
  • Отсутствие знаков «тире» в домене. Желательно, чтобы в названии домена не было тире. Этот момент не является критичным, но если вы будете выбирать между названиями «megadomen.ru» и «mega-domen.ru», то лучше остановиться на «megadomen.ru».

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

Для того, чтобы проверить свободно ли имя сайта, воспользуйтесь сервисом www.nic.ru.

4.3. Хостинг и хостер

Чтобы ваш сайт стал доступен для всех пользователей в Интернете, кроме доменного имени вам нужно ещё выбрать хостера и приобрести у него услугу «Хостинг».

Хостер — это компания, которая предоставляет услуги по размещению сайтов в Интернете.

Хостинг — это услуга хостер-компании по размещению вашего сайта в Интернете.

Все сайты, которые доступны в сети, где-то располагаются. Это логично. А находятся они (их файлы) на жестких дисках серверов (мощных компьютеров) специальных компаний — хостеров.

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

Чем более крупный и посещаемый сайт вы создали, тем дороже стоит его размещение у хостинговой компании (аренда места под сайт).

Стоимость предоставления услуги хостинга может стоить от 50 рублей до 15 000 рублей в месяц.

Большинству сайтов не требуется дорогой и мощный сервер.

Так, если у вас сайт с посещаемостью до 1000 человек, то стоимость предоставления услуги хостинга составит примерно 100 рублей в месяц.

Если посещаемость вашего сайта будет от 5000 до 10000 человек в сутки, в этом случае стоимость хостинга будет колебаться в пределах 800 — 1 500 рублей в месяц (12 — 25$).

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

Стоимость выделенного сервера может начинаться от 2 500 рублей в месяц и выше в зависимости от конкретной ситуации.

Как выбрать хостинг?

Основные критерии, на которые нужно обращать внимание это:

  1. Стабильность работы. Ваш хостинг должен работать без перебоев 24 часа в сутки, 7 дней в неделю. В противном случае вы будете терять репутацию у посетителей, доверие со стороны поисковых систем и деньги, если ваш сайт создан с коммерческой целью.
  2. Удобство интерфейса. Когда вы входите в личный кабинет, то вся панель управления должна быть для вас интуитивно понятна. Вы должны видеть доступные на балансе средства и быстро использовать все функции хостинга.
  3. Хорошая служба поддержки (на русском языке). Некоторые пользователи выбирают иностранные компании для размещения своего сайта в Интернете. Иногда это не совсем удобно, так как служба поддержки и весь интерфейс работаю на английском. Быстрая и надежная служба поддержки очень важна в случае возникновения сбоев в работе сайта и их оперативного устранения.
  4. Стоимость услуг. Это один из наиболее важных параметров, особенно в случае, если вы выбираете хостинг для размещения сайта с высокой посещаемостью. Там стоимость может варьироваться от 20 до 100 долларов в месяц и выше. Также стоимость услуг хостинга актуальна для начинающих веб-мастеров, ведь как правило их бюджет ограничен.

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

Лично мы для всех своих сайтов используем хостинг компании TimeWeb. В принципе очень довольны данным хостером — удобная админ-панель, отзывчивая служба поддержки, быстрая скорость загрузки страниц, оптимальные цены.

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

На Таймвебе у нас размещены все сайты, которые мы сделали за 3 года и наш основной проект ХитёрБобёр.ru.

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

В одной из наших прошлых статей мы описали свою историю о том, как зарабатывать на создании сайтов под заказ. Изучив этот материал, вы поймете, как можно открыть web-студию с нуля прямо на дому и зарабатывать на этом от 500$.

5. Как создать свой сайт бесплатно с нуля — 7 простых шагов

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

Конанда web-мастеров

Шаг 1. Определяем цель создания сайта и его задачи

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

Напомним, что к основным задачам сайта относятся:

  • формирование положительного имиджа компании (человека);
  • продажа товаров (услуг);
  • информирование о предстоящих событиях (анонсирование);
  • размещение новостей;
  • помощь в принятии решения пользователем (в случае, если пользователь пришел на сайт сравнить цены, условия и другие характеристики “продукта”);
  • предоставление онлайн-услуг: Интернет-банк, онлайн-калькулятор, автоматизация рассылки писем.

Шаг 2. Определяем вид сайта и выбираем движок

На основе задач, которые стоят перед сайтом, вы выбираете его вид. Все типы сайтов, подробно мы описали выше.

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

Вид сайта Бесплатный движок Платный движок Конструктор
1 Сайт-визитка WordPress, Joomla 1С-Битрикс, UMI.CMS Wix, uKit, Jimdo
2 Корпоративный сайт WordPress, Joomla, Drupal 1С-Битрикс, UMI.CMS Wix, uKit, Jimdo
3 Интернет-магазин OpenCart, Joomla 1С-Битрикс, osCommerce Wix, uKit, Jimdo
4 Новостной сайт WordPress, Joomla, Drupal 1С-Битрикс, UMI.CMS Wix, uKit, Jimdo
5 Информационный SEO-сайт WordPress
6 Web-портал Joomla, Drupal 1С-Битрикс, UMI.CMS
7 Одностраничный сайт (Landing Page) Простой HTML,
Adobe Muse
UMI.CMS Flexbe, LPgenerator
8 Блог WordPress
9 Форум phpBB
10 Интернет-сервис индивидуальное решение

Выбираем подходящее решение и переходим к следующему шагу.

Шаг 3. Подготавливаем материалы для наполнения

Теперь вы должны подготовить все необходимые материалы для создания своего сайта:

  • тексты (статьи, описание вашей деятельности);
  • фото (портфолио, примеры, иллюстрации);
  • видео (промо-ролики, интервью);
  • файлы для скачивания (прайс-листы, презентации, документы).

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

У 99% желающих обзавестись своим Интернет-ресурсом просто не из чего его делать!

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

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

Обратитесь к знакомым или найдите таких профессионалов на сайтах work-zilla.com и fl.ru.

Вы же хотите, чтобы ваш проект выглядел и функционировал достойно на фоне ваших конкурентов, не так ли?!

Шаг 4. Разрабатываем прототип и дизайн

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

Прототип сайта — это предварительный графический макет, полностью передающий основные смыслы и структуру будущего сайта.

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

Например, вот таким образом выглядит прототип сайта типа «Landing Page»:

Прототип сайта

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

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

После прорисовки прототип этот же сайта выглядит так:

Готовый дизайн по прототипу

Отрисовка сайта выполняется в программе Adobe Photoshop. После этого у вас «на руках» появляется psd-файл с дизайном вашего сайта. Теперь сайта готов к верстке.

Шаг 5. Верстаем сайт на локальном компьютере

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

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

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

Программист может решить следующие задачи в рамках создания Интернет-проекта:

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

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

Также вы можете самостоятельно сверстать свой сайт, но для этого вам необходимо владеть навыками HTML и CSS.

Для справки

  • HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки»). Основной язык разметки при создании сайтов.
  • CSS (от англ. Cascading Style Sheets — каскадные таблицы стилей). Язык гипертекстовой разметки, который используется при создании внешнего вида сайта (документа).

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

Программы для создания сайтов, которые облегчат вашу работу:

  1. Notepade ++ — базовый редактор кода, отличная замена стандартному блокноту;
  2. PhpDesigner — профессиональная и удобная программа для создания многофункциональных веб-сайтов;
  3. Adobe Dreamweaver — многофункциональная программа для быстрого создания сайтов с возможностью предпросмотра;
  4. Adobe Muse — удобная программа для создания одностраничных продающих сайтов (Landing Page).
  5. Balsamiq Mockups — удобная программа для разработки прототипа сайта.

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

Шаг 6. Покупаем хостинг и домен

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

Важный момент

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

  • webnames.ru;
  • reg.ru;
  • nic.ru;
  • r01.ru

А можете зарегистрировать домен у компании хостера при покупке хостинга прямо из личного кабинета.

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

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

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

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

Шаг 7. Запускаем сайт

Поздравляем! Вы подошли к финальной стадии.

Запуск сайта предполагает размещение его в Интернете на вашем хостинге и домене. С этого момента все желающие смогут заходить на него, а вы как владелец сайта сможете реализовать свои цели.

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

Обратите внимание

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

Теперь вам осталось продумать, как именно вы будете рекламировать свой сайт и привлекать на него посетителей.

Об этом мы подробно напишем в одной из следующих статей.

6. Правильный путь для начинающего web-мастера

Если вы решили освоить науку сайтостроения и заниматься этим на профессиональной основе, то рекомендуем приобретать знания в такой последовательности:

  1. Основы HTML;
  2. Основы CSS;
  3. Базовые основы PHP.

Если вы хотите делать одностраничные сайты, то изучите Adobe Muse.

Если вы хотите создавать высокопосещаемые информационные сайты или делать Интернет-проекты под заказ, рекомендуем изучить движок WordPress.

При создании сайтов в течение 3-х лет, мы использовали именно этот движок. Имели опыт работы и с другими CMS, но WordPress считаем лучшим и подходящим именно для этих целей.

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

Здесь мы выделили самые популярные вопросы, которые нам задают.

Ответы на вопросы

1. Как выбрать хороших исполнителей сайта?

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

  1. Наличие портфолио из успешно завершенных проектов. Если у команды разработчиков нет реального портфолио (кейсов), значит они или начинающие мастера, либо не совсем честные ребята.
  2. Умение объяснить сложные вещи простым языком. Если на встрече с вами представитель команды (менеджер) “загружает” вас непонятными терминами и приводит примеры сложных для понимания схем, то возможно стоит поискать другую команду.
  3. Официальная регистрация в качестве ИП или ООО. Если компания, в которой вы собираетесь доверить разработку сайта не имеет официальной регистрации, то здесь возможно следующее: это частный мастер и он не работает с крупными клиентами или же опять вы нашли не тех исполнителей.
  4. Наличие собственного сайта. А есть ли у сапожника сапоги? Вы можете представить автомеханика без своего автомобиля или мебельщика со старой мебелью в доме? Наверное, нет. Комментарии излишни.
  5. Положительные отзывы реальных клиентов. Каким именно клиентам сделала сайт команда ваших потенциальных подрядчиков и что они думают о качестве полученных услуг? Побеседуйте с реальными людьми, попросив их контакты у ваших веб-мастеров.

2. Где учат созданию сайтов профессионально?

Этому учат на специальных курсах. Однако, здесь следует понимать, что в процессе разработки сайтов задействуются специалисты из разных областей.

Чаще всего в команду входят:

  • дизайнер;
  • верстальщик;
  • программист;
  • менеджер.

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

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

3. Как научиться основам сайтостроения бесплатно?

Основам сайтостроения бесплатно вы можете сможете обучиться даже на дому.

Если вы планируете обучиться техническим основам, рекомендуем вам изучить бесплатные курсы Евгения Попова по HTML и CSS.

Евгений Попов - курс по HTML

1) Скачать курс «Основы HTML»

Евгений Попов - курс по CSS

2) Скачать курс «Основы CSS»

После изучения основ HTML и CSS вам потребуется зарегистрировать свой хостинг и домен. Также для верстки сайтов вам потребуется знание программы Adobe Photoshop на базовом уровне. Все эти знания вы сможете получить, изучив ещё 2 курса.

Евгений Попов - Домен и хостинг

3) Скачать курс «Домен и хостинг»

Зинаида Лукьянова - 5 шагов к Photoshop

4) Скачать курс «5 шагов к Photoshop»

4. Как создать свой сайт самостоятельно?

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

Сейчас в Интернете есть огромное количество как платной так и бесплатной информации на эту тему. Стоит только воспользоваться Яндексом, Гуглом или Ютубом и ввести соответствующий запрос.

5. Сколько можно зарабатывать на создании сайтов?

Если вы создаете сайты для других людей и зарабатываете на этом, то размер вашей прибыли может составлять от 100$ до 10 000$ в месяц.

Ваш заработок будет зависеть от:

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

Если вы решили сделать сайт (блог) для себя и зарабатывать на нем, как мы на своем сайте ХитёрБобёр.ru, то вам понадобятся знания не только в сайтостроении и даже не столько на этом, сколько в Интернет-маркетинге и SEO.

Как показывает практика, на своем сайте или блоге можно зарабатывать от 50$ до 5000$ и выше в зависимости от посещаемости, темы сайта и способов монетизации (инструментов рекламы), которые принесут вам деньги.

8. Заключение

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

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

А всем, кто хочет зарабатывать на создании сайтов, рекомендуем посмотреть видео известного предпринимателя Михаила Гаврилова по этой теме:

На сегодня у нас всё.

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

Успехов вам и продуктивного обучения!

Рассказать друзьям:

Оцените статью: Очень плохоПлохоУдовлетворительноХорошоОтлично
(10 оценок, средняя: 4,50 из 5)
Loading...

Комментариев к статье: (14)

:-) :-D ;-) :-| [star] [good] [flower] [present] [:-))] [:-|] :00 :000)
  • Николай15 октября 2015 в 08:19

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

    Ответить
  • Сергей24 февраля 2016 в 18:22

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

    Ответить
  • Вадим5 мая 2016 в 14:44

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

    Ответить
  • Евгений5 мая 2016 в 18:40

    Всем привет. Создавать самому сайт, это куча мороки. И не факт что вы сможете самостоятельно создать хороший сайт. Легче купить уже готовый. Можно найти хороший, не дорогой сайт и сохранить свои нервы.

    Ответить
  • Руслан22 июня 2016 в 00:34

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

    Ответить
    • Александр Бережнов22 июня 2016 в 14:00

      Руслан, приветствую. Иллюстрации делал сам в 90% статей, а сейчас заказываем у дизайнера в программе Adobe Photoshop.

      Ответить
  • Игорь22 июня 2016 в 23:17

    Очень интересная статья, да и блог в целом мне очень понравился! Спасибо за статью. Буду читать блог и дальше.

    Ответить
  • Андрей28 июня 2016 в 18:17

    Интересно

    Ответить
  • Надежда3 августа 2016 в 17:26

    Спасибо большое. Материал статьи доступен для понимания даже для такого «чайника» как я! Удачи! [good]

    Ответить
  • Аби13 августа 2016 в 21:41

    Статья классная. Подскажите, какой конструктор подойдет для создания сайта-отзовика и медицинского портала?

    Ответить
  • Дмитрий24 октября 2016 в 22:50

    Да создать свой сайт не так и трудно. Вот только продвинуть его трудновато!

    Ответить
  • владимир5 ноября 2016 в 18:07

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

    Ответить
  • Begim6 декабря 2016 в 15:20

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

    Ответить
  • Алия6 декабря 2016 в 22:56

    спасибо всё было понятно [good]

    Ответить