Бесплатные курсы по it-профессиям на FreeTutorials.ru.

х
Наверх

Создание сайта на конструкторе Mobirise

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

Целевая аудитория

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

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

Создание сайта в Mobirise

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

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

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

Страницы. Здесь можно добавлять новые страницы, дублировать их, производить SEO настройки для каждой из страниц, а также настраивать вид URL.

Нажав на вкладку «создать страницу», вам откроется три функции – копирование и удаление страницы, а также при нажатии на значок шестеренки, вы перейдете к настройкам страницы, где можно указать заголовок, описание и URL.  

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

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

Расширения. В этом разделе доступны платные шаблоны и расширения. Некоторые образцы являются бесплатными.  

Помощь. Данный пункт меню предназначен для обратной связи с разработчиками программы.

Добавление контента

В центре экрана есть круглая вкладка в форме «+».

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

Рассмотрим основные категории, которые содержатся в данном сайдбаре.

  • «Меню» – выбор форматов меню сайта, который на данный момент два;
  • «Хедеры». В данном блоке можно выбрать 9 хедеров с видео, картинками, слайдерами, заголовками и слоганами;
  • «Слайдеры» – возможность создавать различные форматы галерей и слайдеров;
  • «Изображения и видео» – возможность добавлять медиаконтент;
  • «Контент» – раздел для размещения статей;
  • «Команда» – табы с кнопками, в которых можно разместить ссылку;
  • «Отзывы» – разнообразное оформление блока с отзывами клиентов;
  • «Контакты» – блок, предназначенный для предоставления контактной информации вашей компании;
  • «Социальные сети» – модуль для добавления кнопок для перехода в социальные сети, а также вкладки «поделиться»;
  • «Форма ввода» – блок для размещения формы обратной связи или подписки на вашу рассылку;
  • «Карта» – возможность добавить свой фактический адрес на сайте;
  • «Нижние колонтитулы» – настройки подвала сайта с различными компоновками;
  • «Обратный отчет» – установка таймера обратного отчета в днях, часах и минутах;
  • «События» – публикация на сайте новостей или запланированных мероприятий;
  • «Таблицы цен» – блок для предоставления тарифных планов вашей компании;
  • «Клиенты» – модуль с указанием клиентов, которые пользуются вашими услугами. Это могут быть престижные компании или бренды, указав которые, вы сможете повысить свой имидж.

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

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

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

Дизайн и шаблоны

Программа содержит неплохой редактор изображений. С его помощью можно менять размер и пропорции картинок. Кроме того, конструктор увеличивает скорость загрузки страниц, так как поддерживает AMP – технологию Google.

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

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

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

Ценовая политика Mobirise

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

  • За $50 вы сможете приобрести привлекательный шаблон с большим количеством дополнительных функций.
  • За $60 вы сможете приобрести расширение, позволяющее добавлять на свой сайт возможность продавать товары.
  • Приобрести большой пакет иконок для своего сайта с высоким разрешением можно за $50.
  • 70$ будет стоить расширение, позволяющее редактировать HTML/CSS-коды страниц, что будет полезно для продвинутых пользователей.
  • Возможность размещения на сайте всплывающих окон с любыми блоками будет стоить $50.
  • Кроме того, Mobirise предлагает расширение, где все эти возможности будут в одном платном пакете за $130.

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

Преимущества и недостатки Mobirise

Этот конструктор может привлечь пользователей, которые собираются создавать сайты-визитки или лендинги на потоке. Однако десктопный софт сегодня мало кого интересует. Плюсы Mobirise следующие:

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

 

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

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

Полезные ссылки:


Дата размещения/обновления информации: 24.03.2022 г.
Сообщить об ошибке
Оставить свой комментарий