Новости

Как правильно применять в JavaScript асинхронные функции: примеры работы с ES 2017
От автора: возможность писать на JavaScript асинхронные функции является важным обновлением в ES2017. Что такое асинхронные функции? Асинхронные функции — это функции, которые возвращают promise. Мы

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

Как исправить JavaScript error "ВКонтакте"? Что делать при ошибках JavaScript в "ВКонтакте"?
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Правильное использование Tor Browser
Tor Browser полностью анонимен – Миф или реальность? Многие считают, что Tor — это полностью анонимное и безопасное средство для интернет-серфинга, которое не дает никому возможность контролировать то,

Javascript error object is not a function вконтакте как исправить
"ВКонтакте" - это на сегодняшний день самый удобный русскоязычный ресурс, который является не только популярнейшей социальной сетью, но и сервисом для прослушивания аудиозаписей и просмотра видео. Здесь

Как исправить ошибку javascript error вконтакте
На сегодняшний день «Вконтакте» является наиболее удобным русскоязычным ресурсом, который представляет собой не только крупнейшую социальной сеть, но и сервис для просмотра видео и прослушивания аудиозаписей.

Что такое JavaScript и для чего он используется?
Подробности декабря 10, 2015 Просмотров: 20225 В интернете миллионы веб-страниц,

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

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

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

Как быстро сделать сайт в программе Mobirise

Опубликовано: 01.09.2018

видео Как быстро сделать сайт в программе Mobirise

Программа для создания сайтов Создание сайтов в программе Adobe Muse. Бесплатно

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



Что такое Mobirise и что можно сделать?

Итак, что это за зверь такой? Это бесплатная программа-конструктор, которая позволяет создавать несложные сайты – лендинги, сайты-визитки, подписные страницы, страницы с портфолио, даже небольшой магазинчик, и прочие такого же типа.

Конечно, большой сайт на сотни и даже десятки страниц, блоги или что-то другое крупное сделать в Mobirise не получится, но для этого программа и не предназначена. Для этого есть специальные CMS, а здесь можно быстро сделать что-то небольшое для продвижения услуг или продаж.


Лучший конструктор сайтов и лендингов Mobirise

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


Бесплатная тема для конструктора сайтов Mobirise - Mobirise 4

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

Кстати, «строительные блоки» для сайта сделаны с использованием современных технологий – используется и CSS3, и HTML5. Эффект параллакса и фоновое видео тоже присутствуют и их можно использовать. На выходе можно получить красивую, современную страницу. Благодаря использованию готовых блоков, создание рабочего макета страницы займет буквально несколько минут, потом останется вписать свой текст и все.

Кому лень много читать дальше, может посмотреть видео, в нем все достаточно понятно, а где взять эту программу, написано в конце статьи.

Как быстро сделать сайт – начало работы

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

При первом запуске появляется окошко для ввода почты, после чего второе окошко просит ввести пароль. Этот пароль приходит на почту, так что проверьте её. Так принудительно программа заставляет зарегистрироваться, иначе не запустится.

На скриншоте я отметил основные части программы:

Кнопка, показывающая меню. Иконки, при нажатии на которые можно посмотреть, как страница будет выглядеть на компьютере, планшете и смартфоне. Просмотр страницы в браузере или загрузка на сервер для окончательной публикации – для публикации надо сначала указать настройки FTP, чтобы программа смогла подключиться к серверу и загрузить туда сайт. Кнопка, на которую ведет стрелка с надписью «Click to Start» — приглашение к работе. Открывает боковую панель со «строительными блоками».

Боковая панель выглядит так:

Проматывая список блоков, можно кликать по нужным, и они будут добавляться в конец страницы. Или можно перетаскивать их в нужное место, если надо вставить где-то в конкретном месте.

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

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

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

Главное меню

Слева расположен главное меню такого вида:

По пунктам:

Pages – здесь можно создавать дополнительные страницы, если на сайте будет их больше одной.

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

Учетная запись, с которой регистрировались при первом запуске программы.

Extensions& Themes – расширения и темы. Здесь открывается магазин Mobirise.Store, где можно купить и установить другие темы (с другими блоками) и разные расширения. Про это дальше.

Как установить темы и расширения

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

Сделать это можно, воспользовавшись пунктом Extensions& Themes в меню. Открывается магазин, где можно купить еще разных тем, в которых еще десятки разных блоков. Есть там и несколько бесплатных, которые можно загрузить сразу, но они несколько беднее, хотя и тоже вполне хорошие.

Кроме того, там можно установить себе и некоторые расширения, например, редактор html/css – изначально в программе нет возможности напрямую редактировать код блоков и их стили, а это расширение это позволяет делать.

Кроме того, там можно установить большой пак иконок, классный слайдер, десятки дополнительных блоков для стандартных тем, и многое другое. Выглядит Mobirise.Store примерно так:

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

Где скачать программу и расширения?

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

Мало того, еще выгоднее приобрести не все по отдельности, а в виде пака – он называется Mobiriz-Kit, и это сборник всего в одном пакете. По цене этот пакет выйдет всего как несколько тем, зато в нем будет все сразу, притом все темы и расширения там тоже переведены на русский язык. Именно благодаря этому пакету у меня оказалось купленным все в этом магазине.

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

Достоинства и недостатки

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

Mobirise – слишком примитивная программа с минимумом настроек. Извините, для этого её и сделали. Нужно больше настроек и полета фантазии – используйте Adobe Muse или даже Dreamweaver, и верстайте, что хотите. Однако сделать страницу с профессиональным дизайном за 5 минут в них не получится. Mobirise же позволяет это сделать, даже тем, кто вообще никогда сайты не делал. Для нарезки огурца не нужна бензопила, достаточно ножа и никаких премудростей. Так что простота в этом случае – скорее преимущество, а расширения добавляют некоторый функционал.

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

Программа может «зависнуть» или «вылететь». Такие отзывы встречал, они были давностью год-два. Может, программу доработали, но я на 64-битном Windows 7 с 8-Гб оперативкой за несколько дней зависаний и вылетов не заметил.

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

rss