Создание адаптивных сайтов в Mobirise
Приветствую всех посетителей проекта! Продолжаем тему самостоятельного создания сайтов и не просто сайтов, а динамичных, современных и, главное, адаптивных. С ростом популярности мобильных гаджетов требования к сайтам несколько изменились. Корректное отображение контента на всех устройствах является сейчас одним из основных пунктов ТЗ при разработке любого ресурса.
Но сегодня речь пойдет не о студиях, где создание адаптивного сайта обойдется в приличную сумму, напротив, мы поговорим о том, как самостоятельно создать респонсивный сайт без наличия технических знаний и опыта. В Интернете нынче много готовых решений, значительно упрощающих процесс верстки сайта: это CMS, онлайн-конструкторы (обзор популярных конструкторов можно посмотреть на sitebuilders24.ru), программы, оффлайн-приложения.
С одним из таких приложений мы познакомимся сегодня поближе. Почему среди огромного многообразия подобных продуктов я обратила внимание именно на этот продукт? Наверное потому, что его функции и возможности оставляют далеко позади остальных конкурентов по многим параметрам.
Судите сами, Mobirise - приложение с простым интуитивно понятным интерфейсом, позволяющее создавать адаптивные сайты как для личного, так и для коммерческого использования совершенно бесплатно. Именно эти три преимущества стали для меня решающими. Ведь большинство аналогичных конструкторов либо платные с помесячной абонплатой, либо размещают логотип и ссылки на всех своих сайтах.
Mobirise работает на фреймворке Bootstrap последних версий, благодаря чему современный дизайн и кроссбраузерность гарантированы любому созданному в нем проекту и он реально прост в использовании. Принцип работы основан на технологии "drag-and-drop" и заключается в перетягивании готовых блоков на рабочую область.
Благодаря интуитивно понятному WYSIWYG (что видите, то и получаете) интерфейсу, Mobirise позволяет сразу же просматривать и вносить изменения в дизайн своего сайта. Это касается как незначительных изменений, таких как изменение шрифта или цвета, так и более серьезных правок, таких как удаление или замена определенных элементов. Независимо от внесенных изменений, отзывчивость сайта будет сохранена, и он будет по-прежнему безупречен во время просмотра на любом устройстве.
Mobirise предлагает множество готовых блоков с разным типом контента, включая текст, изображения, характеристики, ценовые таблицы, заголовки, меню, слайдеры, карусели, галереи, видеофоны... Любой блок вставляется на страницу одним движением. После добавления нужных блоков, вам останется отредактировать содержащийся в них контент под свои потребности.
Вы легко можете добавить собственное фоновое изображение, пользовательский текст, настроить ссылки на любой другой внешний сайт или установить якорь на ту же страницу, подключить форму обратной связи, указав лишь свой эл. адрес (больше никаких танцев с бубном для этого не потребуется). Или же установить блок магазина и заняться онлайн-продажами.
На скриншоте ниже вы видите интерфейс конструктора, никаких лишних мудрёных инструментов, только необходимые функции: