Как работать с Mobirise
Mobirise — это бесплатный офлайн-конструктор сайтов с перетаскиванием элементов (drag-and-drop). Позволяет создавать адаптивные сайты без знания кода.
1. Установка и запуск
- Скачайте Mobirise с официального сайта: mobirise.com
- Установите программу (доступна для Windows и macOS)
- Запустите приложение
2. Создание нового сайта
- Нажмите «Create New Site»
- Выберите тему или начните с чистого листа
- Дайте название проекту
3. Интерфейс программы
- Панель блоков (слева) — готовые секции для сайта
- Холст (по центру) — визуальное отображение страницы
- Свойства (справа) — настройки выбранного элемента
- Меню (сверху) — сохранение, предпросмотр, публикация
4. Добавление и редактирование блоков
Добавление блока:
- Нажмите на красную кнопку «+» внизу холста
- Выберите категорию (заголовки, галереи, контакты и т.д.)
- Перетащите нужный блок на страницу
Редактирование:
- Кликните на любой элемент для редактирования текста
- Нажмите на иконку карандаша для расширенных настроек
- Изменяйте цвета, шрифты, отступы в панели справа
5. Управление страницами
- Добавить страницу: кнопка «Pages» → «Add page»
- Переименовать: кликните правой кнопкой на название страницы
- Удалить: иконка корзины рядом со страницей
6. Настройки сайта
Нажмите «Site Settings» (иконка шестерёнки) для настройки:
- Название сайта
- Meta-теги (title, description)
- Иконка сайта (favicon)
- Аналитика (Google Analytics)
- SSL-сертификат
7. Предпросмотр и публикация
Предпросмотр:
- Кнопка «Preview» — посмотреть как будет выглядеть сайт
- Кнопка «Publish» — опубликовать сайт
Варианты публикации:
- Локальная папка (бесплатно) — HTML-файлы на компьютере
- FTP/SFTP — на свой хостинг
- Mobirise Hosting — платный хостинг от Mobirise
8. Полезные советы
- Используйте темную тему (View → Dark Mode)
- Сохраняйте проект регулярно (кнопка «Publish» → «Save»)
- Для расширенного функционала установите расширения (кнопка «Extensions»)
- Сайт автоматически адаптируется под мобильные устройства
Пример рабочего процесса
1. Создать новый проект
2. Выбрать тему оформления
3. Добавить блоки (шапка, текст, галерея, контакты)
4. Отредактировать текст и изображения
5. Настроить цвета и шрифты
6. Добавить нужные страницы
7. Проверить адаптивность (кнопка Preview)
8. Опубликовать сайт
1. Создать новый проект
2. Выбрать тему оформления
3. Добавить блоки (шапка, текст, галерея, контакты)
4. Отредактировать текст и изображения
5. Настроить цвета и шрифты
6. Добавить нужные страницы
7. Проверить адаптивность (кнопка Preview)
8. Опубликовать сайт
Mobirise отлично подходит для лендингов, портфолио и простых сайтов-визиток. Для сложных проектов может потребоваться редактирование HTML/CSS вручную.
