Bootstrap курс-Основы уровня 1

Название – Курс начальной загрузки – базовый уровень 1

Уровень: базовые

Продолжительность — 4 часа 12 минут

В ходе курса вы научитесь работать с самой известной библиотекой CSS — Bootstrap версии 4. Вы начнете с подключения ее к существующему веб-сайту. Вы научитесь использовать базовые классы, которые будут отвечать за типографику, выравнивание и форматирование на сайте. Вы научитесь работать с цветом, создавать границы, устанавливать поля и форматировать фотографии и графику. Вы увидите, как создавать адаптивные шаблоны с использованием контейнеров, строк и столбцов. Мы покажем вам, как регулировать столбцы при изменении ширины экрана. Вы также увидите, как использовать Flexbox для компоновки и выравнивания элементов, и узнаете о других его интересных приложениях. Также будет информация о создании кнопок и навигационных меню, т.е. так называемого хлебные крошки, индикатор выполнения и многое другое, что вы найдете на каждом веб-сайте.

• создание современных веб-сайтов

• создание интерактивных элементов
< /ul>
• использование и форматирование типографики
• использование цвета
• создание рамки
• li>
• создание полей, ссылок
• вы узнаете, что такое точка останова
• создание сетки, т.е. строк и столбцов
• подстройка страницы под изменяющуюся ширину экрана
• выравнивание элементов
• с помощью Flexbox
• стилизация кнопок
• создание навигационных меню

Что такое Bootstrap?

Bootstrap 3 — это полезная библиотека стилей и скриптов, позволяющая быстро создавать веб-сайты.

Эта библиотека позволяет это сделать. легко создавать эстетически привлекательные макеты страниц и обеспечивает единообразный внешний вид всех элементов, таких как кнопки, шрифты и таблицы. Кроме того, каждый веб-сайт, созданный с помощью Bootstrap, является адаптивным, что означает, что он корректно отображается на смартфонах, планшетах и ​​настольных компьютерах. Если вы разрабатываете веб-сайты, изучение Bootstrap значительно повысит вашу эффективность и качество работы при разработке веб-сайтов.

Курс уровня 1 по Bootstrap представляет наиболее часто используемые элементы Bootstrap, которые имеют решающее значение для изучения этой библиотеки. царапина.

Создавайте современные веб-сайты

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

Быстрый дизайн

HTML и CSS – это основные строительные блоки веб-сайтов. Однако вы должны знать, что вы можете значительно сократить время, необходимое для создания веб-сайта на основе этих двух технологий. Просто используйте Bootstrap, который в настоящее время используется миллионами веб-сайтов по всему миру. Благодаря своей простоте и удобству использования этот фреймворк приобрел так много сторонников. Весь процесс создания веб-сайта можно сравнить с принципом перетаскивания.

1.1. Введение

1.2. Подключение Bootstrap к сайту

2. Базовые занятия

2.1. Типографика – основная информация

2.2. Выравнивание текста

2.3. Форматирование списков

2.4. Форматирование кавычек

2.5. Другие текстовые элементы

2.6. Цвета

2.7. Изменение цвета ссылок

2.8. Создание границы

2.9. Цвет границы и закругление

2.10. Маржа

2.11. Форматирование изображений

2.12. Другие интересные классы изображений

3. Современный макет страницы

3.1. Точка останова – суть понятия

3.2. Контейнеры

3.3. Сетка – строки и столбцы

3.4. Комбинации столбцов и ширина экрана

3.5. Перемещение столбцов

3.6. Вложение

3.7. Изменение порядка столбцов

4. Размещение и выравнивание элементов на странице

4.1. Выравнивание элементов по вертикали

4.2. Выравнивание элементов по горизонтали

4.3. Фиксированное позиционирование

4.4. Способы отображения элементов

4.5. Расположение элементов с помощью Flexbox

4.6. Другие интересные возможности Flexbox

4.7. Видимость и размер

5. Стили пользовательского интерфейса

5.1. Этикетки

5.2. Кнопки

5.3. Группа кнопок

5.4. Группа списков

5.5. Хлебная крошка

5.6. Индикатор выполнения

6. Конец

6.1. Прощай

Как выбрать версию курса:

Видеокурс доступен в двух формах, в зависимости от выбранного вами способа доставки:

1. в электронном виде - в виде ссылки для скачивания запакованного архива. После покупки вы получите ссылку на электронную почту. В этом случае выберите вариант доставки – электронный 0 злотых.

2. коробка на DVD — вместо ссылки для скачивания вы получите DVD по указанному адресу. В этом случае выберите вариант доставки почтоматом или курьером.

Подойдет ли курс под мою программу?

Курсы созданы на разных версиях программы. Однако в большинстве случаев им подходит любая версия. Курсы созданы таким образом, чтобы быть совместимыми и нейтральными для старых версий программного обеспечения. То есть если у вас, например, Photoshop 2019 года и курс создан на версии Photoshop 2020 года, то он подойдет на 100%.

Получу ли я программу вместе с курсом?

Курсы представляют собой видеоролики, показывающие работу в заданной программе. Ни один из курсов не сопровождается программой, которую необходимо приобрести самостоятельно.