• • 1.1. Определение тематики будущего сайта и подбор имени
  • 1.2. Выбор домена и хостинг-услуг
  • 1.3. Разработка технической составляющей сайта: как создать свой сайт с нуля или установка движка
  • 1.4. Раскрутка и наполнение сайта
• • 2.1. Целевая аудитория
  • 2.2. Геотаргетинг
  • 2.3. Задачи сайта
  • 2.4. Платформа сайта
• • 3.1. Создание контента
  • 3.2. Разработка дизайна
  • 3.3. Верстка сайта
• • Вопрос №1. Как найти надежных и опытных исполнителей?
  • Вопрос №2. Где можно научиться профессиональному созданию сайтов?
  • Вопрос №3. Можно ли научиться создавать сайты бесплатно?
  • Вопрос №4. Какого заработка можно достичь при создании сайтов?
• 5. Заключение

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

Для того, чтобы разобраться как создать свой сайт, понадобится выяснить, что такое хостинг и домен, научиться использовать технологии HTML и CSS , возможно, даже выучить PHP , JavaScript и MySQL . Требуемый объем знаний определяется сложностью проекта .

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

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

1. «Как создать сайт» - с чего начать

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

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

1.1. Определение тематики будущего сайта и подбор имени

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

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

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

1.2. Выбор домена и хостинг-услуг

Домен - имя сайта, его адрес в Сети, состоящий из двух частей: названия и доменной зоны .

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

Также нужно решить, в какой зоне будет располагаться сайт (.ru , .com и прочее). Это также влияет на скорость появления ресурса в поисковой выдаче.

Для сайтов на русском логично выбрать зону.ru .

Существуют и другие известные зоны, не привязанные к языку или стране:

• .net - сайты, содержимое которых связано с интернетом.
• .biz - проекты, посвященные бизнесы.
• .info - информационные ресурсы.
• .com - коммерческий проект.

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

1. Имя легко запомнить, оно оригинально.
2. Имя просто набирается на латинице. Сложным набор делает наличие шипящих и буквы «Ю».
3. В домене отсутствуют дефисы.

Теперь поговорим о хостинге.

Хостинг - размещение сайта в Сети, услуга, которую предоставляет хостер (хостинг-компания).

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

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

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

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

Обратить внимание стоит на такие составляющие:

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

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

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

1.3. Разработка технической составляющей сайта: как создать свой сайт с нуля или установка движка

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

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

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

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

1.4. Раскрутка и наполнение сайта

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

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

Раскрутка сайта осуществляется двумя путями: самостоятельно или через заказ SEO у профессионалов .

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

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

2. На что стоит обратить внимание при создании сайта?

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

1. целевая аудитория;
2. геотаргетинг;
3. платформа сайта;
4. задачи сайта.

2.1. Целевая аудитория

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

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

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

2.2. Геотаргетинг

Для людей, предлагающих определенные услуги, особенно важно, где именно проживают посетители сайта.

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

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

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

2.3. Задачи сайта

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

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

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

2.4. Платформа сайта

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

Пошаговое руководство

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

После того как веб-мастер определился с задачами сайта, выбрал движок и вид сайта, остается еще три шага:

1. создание контента;
2. разработка дизайна;
3. верстка.

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

3.1. Создание контента

Все содержимое будущего сайта можно разделить на 3 части:

1. текстовая информация;
2. фотографии и изображения;
3. видеозаписи.

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

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

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

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

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

3.2. Разработка дизайна

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

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

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

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

После проработки этих моментов и зарисовки прототипа в «Photoshop» можно приступать к верстке.

3.3. Верстка сайта

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

На этом же этапе сайт приобретает законченный вид:

• добавляется контент;
• проставляются ссылки;
• настраивается функционал сайта.

В конце этого шага ресурс становится полностью готовым к переносу на хостинг и запуску.

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

Для верстки потребуется знание CSS, HTML и использование соответствующих приложений.

Существует множество программ для редактирования и просмотра кода, но для решения большинства задач можно использовать «Adobe Dreamweaver» и «Notepad ++» .

