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


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


Bootstrap v 3.3.7 (2011 - 2018 гг)  -  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, Responsive Bootstrap Builder, WYSIWYG Web Builder и другие.
Например, редактор Mobirise.намного облегчит и ускорит работу над веб-страницей по сравнению с непосредственной работой в Bootstrap. При этом не будет никаких трудностей с установкой программы, привязке стилей CSS, подключении библиотеки, нужного шрифта и пр. - все делается просто и в визуальном режиме.
Изучение работы Mobirise.также намного проще, чем изучение Bootstrap.


ОБУЧЕНИЕ:

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


Скачать Bootstrap


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