Хотите свой сайт, но не знаете с чего начать? Часть 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
• почта: vp1freelance@gmail.com

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


Comments 1