Смотрите видео: «Свой Сайт на движке „WordPress“ за 1 Час 38 Минут. Пошаговое руководство!»

Вопросы и ответы

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

Начинающие разработчики сайтов часто задают схожие вопросы, и вот самые животрепещущие из них:

Вопрос №1. Как найти надежных и опытных исполнителей?

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

Хорошо, если исполнитель официально или . Это дает определенные гарантии.

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

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

Вопрос №3. Можно ли научиться создавать сайты бесплатно?

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

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

Вопрос №4. Какого заработка можно достичь при создании сайтов?

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

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

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

Верстальщик вам также может понадобиться, если у вас есть дизайн, вы хотите его немного изменить, но не хотите ничего знать о коде. Найти специалиста по адекватной цене можно на сайтах Fl.ru и Weblancer . Здесь вы также можете отыскать копирайтера, который будет писать за вас тексты или редактора.

Важные качества

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

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

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

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

Все хорошо в этом движке, но есть и свои недостатки. Ничто не идеально. Если вы хотите создать интернет-магазин, то можете о нем забыть. Не все плагины в интернете бесплатные и полезные. К сожалению, тот, что превращает довольно дорогой и не слишком «правильный».

В этом случае я посоветую OpenCard. У Михаила Русакова также есть курс о создании сайта при помощи этой CMS. Называется он «Создание Интернет-магазина на OpenCart 2.0 ». Помимо основных навыков вы получите полезные бонусы: как сэкономить на Яндекс Директ, раскрутить сайт и так далее.

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

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

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

Добрый день еще раз!

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

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

CSS и HTML что это за звери?

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

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

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

Чтобы сделать сайт нужно быть программистом?

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

Так что даже без знаний HTML и CSS можно вполне обойтись! Лично знаком с людьми которые раскрутили свои сайты не зная и строчки кода! А теперь, пора рассказать о "движке" сайта.

CMS (система управления сайтом) или движок. Это просто универсальное средство для создания своего, автоматического сайта. Если HTML и CSS помогут вам в создании структуры для вашего сайта. То поможет вам в управлении вашим сайтом.

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

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

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

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

Что лучше выбрать для самостоятельного создания сайта – конструктор или CMS? Ответ однозначный: только конструктор сайтов . Почему? Всё просто: раз вам нужен совет такого рода, значит, опыта разработки либо нет, либо его меньше, чем необходимо для решения вашей задачи. Танцы с бубном вокруг установки CMS, поиска хостинга отнимут много времени и средств – при этом желаемого результата не получите. Скорее всего, вам нужно разово создать один сайт для себя - небольшую визитку под бизнес, площадку для предоставление услуг, портфолио или, возможно, блог, небольшой магазин на несколько десятков или сотен товаров. Конструкторы помогают решать такие задачи наиболее рациональным способом . Что по деньгам, что по вложениям времени, труда и получения обратной выгоды.

Ниже показаны ТОП-3 лучших конструкторов сайтов А-класса. Все они хорошо сочетаются с неопытностью новичков, помогают достигать результата без стартовых знаний HTML и программирования. Каждый из них функционально продвинут на фоне аналогов. Можно смело использовать, осталось лишь определиться, какой из них конкретно выбрать.

1.1 Создание сайта в uKit → детальный обзор Лучший выбор!

1.2 Создание сайта в Wix → детальный обзор

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

Если бы не стоимость платных тарифов, Wix был бы идеальным решением для всей аудитории начинающих пользователей. Но, увы, за эти деньги многие предпочтут что-нибудь более практичное. Wix - это конструктор вау-эффектов. Он приятен, ярок, дружелюбен, но дорог по меркам конкурентов. Средний из тарифов «Combo» затянет на $99/год. Есть ещё 2 более дорогих.

Wix предлагает пять премиум-планов:

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

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

1.3 Создание сайта в uCoz → детальный обзор

