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

Назва - Курс Bootstrap - базовий рівень 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. Вступ

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. box on DVD - замість посилання для завантаження ви отримаєте DVD за вказаною адресою. У цьому випадку оберіть варіант відправлення посилковим ящиком або кур’єром.

Чи підійде курс до програми, яку я маю?

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

Чи отримаю я програму разом із курсом?

Курси - це відеоролики, що демонструють роботу в заданій програмі. Жоден із курсів не супроводжується програмою, яку ви повинні придбати самостійно.