Хотите свой сайт, но не знаете с чего начать? Часть 2

Lesson 2

 Всех приветствую на втором уроке по созданию сайтов!

 В сегодняшнем уроке мы с Вами узнаем:

• Какие конструкторы для сайтов бывают?;
• Плюсы и минусы использования сайта с конструктором;
• Рассмотрим ТОП 5 конструкторов для сайтов;
• Зарегистрируем профиль на конструкторе;
• Создадим наш первый сайт.

 Какие конструкторы для сайтов бывают?

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

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

1. https://ru.wix.com/
2. https://www.a5.ru/lp/1/
3. https://ukit.com/ru
4. http://nethouse.ru/
5. https://umi.ru/
6. https://www.jimdo.com/
7. https://www.redham.ru/
8. https://www.redham.ru/
9. https://www.ucoz.ru/
10. https://fo.ru/

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

 Рассмотрим ТОП 5 конструкторов для сайтов

ВНИМАНИЕ! Все представленные примеры сайтов – всего лишь "голая", не настроенная заготовка, прям из коробки!

1) Конструктор UCOZ

Основные плюсы использования:

• большое количество шаблонов (более 500);
• большое количество модулей (галерея, форум, магазин, опросы, блог, новости и тд.);
• множество различных настроек;
• постепенно бесплатно увеличивающееся дисковое пространство, по мере роста сайта (на старте около 450 мб);
• хорошо индексируется поисковиками;
• доступен PHP за доплату;
• есть RSS-импорт и -экспорт;
• возможность редактирования шаблона с использованием html редакторов и встраивание различных кодов, баннеров и т.д.;
• много поддоменов;
• доступность поддержки.

Основные минусы использования:

• Присутствие рекламных баннеров, на бесплатных аккаунтах.

 Пример сайта на конструкторе UCOZ

2) Конструктор uKit

Основные плюсы использования:

• понятный интерфейс;
• современные технологии верстки DragandDrop;
• разнообразие шаблонов.

Основные минусы использования:

• встраивание своих html кодов платно, от 12$ в месяц;
• магазин тоже платный;
• мало модулей и функций;
• мало поддоменов.

Пример сайта на конструкторе uKit

3) Конструктор WIX

Основные плюсы использования:

• понятный интерфейс;
• куча подсказок и обучающего материала;
• разнообразие шаблонов;
• возможность встраивания html кодов;
• современные технологии верстки DragandDrop;
• хорошая индексация поисковиками;
• низкие цены для премиум, 123 рубля;
• возможность создания мобильной версии;
• отзывчивая поддержка;
• возможность переноса сайта на другой хостинг при покупке премиум;
• подарок пользователям премиум в виде Яндекс.Директ рекламы;
• более 100 000 000 пользователей;
• в разделе вакансии, можно найти работу дизайнера или программиста.

Основные минусы использования:

• длинная ссылка сайта (но легко можно привязать свой купленный домен);
• ограничения скорости загрузки сайта.

Пример сайта на конструкторе WIX

4)Конструктор Nethouse

Основные плюсы использования:

• безлимитное пространство на диске;
• подарок новым пользователям в виде рекламы в GoogleAdwords;
• 100 р. на счету для пробы платных услуг;
• нормальная техническая поддержка.

Основные минусы использования:

• нет возможности вставить свой html код, баннеры и тд.;
• нет форума (модуль).

Пример сайта на конструкторе Nethouse

5) Конструктор A5

Основные плюсы использования:

• 150 Мб дискового пространства и не ограниченное количество страничек;
• есть возможность делать сайты на Flash;
• нормальная поддержка;
• не высокая цена перехода на платный аккаунт.

Основные минусы использования:

• не запоминающийся цифровой домен;
• присутствует рекламный баннер в правом верхнем углу;

Пример сайта на конструкторе A5

 Я начинал работать на конструкторе UCOZ в 2005 году. На тот момент он был лучшим, мне казалось, что я МЕГО кодер)), у меня было много сайтов на этом конструкторе, они очень хорошо индексировались поисковыми системами. Но хочу отметить, что все сайты на конструкторах, это новостные, блоги, каталоги фильмов и тд., редко когда интернет магазины. В общем сайты одной тематики.

Регистрация профиля в конструкторе сайтов

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

 Сначала переходим по ссылке и нажимаем кнопку «Создать сайт».

 Дальше нажимаем на надпись «Создать аккаунт»

 Заполняем поля формы регистрации и нажимаем «Создать»

 Создание нашего сайта

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

 Следующим шагом, выбираем более подходящий нам шаблон, когда наводим мышкой можем просмотреть шаблон, нажав кнопку «Просмотреть». Чтобы выбрать и использовать шаблон, нажимаем «Редактировать»

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

 Во время редактирования условно можно выделить 5 этапов:

1. Настройка модулей: включить нужные или отключить не нужные, выбрать фон, загрузить свои картинки или объекты.
2. Определиться со страницами: добавить необходимые или удалить лишние.
3. Редактор объектов. Смотрим на сайт и на панельку редактора на скриншоте справа, там мы можем: дублировать, копировать, удалить объект, изменить его размер.
4. Панель действий (на скриншоте вверху): можем изменить масштаб для удобства работы с разными объектами, отменить или повторить действие, переключиться на мобильный просмотр и общий просмотр.
5. Кнопка вверху справа «Опубликовать» - переходим к размещению нашего сайта.

ВНИМАНИЕ! Все эти настройки можете произвести и после публикации сайта!

 Переходим к выбору адреса нашего сайта. На этом этапе можем использовать бесплатный домен формата ваш email.wixsite.com.придуманное имя, или привязать свой домен. На данном этапе домена своего у нас нет, поэтому пишем в поле «mysite» свое название (любое, на английском языке) и нажимаем кнопку «Сохранить и продолжить»

 На следующем этапе после загрузки (дискета сверху показывает, что сайт создается), можем изменить имя сайта и нажать «Готово»

 После чего жмём кнопочку «Перейти» и в новой вкладке откроется наш сайт

 Поздравляю! Вы создали свой первый сайт. В моём случае он получился такой.

 Если закрыли страницу, как попасть снова в редактор и на свой сайт? Для этого просто переходим по ссылке, и попадаем к себе в кабинет с созданным сайтом. Там можем перейти к редактированию сайта или создать ещё один.

 Переходим снова в редактор, нажимаем на «Управление»

 и дальше кликаем «Редактировать». Мы снова попадём в редактор нашего сайта, где можем изменить всё на свой вкус и цвет.

 Не бойтесь нажимать и клацать везде, поломать конструктор у Вас не получиться. Оформляйте свой сайт и экспериментируйте!

 Домашним заданием будет создать сайт и сбросить ссылку на отредактированный сайт мне в Telegram.

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

 В следующем уроке мы рассмотрим:

• настройка внешнего вида и SEO настройки;
• подключение нескольких модулей на нашем сайте, формы подписки и другие.

 Всем удачи, увидимся в следующем уроке!

 P.S. Не ошибается тот, кто ничего не делает!

Для вас старался и трудился @moneygroup.

Продолжение в следующем уроке ...

Условия сотрудничества и актуальные конкурсы

Контакты для приема работ:
• telegram: @galinak777
• почта: [email protected]

Чат сообщества: Freelance