Вся мощь uCoz скрыта в солидном наборе модулей и возможности редактирования исходного кода страниц (html, css, php, js). Настроек очень много, но большинству новичков полезными/понятными окажутся не больше трети. Остальное - на вырост. Набор модулей можно определять самостоятельно.

Пользователи, которые ищут где создать интернет-магазин, порадуются громче всех. На этом поприще uCoz всемогущ, благодаря модулю «Интернет-магазин» (так называемый uShop). Из необходимого есть даже синхронизация с бухгалтерскими продуктами компании 1С. Импорт из CSV и YML позволит экспортировать товары из файла или парсить с AliExpress/Яндекс.Маркет. Это позволит быстро наполнить свои и развернуть партнёрские магазины с указанных площадок. Благодаря субагентам можно сделать настоящий супермаркет, в котором другие продавцы будут продавать свой товар, а владелец магазина будет получать с них процент.

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

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

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

В uCoz доступно пять пакетов услуг:

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

2. Заказать «под ключ» или сделать самостоятельно?

Заказать создание сайта «под ключ» есть смысл компаниям, то есть юридическим лицам . Это тот случай, когда руководству нужно получить гарантии результата и материально ответственных за решение задачи. Всё на бумагах, в договорах, сроках. Выделены средства, найден исполнитель - сторонний специалист либо веб-студия. Это правильный вариант, особенно если планируется масштабный и дорогостоящий проект. Если что-то пойдёт не так, можно будет найти концы и потребовать исправления ситуации либо компенсации ущерба. Также сразу желательно оговаривать условия администрирования сайта после сдачи - кто этим будет заниматься, размер оплаты услуг, что входит в понятие дальнейшего обслуживания.

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

Просто получить сайт под заказ втридорога - это не выход. Что потом с ним делать – кто и как будет его обслуживать? Всё равно владельцу самостоятельно придётся разбираться в тонкостях его администрирования и продвижения. Не проще ли сразу выкинуть из головы попытки выехать на чужих навыках и поработать своими силами? Если проект несложный (сайт-визитка, портфолио, блог, корпоративный сайт, лендинг, форум), останетесь в выигрыше, в любом случае.

3. Два способа создать сайт: CMS+хостинг или Конструктор

Сайты делаются на CMS либо в конструкторах сайтов . Ещё есть самописные и построенные на фреймворках «движки», но, это совсем не подходящие варианты, они заведут в тёмный лес, не стоит брать их в расчёт.

На чем может быть создан ваш сайт:

CMS

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

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

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

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

Конструкторы диктуют совершенно иной, значительно упрощенный, подход к работе по сравнению с CMS. Они избавляют от необходимости настройки хостинга, установки CMS, создания баз данных MySQL, работы с FTP, необходимости подключения модулей, плагинов и не требуют навыков программирования. Пользователь получаете очищенную от многих технических сложностей среду для разработки сайтов.

Оба варианта имеют свои плюсы и минусы в зависимости от точки зрения оценивающего их человека. Отметим лишь, что CMS как класс инструментов для создания сайтов появились значительно раньше облачных конструкторов. Последние стали результатом эволюции и адаптации сложных систем под нужды массового пользователя. Со временем сайтбилдеры обзавелись интуитивным интерфейсом и визуальным редактором (WYSIWYG — «What You See Is What You Get» - «что видишь, то и получишь»). Лучшие из них уже работают на базе ИИ (искусственного интеллекта) и по возможностям превосходят некоторые CMS.

3.1 Особенности создания сайта на CMS

Создание сайта на базе CMS требует аренды хостинга - удалённого сервера, на котором будут лежать файлы сайта. Как правило, панели управления хостингом дают возможность в автоматическом режиме устанавливать широкий набор бесплатных CMS. Тем не менее, необходимо вручную создать базу данных под новый сайт в разделе phpMyAdmin и подключить её (перед установкой движка указать логин и пароль от нужной б/д).

ТОП-3 самых популярных CMS:

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

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

