Конструктор HTML-страниц

Пример кода и факты обновлены 13 октября 2026 года · Mobirise

Что делаете вы

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

Что получаете

Статические страницы: файлы .html с CSS и JavaScript на Bootstrap 5. Все блоки адаптивные, поэтому один файл подстраивается под экран от маленького телефона до широкого монитора.

Стоимость

Приложение бесплатно, в том числе для коммерческих проектов, и включает базовую тему с 200+ блоков. За $149 в год план KIT открывает премиум-библиотеку (220+ тем и расширений) и убирает значок Mobirise.

Получение файлов

В приложении для компьютера это бесплатно: оно публикует готовый сайт в локальную папку по вашему выбору. Для функции Site Export в конструкторе в браузере нужен BASE или GROW.

Работа с кодом

На платном плане расширение Code Editor открывает любой блок или всю страницу целиком, так что вы можете менять их HTML и CSS.

Где работает

Windows 7 и новее: MobiriseSetup.exe (~105 МБ). macOS от 10.13 High Sierra: .dmg для Apple Silicon или для Intel (~134 МБ каждый). Linux на базе Debian, например Ubuntu: .deb (~102 МБ). Версия 6.1.12; тот же движок открывается и в браузере.

Хостинг

Ваш сервер по FTP или FTPES, репозиторий GitHub Pages или поддомен на mobirisesite.com с HTTPS бесплатно (на бесплатном плане три сайта).

Не лучший выбор для

Доработки HTML, созданного в другой программе. В Mobirise открываются только проекты Mobirise.

Один блок из публичного демо-сайта Mobirise: ряд с функциями на сайте ControlM5 для складского учёта — это первый из трёх скриншотов для компьютера под заголовком страницы. Декоративные рамки и три повторяющиеся карточки вырезаны, отступы сокращены; больше ничего не менялось.

<section data-bs-version="5.1" class="features01 controlm5 cid-vgZMybvHpp" id="features01-2">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="content-wrapper">
          <!-- decorative border elements trimmed -->
          <div class="row items-wrapper">
            <div class="col-12 col-lg-3 item features-without-image">
              <div class="item-wrapper">
                <div class="iconfont-wrapper">
                  <span class="cards-icon mbr-iconfont mobi-mbri-layers mobi-mbri" style="color: rgb(150, 140, 120); fill: rgb(150, 140, 120);"></span>
                </div>
                <h4 class="item-title mbr-fonts-style display-4">
                  <strong>STOCK TRACKING</strong>
                </h4>
                <p class="item-text mbr-fonts-style display-4">
                  Monitor product quantities, locations.
                </p>
              </div>
            </div>
            <!-- three more cards with the same markup trimmed -->
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Из демо-сайта ControlM5 для складского учёта, блок features01; код прочитан в октябре 2026 года и сокращён. Оранжевым отмечены классы сетки Bootstrap, синим — классы блоков и текста Mobirise.

container, row, col-12

Сетка Bootstrap. Внешний ряд содержит одну колонку во всю ширину, во внутреннем ряду лежат четыре карточки с функциями.

col-12 col-lg-3

Карточка занимает всю ширину телефона и четверть ряда начиная с брейкпоинта lg в Bootstrap (992 пикселя), поэтому на ноутбуке четыре карточки стоят в ряд, а на телефоне идут друг под другом.

features01 controlm5 cid-vgZMybvHpp

Дизайн блока, его тема и класс, которого нет больше ни у одного блока. Для этого класса mbr-additional.css задаёт padding-top и padding-bottom по 5rem, тёмный фон и нижнюю границу — именно такие значения регулируются в настройках блока.

mbr-fonts-style display-4

Текстовый стиль, общий для всего сайта. Здесь display-4 задаёт шрифт Geist размером 0.875rem и дополнительное правило плавного размера для узких экранов.

data-bs-version="5.1"

Помечает секцию как разметку Bootstrap 5. Цвет значка записан прямо в теге, а сам значок берётся из иконочного шрифта Mobirise.

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

Файлы, которые подключает тот же демо-сайт, — по путям из его HTML; в других темах папки могут называться немного иначе.

Поиск по запросу «конструктор HTML-страниц» выдаёт программы нескольких видов. Практическое различие простое: папка, которую можно положить на любой сервер, или страница, живущая внутри платформы.

Конструкторы для компьютера, редакторы кода и один ИИ-генератор — сравнение по тому, что важно, когда цель — HTML: фреймворк, доступ к коду и куда можно выложить файлы. Строки, где выигрывает другой инструмент, оставлены.

Источники: страницы продуктов, цен и справки на сайте каждого производителя, просмотрены 13 октября 2026 года. Суммы указаны в долларах США без налога, и в каждой ячейке названа основа оплаты (разово, помесячно или за год); за пределами США Pinegrow и Adobe называют цены в местных валютах. Условия часто меняются, поэтому проверяйте их перед покупкой.

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

Без кода и без счетов, но с файлами на руках

Mobirise: бесплатное приложение, страницы на Bootstrap 5 из которого можно выложить на любой хостинг.

Переработка готового сайта

Pinegrow или Dreamweaver: оба открывают любой HTML. Mobirise импортировать его не умеет.

Tailwind CSS или разметка без фреймворка

Pinegrow.

Компоненты Bootstrap за один платёж

Bootstrap Studio, $29 или $59 один раз.

Набирать каждый тег самому, бесплатно, на Windows

Бесплатный HTML-редактор CoffeeCup.

Работа с кодом внутри Creative Cloud

Dreamweaver, если вы уже платите за приложения Adobe.

Сначала посмотреть ИИ-дизайн бесплатно

8B AI: этап дизайна бесплатный, а чтобы выйти в сеть, нужен план Pro за $9 в месяц.

Черновик по описанию, а затем блоки, которые вы правите сами

Mobirise AI: четыре варианта дизайна на каждый запрос, 3 бесплатные ИИ-генерации в месяц, затем экспорт из приложения для компьютера.

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