vp-freelance

7 лет назад

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

Lesson 2

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

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

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

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

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

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

Как видите, их не мало, и новичку в них легко запутаться. Для того, чтобы сделать правильный выбор, я расскажу более подробно о 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 этапов:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Контакты для приема работ:
• telegram: @galinak777
• почта: vp1freelance@gmail.com

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