Принципиальным отличием CMS от большинства конструкторов сайтов является прямой доступ к файлам движка. Через FTP-клиент или встроенный в панель управления хостингом файловый менеджер. Это даёт возможность править код сайта в свободном режиме: файлы любых модулей, шаблонов, страниц, базовых функций. Конечно, для этого нужно понимание и знания программирования. Навыки работы с HTML/CSS необходимы по умолчанию, но к ним, как правило, добавляются PHP и JavaScript.

Особенности создания сайта в CMS:

• Потребуется покупка надежного, быстрого хостинга и домена.
• Как правило, в комплекте с движком идёт несколько базовых шаблонов, хотя бывают и исключения вроде WordPress, в котором встроенный магазин на тысячи бесплатных шаблонов. Шаблоны можно покупать у разработчиков системы, веб-студий или фрилансеров. Ассортимент у разных систем отличается, нужно гуглить.
• Многие вещи, особенно связанные с редактированием дизайна, принято делать через код. В некоторых системах плагины тоже устанавливаются напрямую через FTP путём копирования файлов (например, в DLE), а не через инсталлятор панели управления (как в Joomla или WordPress).
• Стоит выбирать специализированные CMS под свою задачу. Это даст гарантию наличия нужного функционала (хотя бы базового) из коробки. К примеру, для создания интернет-магазинов стоит использовать только профильные системы (Magento, Bitrix, Opencart, PrestaShop). Избегайте создания сайтов, основной функционал которых будет целиком держаться на плагинах.
• Если решитесь использовать бесплатно скачанные шаблоны, обязательно проверьте наличие в них чужих скрытых ссылок или вредоносного кода. Методы проверки разные, нужно гуглить для конкретных случаев.
• Для любой CMS после ознакомления с базовым функционалом нужно выяснить список доступных плагинов, их стоимость и возможности. Наверняка, со временем, что-то из них понадобится, иначе просто не бывает.
• Создавайте резервные копии (бекапы) сайта перед установкой больших плагинов и после достижения текущей крупной с технической точки зрения цели. Очень рекомендуем скачивать и хранить бекапы на своем компьютере.
• Любая бесплатная CMS имеет сообщество, форум, официальный сайт или что-то ещё. При использовании платных систем в большинстве случаев можно рассчитывать на официальную техподдержку за деньги.

Об использовании базовых функций особого смысла говорить нет, поскольку их реализация обычно более-менее доступная. Интерфейсы у CMS отличаются значительно, поэтому каких-то общих алгоритмов вроде последовательности действий по созданию страниц, заполнению общих настроек сайта и прочего выделить невозможно. Приведём эпизод в качестве примера особенности: в Joomla перед созданием меню нужно создать и активировать модуль меню, иначе ничего не получится. Также нельзя создать пустое меню, которое не будет иметь привязки к хотя бы одной опубликованной странице. Это частный случай конкретной системы. Таких мелких и покрупнее нюансов хватает у любой CMS. Нужно изучать каждую персонально, чтобы продуктивно с ней работать.

3.2 Особенности создания сайта в конструкторах сайтов

С технической точки зрения начать пользоваться конструкторами намного проще. Структурно панели управления (админка) многих конструкторов напоминают таковые в CMS, какой-то огромной разницы, в среднем, нет. Инструменты для создания страниц, меню, наполнения контентом, общие настройки сайта, SEO - всё это реализовано по схожим принципам. Дело в другом: нет нужды арендовать отдельно хостинг, настраивать базы данных, параметры безопасности сайта вручную, лезть в код, искать и устанавливать плагины.

ТОП-3 самых популярных конструктора:

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

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

Разные конструкторы имеют между собой довольно много общих черт в алгоритме создания сайтов. Условно такие системы можно поделить на те, что поставляются с WYSIWYG-редактором (визуальный редактор, часто имеет поддержку drag&drop, работает с виджетами), и все остальные. Кстати, вторая категория своими панелями управления очень напоминает CMS, да и по принципам администрирования сайтов мало чем отличается.

Особенности создания сайтов в конструкторах:

