Как создать свой сайт — пошаговая инструкция для новичков (часть 2)
CMS-платформа или конструктор сайта — что лучше выбрать?
Основное отличие CMS от конструктора состоит в том, что создание сайта на CMS подразумевает, что вы разбираетесь в сайтостроении и хотите самостоятельно создать сайт под свои нужды и управлять всеми возможностями движка.
Напротив, создание сайта на конструкторе не требует от вас специальных технических навыков и свой сайт можно создать буквально за 3 часа, но в то же время этот выбор очень ограничивает вас в функциональных возможностях. О всех плюсах и минусах данного решения вы можете увидеть из таблицы ниже.
Преимущества и недостатки создания сайта на конструкторе:
№ | Сравнительная характеристика | Сайты, созданные на конструкторе | Сайты, созданные самостоятельно |
1 | Простота создания | Просто | Сложно |
2 | Возможность редактирования исходного кода | Нет | Есть |
3 | Возможность продвижения в поисковых системах | Есть трудности и нюансы | Полная свобода |
4 | Гибкость в настройках дизайна и функционала | Ограничена | Не ограничена |
5 | Возможность использовать домен второго уровня | Не всегда | В любом случае |
6 | Возможность «изъять» сайт из Интернета или перенести сайт на другой хостинг | Нет | Есть |
Как видно из таблицы, однозначного ответа по способу создания сайта нет. Приобретая в одном, вы теряете в другом.
4.2. Домен
Давайте дадим определение.
Домен — это имя сайта, или по-другому это адрес вашего сайта в сети Интернет.
Например, домен hiterbober.ru
Как видите, доменное имя сайта состоит из двух частей:
- Самого названия «hiterbober»
- Зоны, в которой он находится «.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 рублей в месяц и выше в зависимости от конкретной ситуации.
Как выбрать хостинг?
Основные критерии, на которые нужно обращать внимание это:
- Стабильность работы. Ваш хостинг должен работать без перебоев 24 часа в сутки, 7 дней в неделю. В противном случае вы будете терять репутацию у посетителей, доверие со стороны поисковых систем и деньги, если ваш сайт создан с коммерческой целью.
- Удобство интерфейса. Когда вы входите в личный кабинет, то вся панель управления должна быть для вас интуитивно понятна. Вы должны видеть доступные на балансе средства и быстро использовать все функции хостинга.
- Хорошая служба поддержки (на русском языке). Некоторые пользователи выбирают иностранные компании для размещения своего сайта в Интернете. Иногда это не совсем удобно, так как служба поддержки и весь интерфейс работаю на английском. Быстрая и надежная служба поддержки очень важна в случае возникновения сбоев в работе сайта и их оперативного устранения.
- Стоимость услуг. Это один из наиболее важных параметров, особенно в случае, если вы выбираете хостинг для размещения сайта с высокой посещаемостью. Там стоимость может варьироваться от 20 до 100долларов в месяц и выше. Также стоимость услуг хостинга актуальна для начинающих веб-мастеров, ведь как правило их бюджет ограничен.
Сейчас в Интернете сотни, и даже тысячи различных хостеров, предоставляющих свои услуги. Если вы начнете выбирать себе хостера вы просто утонете в изобилии выбора. Но действительно хороших хостеров, предоставляющих качественно свои услуги за разумные деньги — единицы.
Лично мы для всех своих сайтов используем хостинг компании TimeWeb. В принципе очень довольны данным хостером — удобная админ-панель, отзывчивая служба поддержки, быстрая скорость загрузки страниц, оптимальные цены.
Если вы не хотите заморачиваться с выбором хостера, как это однажды сделали мы в свое время, перелопатив более 100 различных вариантов — можете остановить свой выбор на этом хостере. Он как раз удовлетворяет всем вышеперечисленным критериям.
На Таймвебе у нас размещены все сайты, которые мы сделали за 3 года и наш основной проект ХитёрБобёр.ru.
Если вы хотите узнать все тонкости и нюансы покупки хостинга и домена, рекомендуем изучить бесплатный курс Евгения Попова «Домен и хостинг».
В одной из наших прошлых статей мы описали свою историю о том, как зарабатывать на создании сайтов под заказ. Изучив этот материал, вы поймете, как можно открыть web-студию с нуля прямо на дому и зарабатывать на этом от 500$.
5. Как создать свой сайт бесплатно с нуля — 7 простых шагов
Эти шаги помогут вам понять последовательность действий, как в случае, если вы решили создать сайт самостоятельно, так и с помощью привлечения команды профессиональных веб-разработчиков.
Шаг 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 в том, что первый язык формирует скелет сайта, а второй является его мышцами и кожей, то есть отвечает за его внешний вид.
Программы для создания сайтов, которые облегчат вашу работу:
- Notepade ++ — базовый редактор кода, отличная замена стандартному блокноту;
- PhpDesigner — профессиональная и удобная программа для создания многофункциональных веб-сайтов;
- Adobe Dreamweaver — многофункциональная программа для быстрого создания сайтов с возможностью предпросмотра;
- Adobe Muse — удобная программа для создания одностраничных продающих сайтов (Landing Page).
- Balsamiq Mockups — удобная программа для разработки прототипа сайта.
Выберите необходимую программу, чтобы сделать процесс разработки своего web-сайта максимально удобным и эффективным.
Шаг 6. Покупаем хостинг и домен
О том, что такое домен и хостинг и как их выбрать, мы уже писали выше.
Важный момент
Покупая домен, вы можете приобрести его у компании регистратора доменных имен, таких как:
- webnames.ru;
- reg.ru;
- nic.ru;
- r01.ru
А можете зарегистрировать домен у компании хостера при покупке хостинга прямо из личного кабинета.
Практически все регистраторы доменных имен предоставляют услуги хостинга, а хостинговые компании могут помочь с регистрацией домена.
При регистрации домена вам понадобится ввести свои реальные данные в том числе паспортные, для того, чтобы это имя сайта юридически было закреплено за вами.
Если вы регистрируете домен на компанию, а не на физическое лицо, то в этом случае вам понадобится указать данные юридического лица.
Когда вы определились с выбором хостинга, его тарифом и купили домен, то пришло время запускать ваш сайт.
Шаг 7. Запускаем сайт
Поздравляем! Вы подошли к финальной стадии.
Запуск сайта предполагает размещение его в Интернете на вашем хостинге и домене. С этого момента все желающие смогут заходить на него, а вы как владелец сайта сможете реализовать свои цели.
Ведь теперь у вас есть мощный маркетинговый инструмент — ваш сайт, с помощью которого вы сможете заявить о себе и при правильном его продвижении привлечь большую целевую аудиторию.
Обратите внимание
Если вы регистрировали домен самостоятельно напрямую через регистратора доменных имен, а не через хостинг-компанию, вам потребуется самостоятельно внести NS-сервера в личном кабинете регистратора. Данные NS-серверов вам должна предоставить хостинговая компания.
Теперь вам осталось продумать, как именно вы будете рекламировать свой сайт и привлекать на него посетителей.
Об этом мы подробно напишем в одной из следующих статей.
6. Правильный путь для начинающего web-мастера
Если вы решили освоить науку сайтостроения и заниматься этим на профессиональной основе, то рекомендуем приобретать знания в такой последовательности:
- Основы HTML;
- Основы CSS;
- Базовые основы PHP.
Если вы хотите делать одностраничные сайты, то изучите Adobe Muse.
Если вы хотите создавать высокопосещаемые информационные сайты или делать Интернет-проекты под заказ, рекомендуем изучить движок WordPress.
При создании сайтов в течение 3-х лет, мы использовали именно этот движок. Имели опыт работы и с другими CMS, но WordPress считаем лучшим и подходящим именно для этих целей.
7. Часто задаваемые вопросы по созданию сайтов
Здесь мы выделили самые популярные вопросы, которые нам задают.
Источник: hiterbober.ru