скачать книгу бесплатно
Курс обучения РАЗРАБОТКА САЙТА НА КОНСТРУКТОРЕ с видеоуроками
Ирина Никулина
Мечтаете стать разработчиком сайтов и при этом не изучать сложное программирование – научитесь делать сайты на конструкторе! Сможет любой, кто прочитает эту книгу! Очень просто и по шагам здесь описаны все этапы создания сайта, в том числе: одностраничника, корпоративного сайта, интернет-магазина. В учебнике рассмотрено: как зарегистрировать домен, какой выбрать конструктор, как за один час создать первую страницу сайта, как работать с шаблонами и прикрутить систему онлайн оплат, как продвинуть сайт через конструктор и др. Кроме того вы научитесь делать прототипы, редактировать страницы сайта, создавать полноценные интернет-магазины и продвигать сайты. Материал основан на конструкторе сайтов Моттор. Автор – опытный разработчик сайтов со стажем более 15 лет. Книга создана по курсу «Разработка сайтов», на котором успешно обучились более 3000 учеников. Вы сможете делать сайты для себя или для своих клиентов, не обучаясь на дорогостоящих курсах. Книга дополнена видеоуроками.
Ирина Никулина
Курс обучения РАЗРАБОТКА САЙТА НА КОНСТРУКТОРЕ с видеоуроками
Введение
1.О профессии «Разработчик сайтов»
Разработка сайтов сейчас является одной из самых востребованных профессий и входит в ТОП 3 онлайн профессий. Но, создание сайтов с системой управления контентом, например на WordPress, обычно требует больших финансовых затрат и длительного времени. Средний срок разработки сайта на движке (системе управления сайтом, CMS) начинается от двух месяцев и может длиться полгода.
Дело в том, что над таким сайтом работает не один специалист, а группа: проектировщик, дизайнер, верстальщик, программист, копирайтер и т.д. Из-за этого такие сайты получаются, во-первых, очень дорогостоящие, а во-вторых, создаются довольно долго. Для некоторых бизнесов, особенно сезонных, или привязанных к определенному событию, в этом вообще нет смысла.
Например, в сентябре вы решили, что будете заниматься продажей сладких новогодних подарков и вам надо создать сайт не позже, чем к октябрю. Ждать полгода и получить продающий сайт весной следующего года будет не актуально для такого бизнеса.
Другой пример: у вас или у вашего клиента офлайн бизнес по продаже сумок и рюкзаков, вы решили попробовать продать один (самый модный в этом сезоне) рюкзак через одностраничник. Стоит ли тратить огромные суммы, чтобы попробовать продать рюкзак за несколько тысяч рублей? Когда оправдается ваше вложение в разработку сайта? Многие предприниматели считают сайт не доходной, а расходной частью и это в корне не правильное представление о веб-ресурсах.
2.Сайты на конструкторе
На смену дорогостоящим сайтам на движке давно уже пришли сайты, сделанные на конструкторе. Их основной плюс: быстрота разработки сайта и небольшие финансовые траты. Это достигается за счёт того, что при работе с конструктором не нужны дорогостоящие специалисты: дизайнер, верстальщик и программист. Сайт на конструкторе может сделать любой человек, имеющий обычную компьютерную грамотность. Знание растровых редакторов приветствуется, но это необязательно. Современные конструкторы сайтов имеют весь необходимый для сайта функционал, в том числе и обрезку изображений. Так что любой человек, даже ребёнок, сейчас в состоянии создать себе сайт. (В моей практике преподавания была ученица, девочка пятнадцати лет, которая за две недели научилась делать сайты).
Время создания сайта на конструкторе минимальное за счёт использования готовых шаблонов (как сайта целиком, так и отдельных готовых модулей, например таких: меню сайта, первый экран сайта, модуль «О компании», «Контакты», «Ответы и вопросы», «Фотогалерея» и т.д.). Причём все эти готовые модули могут быть изменены пользователем, доработаны, отредактированы и с добавлением своих картинок и текстов станут уникальными по дизайну. Кроме того эти модули имеют современный дизайн, кроссбраузерность (одинаковое отображение в разных браузерах), нормальное отображение в мобильной версии, современный функционал. Так что шаблоны конструкторов иногда выглядят презентабельнее и современнее, чем сайт, разработанный программистом.
Именно низкая стоимость (от 500 руб. в месяц) и быстрый срок разработки сайта (первая страница сайта может быть создана за несколько часов) сделали конструкторы сайтов такими популярными. Вы можете использовать конструктор сайтов для того, чтобы создать сайт для своей фирмы, не привлекая дорогостоящих специалистов и сделать именно тот дизайн, который вам нужен. Или вы можете создавать сайты для своих клиентов за короткий срок и небольшую стоимость.
3.Сколько можно заработать на разработке сайта на конструкторе?
В регионах стоимость разработки начинается от 15 000 руб. за одностраничник. Кроме того клиент должен оплатить доменное имя и хостинг самого конструктора (см. рис.1).
Рис.1. Тарифы хостинга конструктора сайтов
В крупных городах стоимость разработки сайта может увеличиться в несколько раз в зависимости от города, сложившихся там цен и от компетентности самого разработчика сайтов (в частности от работ в его портфолио).
Разработка корпоративного сайта и сайта интернет-магазина с каталогом товаров может начинаться от 35 000-40 000 руб. В Москве и других крупных городах эти цены могут быть выше. Так что это возможность хорошо заработать для тех, кто решил стать фрилансером и возможность сэкономить для владельца бизнеса, а так же сделать именно тот сайт, который он хочет.
Заработок разработчика
Если начинающий разработчик сайтов найдёт всего лишь двух клиентов на разработку сайта в месяц, то его заработок может составить от 30 000 до 80 000 руб. и выше. Если добавить ещё один сайт в месяц и дополнительные услуги, такие как: разработка логотипа, обрезка и коррекция фотографий для каталога, продвижение сайта (настройка Яндекс.Директа), создание веб-баннера и прочие услуги, то даже новичок может легко выйти на доход в 100 000-150 000 руб. в месяц. Причём, это заработок для фрилансера, работающего дома на себя. Кроме разработки сайта, специалисты ещё зарабатывают на сопровождении сайтов своих клиентов, что является постоянным доходом.
4.Возможности конструктора кратко
Сайт на конструкторе позволяет:
– Очень быстро создать сайт или автоворонку для бизнеса. Как правило, первая страничка сайта по утвержденному прототипу создается за пару часов. Следующие страницы копируются и могут быть созданы за минуты.
– Самому, без привлечения программистов создать уникальный дизайн сайта, изменяя готовые модули и блоки конструктора.
– Сделать сайт практически бесплатно. Оплатить надо только стоимость конструктора (от 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
1.Процесс создания сайта
Конструктор сайтов – это онлайн-сервис, позволяющий создавать сайты без знания языков программирования, без дизайнера и прочих технических специалистов. Это сайт, на котором уже установлено необходимое программное обеспечение, позволяющее легко создать сайт человеку с обычной компьютерной грамотностью (без знания программирования).
Конструкторы обладают интуитивно понятным интерфейсом и предлагают готовые шаблоны дизайна, функции настройки и управления содержимым сайта. Любой человек может создать собственный сайт, не обучаясь сложному программированию. Любой грамотный дизайнер может создавать современные и востребованные сайты на конструкторе для своих клиентов, начиная с сайта одностраничника и заканчивая большим интернет-магазином.
Процесс создания сайта с использованием конструктора предельно прост:
– легко использовать шаблоны с готовым дизайном, которые адаптируются под потребности определенного сайта;
– можно использовать готовые модули и виджеты для повышения функциональности интернет-проекта: формы обратной связи и онлайн-заявки, фото и видео-галерею, товарный каталог, заказ онлайн-доставки, электронные системы оплат и т.д.;
– в любой момент можно провести редизайн сайта, изменить отдельные элементы или поменять весь дизайн целиком, не обращаясь к программисту;
– вы получите не только сайт, но и хостинг (чаще всего он уже включен в тариф) и там же на конструкторе можно за небольшую плату зарегистрировать домен и сертификат безопасности для сайта (SSL-сертификат).
Весь процесс создания сайта на конструкторе включает следующие шаги:
1. Регистрация на сайте конструктора.
2. Создание сайта по готовому шаблону или из пустых модулей по собственному дизайну (или прототипу).
3. Регистрация доменного имени (можно там же, на сайте конструктора).
4. Оплата сертификата безопасности для сайта (SSL-сертификата).
5. Реклама и продвижение сайта, создание автоворонок и чат-ботов (присутствует как дополнительная опция на современных конструкторах).
2.Выбор конструктора
Выбор конструктора сайта является самой важной частью в разработке сайта. Именно от него зависит, насколько будет современный и функциональный сайт, сколько он будет стоить и как быстро владелец сможет заработать на своём Интернет-ресурсе, используя современный функционал. Не стоит рассматривать малоизвестные или бесплатные конструкторы, так как вы не сможете реализовать на них весь необходимый функционал сайта. К тому же есть большая вероятность, что бесплатный конструктор в определённый момент закроется, и вы потеряете сайт.
Параметры для выбора наилучшего конструктора зависят от целей и задач, которые вы ставите перед будущим сайтом. Это может быть простая информационная страничка или сложный и большой портал или интернет-магазин. Поэтому сначала определитесь с задачами сайта, создайте его прототип (см. гл.3) и только потом выбирайте подходящий конструктор.
Параметры, по которым нужно выбирать подходящий конструктор сайтов:
– Полный, удобный и современный функционал самого конструктора.
– Простота работы в визуальном редакторе, отсутствие технических проблем и ошибок вёрстки сайта.
– Нормальное отображение мобильной версии сайта.
– Возможность создать современный сайт со всеми необходимыми функциями, в том числе полноценный интернет-магазин.
– Стоимость тарифа. В том числе количество сайтов, включенных в тариф и SSL-сертификат.
– Большое количество красивых, разнообразных по теме и современных шаблонов дизайна сайта.
– Наличие дополнительных параметров: интеграции с онлайн оплатами, маркетплейсами, социальными сетями; возможность заказать онлайн доставку; наличие дополнительных виджетов для сайта.
– Наличие дополнительных функций: конструктор квизов и чат-ботов, антиспам фильтры, регистрация домена на платформе, перенос уже имеющегося сайта, почтовые, аналитические, платежные и другие сервисы (интеграции).
– Возможность удобного продвижения (например, совместимость с Яндекс.Директ), создание автоворонок, системы СРМ и т.д.
– Наличие SEO-настроек для вашего сайта, маркетинговых инструментов.
– Наличие русского языка и быстрая связь с техподдержкой (онлайн-чат 24/7).
– Высокая скорость загрузки страниц созданного вами сайта.
– Партнёрская программа с возвратом денег за оплату хостинга.
Специализация конструктора
В процессе выбора стоит обращать внимание на специализацию, так как один конструктор может иметь идеальное решение для лэндинга-одностраничника или блога, а другой – эффективен при запуске интернет-магазина.
3.Наиболее известные конструкторы сайтов (ТОП 3 конструктора)
1.Тильда (https://tilda.cc/ru).
Тильда на данный момент – самый популярный иностранный конструктор сайтов, имеющий полный функционал для создания сайтов.
Рис.4. Конструктор сайтов Тильда.
Плюсы конструктора Тильда:
– интуитивно простой и понятный интерфейс;
– адаптивность интернет-проекта: сайт, созданный на этом конструкторе, автоматически подстраивается под устройство пользователя (ноутбук, планшет, мобильный телефон);
– фокус на типографике (искусство оформления текста): контент получается легко читаемый и красивый;
– большое наличие шаблонов сайтов (более 210 вариантов дизайнов сайтов по разной теме) и редактируемых блоков (свыше 550 вариантов в базе);
– позволяет сделать уникальный дизайн сайта и анимированные элементы в редакторе Zero Block;
– удобная работа с визуальным контентом. Создание красивого сайта во многом зависит от фотографий и видео. Тильда разработала коллекцию блоков для подачи визуального контента: полноэкранные обложки и видео-обложки, галереи, фото-комбинации, видео-секвенции. Включены все медиа-форматы.
– наличие специальных блоков для интернет-коммерции. Разные способы приёма платежей: через ЮКасса, Robokassa, Cloudpayments, Альфа-Банк, Сбер, Тинькофф и другие. Данные о заказах будут приходить на почту, в Google Drive или в CRM. Собственная CRM-система с подключением в один клик. (CRM-система – программа, которая хранит все данные о существующих и потенциальных клиентах (имена, контакты, история разговоров) и управляет этой информацией);
– мультиязычный интерфейс, в том числе есть русский язык (язык на сайте генерируется автоматически в зависимости от вашей локации);