• Старт работ почти всегда одинаков: регистрация, выбор шаблона, заполнение общей информации о сайте, вход в панель управления.
• Хостинг всегда настроен надлежащим образом, защищён, создание баз данных происходит автоматически без участия пользователя.
• Любой конструктор имеет набор готовых шаблонов, отсортированных по категориям.
• Любая система имеет несколько платных тарифных планов, разграниченных разницей в предоставляемых возможностях.
• Примерно у трети сервисов стоимость тарифных планов не является окончательной. Многие системы практикуют акции, промо-коды и прочие способы, позволяющие снизить стоимость тарифных планов вплоть до 80%. Скидки вполне реальные.
• В большинстве случаев шаблоны поставляются с демо-контентом, что служит наглядным примером и помогает лучше понять, как можно удачным образом оформить сайт.
• Большинство систем позволят построить сайт совсем без кодинга, даже если поддерживают возможность правки кода шаблонов, модулей и прочего.
• Всегда есть встроенная FAQ и техподдержка, а вот реализация может быть разной: живой чат, форум, база знаний, форма обратной связи, система тикетов.
• Все конструкторы позволяют подключать аналитику от поисковых систем, свой домен и работать с SEO-настройками.
• 99% конструкторов сайтов имеют пробный период или бесплатный тарифный план. Их легко тестировать, достаточно зарегистрироваться.
• Возможности конструкторов постоянно расширяются, обновляются, внедряются актуальные новинки веб-индустрии. Которые, в итоге, преподносятся пользователю на блюдечке.

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

4. FAQ – Часто задаваемые вопросы

1. Сколько времени нужно для создания сайта? За 5-10 минут реально сделать?

Смотря о каком сайте идёт речь. Если мы говорим о готовой структуре, скажем, визитки, но не заполненной контентом (тексты, таблицы, изображения), то да – за 10 минут при помощи конструктора с визуальным редактором вроде uKit это вполне возможно сделать. При работе с портфолио можно уложиться и в 3 минуты. Толку от такой спешки мало, тем не менее, это возможно.

За указанное время у вас на руках появится готовый макет сайта. Наполнение контентом может занять от 1 часа до недели – смотря, сколько и чего вы собираетесь публиковать. Но, повторимся, чисто технически создать сайт за 5-10 минут – это реально. И даже несложно. Но только в конструкторе. В CMS, блокноте или при помощи фреймворка это невозможно сделать за столь малое время. Даже в сыром виде. 3. Создание сайта в блокноте. Это что правда возможно?

Чисто теоретически это возможно. Более того, в Сети вы можете найти множество древних веб-страниц, созданных вручную при помощи блокнота. Но такой “сайт” своим видом будет вызывать ностальгию по лихим 90-м годам. Сейчас вряд ли кто-то в здравом уме окажется в восторге от такого сайта.

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

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

Конструкторы сайтов, такие как uKit, Wix и uCoz - это универсальный набор на все случаи жизни, они являются бестселлерами на рынке онлайн-конструкторов. Каждый обладает своими уникальными фишками и возможностями. Задумав создание сайта, имеет смысл ознакомиться, в первую очередь с ними:

	uKit – полезен на поприще создания разноплановых сайтов-визиток под бизнес или услуги. Обладает лучшим визуальным редактором на рынке, понятный на интуитивном уровне. Понравится тем, кому нужно без лишних хлопот и больших затрат создать лендинг высокого уровня или привлекательный магазин. Хорошо подходит для портфолио, промо-страниц и вообще всего, где нужно лаконично и красиво преподнести графические материалы для рекламы чего-либо.
	Wix – порадует феерией шаблонов и относительно большими возможностями для платформы с визуальным редактором. Подойдёт для создания красивой визитки или стильного блога. О магазине тоже можно задуматься, но только о небольшом и если не смущает стоимость. Цену легко можно снизить вдвое, подождав ближайшего праздника, – в эти периоды Wix раздаёт хорошие скидки всем желающим.
	uCoz – подходит для любых задач. В принципе, визитку на нём сделать не намного сложнее, чем в uKit или Wix. Если не планируется ограничиваться одним-единственным сайтом, тогда нужно сразу начинать с Юкоза. Уйдет чуть больше времени, зато освоится универсальный инструмент, который выручит в любой постановке требований к будущим сайтам. Магазины, блоги, форумы, доски объявлений, порталы…

