9 шагов для создания веб-сайта на HostCMS

9 шагов для создания веб-сайта на HostCMS
9 шагов для создания веб-сайта на HostCMS

Вот краткое изложение шагов по созданию вашего веб-сайта:

Шаг 1: Выберите идеальный домен

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

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

При мозговом штурме хороших доменных имен учитывайте следующие элементы:

Легко произносится и пишется. Потенциальные посетители должны иметь возможность произносить ваше доменное имя вслух, не спрашивая дважды, как оно пишется или произносится.
Коротко и мило. Я рекомендую не более 14 символов. Вам не нужно слишком длинное доменное имя, которое трудно запомнить и произнести.
Выберите .ru, .рф, .su, .com, .org или .net. Несмотря на то, что существует множество систем доменных имен, лучше придерживаться проверенной и надежной. В конце концов, вы хотите, чтобы люди могли его запомнить.
Используйте свое имя. Особенно отличный выбор для личного блога, веб-сайта или портфолио.
Избегайте цифр и дефисов. Это просто заставляет его выглядеть странно в URL. Кроме того, людям становится сложнее сообщать ваш URL другим.

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

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

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

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

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

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

Я расскажу вам об этом процессе дальше.

Шаг 2: Регистрация веб-хостинга и бесплатного домена на сайте Beget.ru

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

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

Я настоятельно рекомендую вам использовать Beget.ru для хостинга вашего сайта. Они предлагают быстрый и надежный веб-хостинг. Beget также позволяет вам бесплатно зарегистрировать свой домен в зонах .ru, .su или .рф.


Начните с перехода на сайт Beget. Затем нажмите ХОСТИНГ > "Попробовать бесплатно".

Я рекомендую выбрать тариф Start или Noble, если у вас ещё нет доменного имени. При оплате хостинга на 1 год, вы получите домен в подарок, как уже писал выше.

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

Шаг 3: Получите свой бесплатный домен

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

Шаг 4: Установите CMS с помощью Beget

Далее вы можете перейти в раздел CMS и выбрать свою систему управления контентом. Я рекомендую использовать HostCMS.

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

Установите HostCMS, воспользовавшись этой ИНСТРУКЦИЕЙ и выберите один из десятков различных вариантов шаблонов дизайна для вашего сайта (в случае возникновения проблем, вы всегда можете обратиться к нам за помощью). 

На данный момент вам просто нужно сделать выбор шаблона - вы сможете изменить его и настроить сайт позже. Мы рассмотрим все это в следующих шагах.

Сейчас просто завершите установку CMS.

Поздравляю! Теперь у вас есть часть Интернета!

Давайте погрузимся в использование HostCMS.

Шаг 5: Откройте панель управления HostCMS, пререйдя по ссылке htts://ваш_сайт/admin/.

Введите пароль admin и логин admin, чтобы войти в систему и начать настраивать свой новый веб-сайт.

Шаг 6: Создайте свой веб-сайт

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

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

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

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

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

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

Шаг 7: Создайте архитектуру вашего веб-сайта

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

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

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

Хотя существует множество различных типов веб-страниц, наиболее важными из них являются:

Домашняя страница. Это главная страница вашего сайта. Это то, что читатели видят в первую очередь, поэтому это очень важно.

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

О компании. Эта страница рассказывает новым посетителям все о вашем веб-сайте и / или бизнесе. Как правило, компании размещают здесь свою “историю бренда” о том, как они появились.

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

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

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

Как создать домашнюю страницу

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

  • Вариант 1. Перейдите в раздел "Контент" > "Страницы и документы" и создайте здесь Документ с текстом, который будет показываться на Главной странице и назовите его "Главная страница" (вы можете назвать его как угодно, лишь бы вам было понятно, что этот документ для Главной страницы). Здесь может быть информация о назначении сайта или описание предлагаемых услуг и т.д. Затем перейдите в раздел "Структура сайта" > "Структура сайта" > "Раздел" и создайте новый раздел, назвав его "Главная". В поле "Путь" пропишите символ "/", в "Тип раздела" выберите "Страница". Выберите в поле "Название документа" созданный вами документ (он появится в поле ниже). Нажмите "Применить" Более тонкие настройки раздела вы сможете сделат позже. Это информация во вкладках SEO и Sitemap.
  • Вариант 2 (наиболее быстрый). Перейдите в раздел "Структура сайта" > "Структура сайта" > "Раздел" и создайте новый раздел, назвав его "Главная". В поле "Путь" пропишите символ "/", в "Тип раздела" выберите "Страница". В нижнем поле с визуальным редактором разместите текст для Главной страницы. Нажмите "Применить".

Вы создали первую и Главную страницу своего сайта. Это статичная страница, которая станет вашей домашней страницей.

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

Как создать динамические страницы

Для создания динамичных страниц придётся приложить больше усилий.

  1. 1. Вначале вам предстоит создать Информационную систему или Интернет-магазин. Для этого вам нужно перейти в раздел "Контент" > "Информационные системы" или "Контент" > "Интернет-магазины" и создать, соответственно, Информационную систему (например, Блог, Новости или Фотогалерея) или Интернет-магазин (назовите его, к примеру, "Каталог").
  2. 2. Перейдити в "Структура сайта" > "Структура сайта" > "Раздел" и создайте новый раздел, выбрав в поле "Тип раздела" - "Типовая динамическая страница". В появившемся поле "Раздел" выберите "Информационые системы" или "Интернет-магазин", а в поле "Страница" - "Информационая система" или "Интернет-магазин" (создатели HostCMS не заморачивались названиями, поэтому здесь с этим всё просто )).
  3. В появившихся полях ниже выберите "Код информационной системы" > Созданная вами Информационная система, например "Блог" или "Идентификатор магазина" > созданный вами на предыдущем шаге Интернет магазин.
  4. Далее вам нужно будет выбрать XSL шаблоны. По умолчанию, они подставляются в поля автоматически. Если вы более опытный программист, то сможете отредактировать шаблоны позже или создать новый. Если вы новичёк в создании сайтов, то всегда можете обратиться к нам и мы поможет отредактировать XSL шаблон.
  5. Далее нажмите "Применить".
  6. 3. Заново перейдите в "Информационные системы" или "Интернет-магазины" и в их настройках выберите соответствующий "Узел структуры", созданный в п.2.

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

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

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

Шаг 8: Соедините свои веб-страницы с меню

Как правило, Меню может быть несколько. Например в шапке сайта может быть два меню - Основное и Дополнительное. Также может быть меню в Левой колонке, а также в Подвале сайта. Всё зависит от выбранного вами шаблона сайта.

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

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


Готово! Вы только что создали свой самый первый веб-сайт...
Хорошо, мы признаем: сейчас это немного не впечатляет — но это потому, что вы еще не позаботились о его брендинге или добавлении какого-либо реального контента!

Мы показали вам, как запустить ваш веб-сайт. Теперь ВАША очередь создавать его с помощью контента.

Шаг 9: Создайте привлекательный контент для вашего сайта

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

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

Поздравляю с созданием вашего первого веб-сайта! Серьезно, вы должны похлопать себя по спине.

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

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

Понравилась статья?
Будем признательны, если поделитесь в соцсетях или мессенджерах, а также присоединитесь к нашей группе Вконтакте. Будет интересно!

Вас может заинтересовать:

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

HOSTCMS v.6. Боковое выпадающее меню на CSS для каталога товаров
HOSTCMS v.6. Боковое выпадающее меню на CSS для каталога товаров
Создадим раздвижное меню для каталога товаров с несколькими уровнями вложенности разделов. Меню будет открыто в основных разделах, лежащих в корневом каталоге. В принципе, вам нужно просто скопировать шаблон, CSS стили и пользоваться этим меню...

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

Вертикальное выпадающее меню на jQuery для HostCMS
Вертикальное выпадающее меню на jQuery для HostCMS
Простое вертикальное меню с плавно выпадающим подменю для сайтов на HostCMS. Работает на jQuery…

HOSTCMS v.6. Краткая корзина в модальном окне
HOSTCMS v.6. Краткая корзина в модальном окне

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


Красный цвет в дизайне сайтов
Красный цвет в дизайне сайтов
Вы неравнодушны к красному цвету? Тогда эта статья для вас. Смотрите и комментируйте.