Визуальные редакторы


Содержание сайта
Визуальные редакторы
Обзор программ л.10   /
Список


Bootstrap v 3.3.5 (2011 - 2016 гг)  -  HTML, CSS и Javascript фреймворк для более быстрой и удобной Web-разработки.
Справочная документация на русском языке. Используется бесплатно.
Первоначально (в 2010 г,) программа была создана в Twitter и называлась Twitter Blueprint.

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

Фре́ймворк (от англ. framework) — каркас, структура, основа.
Составные части фре́ймворка - библиотека элементов + каркас, в который эти элементы размещаются.

Каркасом в Bootstrap является сетка.
Сетка, наряду с функцией каркаса, играет и другую роль - она позволяет создавать адаптивный сайт, т.е. сайт, который при просмотре приспосабливается к экранам разных размеров (см. Сайты для разных экранов).
То есть Bootstrap при создании адаптивных сайтов применяет ту же технологию, что и многие визуальные редакторы - XSitePro, Adobe Dreamweaver, Adobe Muse, Responsive Layout Maker, Responsive Site Designer, WebAcappella Responsive и другие.

По умолчанию сетка в в Bootstrap состоит из 12 колонок, может быть основной и плавающей сеткой (где ширина колонок определяется не в пикселях, а в процентах). Сетка может быть настроена.

Библиотека элементов в Bootstrap пополняется по мере развития программы и может содержать:
    Группы кнопок
    Выпадающие списки кнопок
    Навигационные вкладки, кнопки и списки
    Панель навигации
    Ярлыки
    Бейджи
    Заголовки страниц и элемент hero
    Миниатюры
    Сообщения
    Индикаторы процесса
    Модальные элементы
    Выпадающие списки
    Всплывающие подсказки
    Информационные блоки
    Элемент «Гармошка»
    Элемент «Карусель»
    Опережающий ввод с клавиатуры

Bootstrap у нас попал в разряд визуальных редакторов, но это не визуальный редактор.
У него есть сходство с визуальными редакторами только в том, что  Bootstrap имеет библиотеку заранее созданных и настраиваемых элементов, которые можно вставить на веб-страницу.
Но эти элементы в Bootstrap вставляются и редактируются в отдельном редакторе кода (авторы рекомендуют использовать Sublime Text). Также редактируется код и всей веб-страницы.
В визуальных редакторах, как известно, редактирование кода не предусмотрено вообще.

При установке Bootstrap устанавливаются файлы HTML, CSS и Javascript. При создании веб-страницы от пользователя требуются знания и навыки работы с кодом и ручное кодирование.
Поэтому для широкой публики Bootstrap является неким полуфабрикатом, т.к. не все владеют навыками кодирования.
Для таких людей целесообразно использовать действительно визуальный редактор, который основан на Bootstrap - редактор Mobirise.

Редактор Mobirise.намного облегчит и ускорит работу над веб-страницей по сравнению с непосредственной работой в Bootstrap. При этом не будет никаких трудностей с установкой программы, привязке стилей CSS, подключении библиотеки, нужного шрифта и пр. - все делается просто и в визуальном режиме.
Изучение работы Mobirise.также намного проще, чем изучение Bootstrap.


ОБУЧЕНИЕ:

В интернете имеется множество обучающих курсов по  Bootstrap, некоторые из которых платные.
Википедия о Bootstrap      
Обзор Bootstrap   
Первый шаг
Видео-уроки1
Видео-уроки 2,
Видео-уроки 3
http://webformyself.com/minikurs/bootstrap/index-subscribe.html
Примеры шаблонов
Бесплатные темы


Скачать Bootstrap


Вернуться к обзору
Последнее обновление: декабрь 2016 г.