Наверх
6 комментариев 28/09/2017

Создаем собственный сайт с помощью онлайн-конструктора

Создаем собственный сайт с помощью онлайн-конструктора

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

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

Первой перед вами откроется страница с выбором тематики сайта. Для примера я выбрал шаблон из группы «Блоги», но доступных примеров тут просто сотни. Выбор темы, по факту, является неким фильтром для поиска более подходящих макетов.

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


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

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

Для начала стоит разобраться с фоновым изображением и загрузить пару десятков фотографий для оформления постов или продуктов. Если на фоне вы хотите разместить несколько картинок, стоит включить параллакс. Подобные эффекты делают сайт более динамичным и стильным, что привлекает внимание ваших читателей. Главное – не переборщите с подобными «завлекаловками», иначе они будут работать против вас.

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

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

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

Сам процесс сделан максимально просто, редактировать статьи оказалось очень удобно. Под руками находятся самые необходимые элементы по настройке, форматировании и добавлении интерактивных объектов (фотографий, .gif и прочего).


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

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

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

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


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

ScreenShot-VideoID-1yAkYm0DEUk-TimeS-312 ScreenShot-VideoID-1yAkYm0DEUk-TimeS-308

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

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


В итоге я бы назвал Wix – одним из лучших сервисов по созданию сайтов. За пару вечеров можно создать полностью рабочий и главное красивый сайт, разобраться в редакторе можно буквально за пару вечеров, спокойно попивая чай. Для моих задач хватило и бесплатного плана, но, при желании заниматься бизнесом (например, интернет-магазин), вам пригодиться премиум-подписка. Она открывает возможность убрать рекламу, получить поддержку и главное – увеличить объем данных, которые можно разместить на сайте. Цены вполне разумные – пакет с интернет-магазином стоит 16,17 доллара в месяц. Для начала личного дела этого вполне хватит.


Но, стоит сказать, что даже самый дорогой план не отпугивает ценой – он обойдется в 24,50. Он уже предлагает экспертный анализ сайта, создание рассылок и безлимитную производительность. Так что, если у вас уже есть пару идей для сайта, сейчас самое время начать что-то делать. Отговорки в стиле «я ничего не понимаю в программировании» уже не работают, так что вперед и удачи вам в создании своего дела!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

6 комментариев

по хронологии
по рейтингу сначала новые по хронологии
1

Рома, желтушненько вышло.
Во введении в суть тобой указано следующее:

и не тратя ни копейки

А в конце заметки идет обсуждение тарифных планов, среди которых нет ни одного бесплатного. Да, действительно, даже самый дорогой из них по сути является копеечным. Но сути это не меняет - утверждение в "шапке" материала действительности не соответствует чуть более, чем полностью. Надеюсь, это просто досаная ошибка по недосмотру. А не сознательная "желтуха" для завлечения читателей. Очень прошу, исправь текст пожалуйста.
Ну и напосоедок - без знания программирования хороший сайт, увы, не получится создать. Дело в том, что у всех этих шаблонов из конструктора есть один фатальный недостаток - отсутствие оптимизации. Как правило, это во всей красе проявляется при просмотре таких вот поделок на мобильных платформах. Так что, ужы, такой сайт годится лишь для одного - в качестве прототипа. Иллюстрации того, что хочешь получить в итоге. Прототип передается дизайнеру и разработчику. А не публикуется для целевой аудитории.

3

Гениальный вопрос. И что я должен на него ответить?

4

теперь буду знать куда слать людей которые просят сделать сайт )))

5
Евгений

Нам ждать обновлённый Keddr? :)

6

"я бы назвал Wix – одним из лучших сервисов по созданию сайтов"
Роман, можете під казати це в порівнянні з якими сервісами? Хто ще в топ 3 сервісів по створенню власних сайтів по вашій версії? І чим вони поступаються wix?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

Modal box

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: