Теперь любой сможет создать профессиональный шаблон сайта одностраничника на Bootstrap. А сделать он это сможет с помощью программы Mobirise Website Builder, причем совершенно бесплатно. Программа для создания сайта одностраничника Mobirise - это довольно свежий программный продукт, позволяет создать одностраничный сайт за считанные минуты и реально, не требует даже представления о Html верстке и тем более о CSS. Вы можете посетить сайт разработчика Mobirise и скачать программу, чтобы убедиться в этом прямо сейчас. Скачивание и последующее использование программы - бесплатное.
Установка и создание одностраничника с помощью программы Mobirise
Установка программы
Для пользователей доступны две версии продукта для Windows и MAC. Установка Mobirise протекает обыкновенно, как для любой программы. В Windows, по умолчанию, программа инсталлируется в папку Program Files, а на рабочем столе появляется ярлык для запуска программы.
Создание сайта
После запуска программы вы сразу можете приступить к созданию одностраничного сайта, сайта визитки или портфолио. Словом, можно создать статичный, небольшой по количеству страниц сайт.
В Mobirise вы сможете создать одностраничный сайт или сайт состоящий из нескольких страниц. Однако для многостраничного сайта, динамичного и периодически обновляемого, лучше использовать CMS, например WordPress.
Начните с нажатия на красный кружок в правом нижнем углу. Появиться панель для выбора блока с контентом. Просто перетащите нужный блок в основное окно и начинайте вносить изменения. Менять текст, цвета бэкграунда и шрифта, менять местами левую и правую колонки и т.д.
По умолчанию, при открытии программы, вы увидите один предустановленный блок, который можно изменить или удалить.
Чтобы изменить какой-нибудь элемент в выбранном блоке, достаточно нажать по нему мышкой и используя всплывающую панель мини-редактора, внести необходимые корректировки. В этой версии программы выбор возможных изменений не большой. Это означает, что показано в меню мини-редактора, то мы и можем поменять.
Дополнение для меню - переходы к блокам
Если вы делаете обычный сайт, а не одностраничник можете не читать этот подраздел, а переходить сразу к размещению сайта в интернет
При создании одностраничника, для того чтобы заработали пункты меню, при нажатии на любой из них, необходимо задать адрес ссылки в виде #adres
(то есть решетка # и идентификатор).
На скрине в правой части видно, что пункту меню - About, присвоен адрес #about. Аналогично нужно поступить со всеми пунктами меню, которые вы создадите и, разумеется, каждому созданному вами пункту меню, должен соответствовать созданный вами блок контента.
Кроме этого, нужно сохранив готовый проект на свой компьютер, открыть индексный файл index.html
и добавить id
каждой секции (блоку контента) дописав в section
код идентификатора, как в примере:
<
section id="about" class="content-2 col-4"
>
Размещение сайта в интернет
Готовый проект вы можете:
- сохранить на свой компьютер.
- загрузить по FTP на сайт.
- загрузить проект на Google Диск.
Для этого нужно нажать на ссылку Publish в правом, верхнем углу экрана программы.
В любой момент вы можете вернуться к редактированию вашего проекта. Данные о проекте сохраняются в файле project.json
, поэтому не удаляйте его.
Выводы
В данной версии пока нет некоторых типов блоков (контакты, табы, портфолио, контакты и т.д. ), скорее всего их следует ожидать в следующей версии, которая может оказаться платной. В целом, для ряда проектов, имеющихся возможностей будет вполне достаточно для создания небольших сайтов или сайтов одностраничников.
Автор
Смотрю Ваше демо с мобильника — хорошо выглядит. Попробую прогу
а как переключить на русский язык, а то я ничего не понимаю.
Просто на месте слов на английском — пишите русские слова.
Приветствую! Слышал и раньше о такой проге, действительно неплохо. А можно такой сайт на Денвер залить! Чтобы погонять как следует?
Можно и на денвер и на опен сервер, все как обычно