К каждому конструктору прилагается подробная инструкция как создать сайт в нем, дополнительно в Интернет есть масса уроков что и как делать. У каждой из представленных здесь систем есть своя База знаний (FAQ), где расписано пошаговое создание сайта с нуля. Поставив цель, вы за пару дней чтения статей и просмотра видео на Ютубе обрастёте полной комплектацией необходимых для начала работы в нише знаний. Это избавит от трудностей администрирования. Да и деньги немалые сэкономите.

Немного теории

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

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

Ваше желание. Без комментариев.

Знания. Чем больше возможностей вы хотите получить, тем больше нужно знаний.

JavaScript. Быстрый старт

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

Ну и все, что касается самого сайта и его работы: домен, место в сети, движок и т.д.

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

Самые простые способы

Итак, есть такие гиганты-платформы, как: Blogger.com, livejournal, wordpress.com и многие другие. На таких платформах есть возможность бесплатного создания своего блога. То есть вы получаете даром место в сети, где будет размещаться ваш сайт. То же самое с доменом, только он будет третьего уровня, а не второго. То есть с приставками.blogger.com, .wordpress.com. Понятно, что нормальный домен вам за бесплатно никто не даст.

Рис. 1. Выбор темы для создания блога на площадке wordpress

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

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

Более сложный способ

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

Выбор домена (имя сайта)

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Рис. 2. Стоимость регистрации домена в разных зонах

Домен можно зарегистрировать у любого регистратора. Самые популярные: reg.ru, 2domains.ru. Какую доменную зону выбирать? Прежде всего, это зависит от того, людей из какой страны вы преимущественно хотите видеть на сайте. Чаще всего подойдет зона.ru, к тому же, домены в этой зоне стоят дешевле всего.

Допустим, вы преподаватель и создаете сайт для привлечения своих потенциальных клиентов (учеников). Вы живете в Украине и, возможно, вам нужны люди именно из этой страны. Очевидно, что в таком случае лучше зарегистрироваться в зоне.ua. Также и с.by, .kz – беларусские и казахстанские сайты.

Домен в зоне.com означает коммерческую организацию. Если вам нужны только посетители из какого-то определенного города, то можно регистрироваться в еще более узких зонах, подробнее вы можете узнать на сайтах регистраторов. Регистрация на год обычно стоит 100-1000 рублей.

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

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

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

Тарифы можно разделить на: бесплатные (тестовый период, минимум возможностей), платные, vip-тарифы, vps, vds, выделенные сервера. Самый последний вариант самый крутой – вы получаете в свое распоряжение настоящий удаленный компьютер! Это стоит 2000-20000 рублей в месяц и подходит для очень серьезных и раскрученных сайтов. VPS/VDS это практически тоже, только вы получаете не весь компьютер целиком, а лишь часть его места и ресурсов. Естественно, вы платите намного меньше. Это оптимальный вариант для всех веб-мастеров, которые заботятся о своих проектах.

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

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

Установка движка или создание веб-страниц без него

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

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

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

На самом деле вы можете заказать все под ключ. За вас зарегистрируют домен, купят место, все установят настроят, создадут уникальный дизайн и т.д. Все, что захотите. Если у вас имеются средства, чтобы все это оплатить, то пожалуйста. Это обойдется вам от 20-30 тысяч рублей до многих миллионов. Я же говорил вам, что, например, порталы создаются в течение нескольких месяцев?

Итог

Итак, что нужно для создания сайта с нуля? Знания и деньги. А если отвечать с технической точки зрения, то: домен, хостинг, движок, база данных и многое другое. Например, если все делать самому, то еще вам нужны будут знания таких языков, как HTML, CSS, PHP и какого-нибудь движка.

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения