Курс обучения РАЗРАБОТКА САЙТА НА КОНСТРУКТОРЕ с видеоуроками

Введение

Разработка сайтов сейчас является одной из самых востребованных профессий и входит в ТОП 3 онлайн профессий. Но, создание сайтов с системой управления контентом, например на WordPress, обычно требует больших финансовых затрат и длительного времени. Средний срок разработки сайта на движке (системе управления сайтом, CMS) начинается от двух месяцев и может длиться полгода.

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

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

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

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

Время создания сайта на конструкторе минимальное за счёт использования готовых шаблонов (как сайта целиком, так и отдельных готовых модулей, например таких: меню сайта, первый экран сайта, модуль «О компании», «Контакты», «Ответы и вопросы», «Фотогалерея» и т.д.). Причём все эти готовые модули могут быть изменены пользователем, доработаны, отредактированы и с добавлением своих картинок и текстов станут уникальными по дизайну. Кроме того эти модули имеют современный дизайн, кроссбраузерность (одинаковое отображение в разных браузерах), нормальное отображение в мобильной версии, современный функционал. Так что шаблоны конструкторов иногда выглядят презентабельнее и современнее, чем сайт, разработанный программистом.

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

В регионах стоимость разработки начинается от 15 000 руб. за одностраничник. Кроме того клиент должен оплатить доменное имя и хостинг самого конструктора (см. рис.1).

Рис.1. Тарифы хостинга конструктора сайтов

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

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

Заработок разработчика

Если начинающий разработчик сайтов найдёт всего лишь двух клиентов на разработку сайта в месяц, то его заработок может составить от 30 000 до 80 000 руб. и выше. Если добавить ещё один сайт в месяц и дополнительные услуги, такие как: разработка логотипа, обрезка и коррекция фотографий для каталога, продвижение сайта (настройка Яндекс.Директа), создание веб-баннера и прочие услуги, то даже новичок может легко выйти на доход в 100 000-150 000 руб. в месяц. Причём, это заработок для фрилансера, работающего дома на себя. Кроме разработки сайта, специалисты ещё зарабатывают на сопровождении сайтов своих клиентов, что является постоянным доходом.

Сайт на конструкторе позволяет:

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

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

– Сделать сайт практически бесплатно. Оплатить надо только стоимость конструктора (от 466 руб. в месяц). Экономия владельца бизнеса может составить 100 000 руб. и больше. Заработок разработчика сайта начинается от 15 000 руб. за один проект, как правило, за одностраничник (максимально прибыль может составлять 150 000 руб. в месяц и выше).

– Создавать разные типы сайтов: одностраничники (лэндинги), многостраничные корпоративные сайты, квизы, автоворонки, сайты-блоги, интернет-магазины и др.

– Быстро и бесплатно изменять информацию на уже созданных страницах сайта.

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

– Применить интеграцию сайта с внешними системами (сервисами), такими как: онлайн оплаты, СРМ-системы, доставка товаров, Push-рассылка, счётчики посетителей, соцсети, email-рассылки и др.

Рис. 2. Интеграции конструктора сайта с внешними сервисами

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

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

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

Об этой книге

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

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

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

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

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

Об авторе

Рис. 3. Автор книги Никулина Ирина Анатольевна

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

Она – автор книг по веб-дизайну, учебников по растровой и векторной графике, победитель конкурсов ЛитРес. (Все книги автора можно посмотреть на сайте imagika.ru). Создатель учебника для вузов «Вёрстка, дизайн и допечатная подготовка в полиграфическом процессе».

Преподаватель веб-дизайна, дизайна и графики с пятнадцатилетним стажем. Сертифицированный специалист растровой графики и Яндекс.Директа.

Глава 1. Обзор конструкторов сайтов.

Плюсы и минусы конструктора

В этой главе:

1. Процесс создания сайта.

2. Выбор конструктора.

3.Наиболее известные конструкторы сайтов (ТОП 5 конструкторов).

4.Минусы и плюсы конструкторов сайтов.

5.Все возможности конструктора для разработки сайтов.

Ссылка на бесплатное видео к этой главе https://youtu.be/X2qIaSqlivk

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

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

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

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

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

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

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

Весь процесс создания сайта на конструкторе включает следующие шаги:

1. Регистрация на сайте конструктора.

2. Создание сайта по готовому шаблону или из пустых модулей по собственному дизайну (или прототипу).

3. Регистрация доменного имени (можно там же, на сайте конструктора).

4. Оплата сертификата безопасности для сайта (SSL-сертификата).

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

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

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

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

– Полный, удобный и современный функционал самого конструктора.

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

– Нормальное отображение мобильной версии сайта.

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

– Стоимость тарифа. В том числе количество сайтов, включенных в тариф и SSL-сертификат.

– Большое количество красивых, разнообразных по теме и современных шаблонов дизайна сайта.

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

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

– Возможность удобного продвижения (например, совместимость с Яндекс.Директ), создание автоворонок, системы СРМ и т.д.

– Наличие SEO-настроек для вашего сайта, маркетинговых инструментов.

– Наличие русского языка и быстрая связь с техподдержкой (онлайн-чат 24/7).

– Высокая скорость загрузки страниц созданного вами сайта.

– Партнёрская программа с возвратом денег за оплату хостинга.

Специализация конструктора

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

1.Тильда (https://tilda.cc/ru).

Тильда на данный момент – самый популярный иностранный конструктор сайтов, имеющий полный функционал для создания сайтов.

Рис.4. Конструктор сайтов Тильда.

Плюсы конструктора Тильда:

– интуитивно простой и понятный интерфейс;

– адаптивность интернет-проекта: сайт, созданный на этом конструкторе, автоматически подстраивается под устройство пользователя (ноутбук, планшет, мобильный телефон);

– фокус на типографике (искусство оформления текста): контент получается легко читаемый и красивый;

– большое наличие шаблонов сайтов (более 210 вариантов дизайнов сайтов по разной теме) и редактируемых блоков (свыше 550 вариантов в базе);

– позволяет сделать уникальный дизайн сайта и анимированные элементы в редакторе Zero Block;

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

– наличие специальных блоков для интернет-коммерции. Разные способы приёма платежей: через ЮКасса, Robokassa, Cloudpayments, Альфа-Банк, Сбер, Тинькофф и другие. Данные о заказах будут приходить на почту, в Google Drive или в CRM. Собственная CRM-система с подключением в один клик. (CRM-система – программа, которая хранит все данные о существующих и потенциальных клиентах (имена, контакты, история разговоров) и управляет этой информацией);

– мультиязычный интерфейс, в том числе есть русский язык (язык на сайте генерируется автоматически в зависимости от вашей локации);

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

– можно подключить Google Analytics и Яндекс.Метрику и отслеживать посещаемость сайта;

– разнообразие обучающих материалов: гайды, блоги, видео-уроки, мастер-классы;

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

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

Создатели конструктора пишут о себе: «Мы придумали новый способ создания сайтов, где процесс похож на игру. Теперь каждый – дизайнер, если есть страсть к любимому делу. Неважно, что вы делаете: сайт для бизнеса, лэндинг пейдж (одностраничник), интернет-магазин или редакторский спецпроект – с Тильдой вы сделаете это быстро и легко».

Минусы Тильды

– Объём сайта ограничен 500 страницами, поэтому при создании крупного интернет-магазина или блога с запросом на ежемесячное масштабирование придётся рассмотреть другой конструктор.

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

– Ограничения в редактировании SEO-опций;

– Неудобная настройка внутренней перелинковки.

– Высоковатые тарифы.

Рис.5. Тарифы конструктора Тильда

2.Моттор (https://lpmotor.ru).

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

Рис.6. Конструктор сайтов ЛП-мотор (Моттор)

Плюсы Mottor:

– Удобный визуальный редактор.

– Много тематических шаблонов дизайна. Большая библиотека шаблонов (более 300 современных и адаптивных шаблонов: нужно только наполнить их своим контентом и изображениями).

– Необходимые интеграции. Можно расширить функционал сайта доступными модулями: рассылки, платёжные системы, чаты и т.д.

– Быстрая и отзывчивая техническая поддержка.

– Подарки новым клиентам: домен в зоне .RU или .РФ в подарок

– Встроенная CRM, аналитика, А/Б тестирование, автоворонки и многое другое.

– SEO оптимизация. Индексация веб-сайтов поисковиками (Яндекс, Google), автоматическая генерация файлов robots и sitemap.

– Возможность совместной работы. Можно выдать доступы другим аккаунтам в Mottor для редактирования в команде.

– Импорт макета из Figma. Готовый макет сайта легко перенести из Figma в Mottor за одну минуту.

– Есть партнёрские программы при оплате тарифов других аккаунтов, часть денег возвращается на ваш счёт.

– Постоянно добавляют новые секции, блоки и функционал, конструктор развивается.

– Безлимитный хостинг и место на диске.

– Наличие свободной секции (Zero Block).

Минусы:

– Стоит нарушить шаблон блока и слетает мобильная версия, приходится копировать блок и подправлять для мобильника.

– Недоработаны фильтры для товарного каталога.

– Иногда бывают технические сбои и кабинет недоступен или тормозит.

– Существенные ограничения по количеству страниц в зависимости от тарифа.

– Экспорт кода недоступен.

Тарифы

Лайт. Один сайт с ограничением до 750 страниц, есть безлимитные хостинг и трафик, виджеты, приём платежей. Цена – 690 рублей в месяц. Без создания интернет-магазина.

Бизнес. Базовый тариф включает 10 сайтов и 10000 страниц, в пакетах Бизнес-30 и выше ограничений нет. Цена в месяц – 1250 рублей. Создание интернет-магазина.

Безлимит. Лимиты отсутствуют, стоимость составляет 12900 рублей в месяц.

3.Craftum

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

– простой интерфейс, в котором легко разберётся даже подросток;

– настраиваемое SEO, инструменты для оптимизации и продвижения в поисковых системах;

– подключение внешних систем аналитики, таких как Яндекс.Метрика;

– лёгкое подключение любых интеграций;

– регистрация домена без необходимости покидать платформу;

– сборка сайтов по собственному макету в дизайн-блоке;

– техническая поддержка, остающаяся на связи 24/7;

– бесплатный SSL-сертификат во всех тарифах.

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

На Craftum запускают:

– лэндинги, визитки;

– страницы мероприятий и онлайн-магазины;

– сервисы доставки и образовательные проекты;

– блоги компаний и личные;

– портфолио.

Плюсы

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

– Неограниченное количество страниц.

– Быстрое создание сайта без дизайнера и программиста, выполняющееся в срок до 2-3 часов.

– Автогенерация robots.txt и sitemap.xml.

Минусы

– Экспорт кода недоступен.

– CRM-система отсутствует.

Тарифы

Базовый. Рассчитан на один сайт, есть дизайн-блок и доступ к другим элементам внутренних библиотек. Можно подключить собственный домен и отключить лейбл сервиса, цена – 129 или 149 рублей при оплате за год и месяц соответственно.

Премиум. Имеет все функции базового тарифа, количество сайтов – 5. Домен предоставляется в подарок, есть SEO-настройки и интеграции с сервисами. Цена – 249 рублей при оплате за год, 299 рублей – за месяц.

Сайт под ключ. Здесь есть все «плюшки» премиум-тарифа, дополнительно – персональный менеджер, создание сайта профессионалами с возможностью последующего редактирования, уникальный дизайн. Цена – от 7500 рублей.

Срок тестового периода составляет 10 дней.

Есть ещё несколько популярных конструкторов сайтов:

Flexbe – простой инструмент для создания сайтов разного формата.

Creatium – универсальный сервис для создания сайтов.

Nethouse. Основное направление конструктора Nethouse – интернет-магазины.

LPgenerator. Платформа LPgenerator ориентирована только на создание одностраничников.

UKit. Конструктор uKit – простой и понятный, идеален для малого и среднего предпринимательства.

Tobiz – хорошее решение для бизнеса, ведущего деятельность в сфере услуг.

Umi предлагает создание интернет-магазина в срок до 1 дня.

Webnode. Платформа Webnode подходит для создания простых сайтов.

Diapo. Конструктор Diapo – новый сервис для создания интерактивных сайтов, имеющих формат сториз. Можно взять короткие истории из социальных сетей, а потом интегрировать их в оформление.

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

Ucraft. Платформа Ucraft помогает создавать красивые профессиональные сайты, имеющие адаптивный дизайн.

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