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

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

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

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

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

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

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 простых шагов

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

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

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

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

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

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

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

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

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

Шаг 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. Часто задаваемые вопросы по созданию сайтов

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

Источник: hiterbober.ru