Адаптивна верстка сайту
ITVDN: курси програмування
Відеокурси з
програмування

Вибери свою IT спеціальність

Підписка

ВІДЕОУРОК № 5. Адаптивна верстка сайту

Для перегляду повної версії відеокурсу, онлайн тестування та отримання доступу до додаткових навчальних матеріалів придбайте курс Придбати курс
Для перегляду всіх відеокурсів ITVDN, представлених у Каталозі, а також для отримання доступу до навчальних матеріалів та онлайн тестування придбайте підписку Придбати підписку

Технологія flexbox дозволяє створювати більш легко та правильніше розкладку елементів для вебсторінки на відміну від float-ів, Flexbox дозволяють з легкістю вирівнювати елементи по горизонталі та по вертикалі, змінювати напрямок та порядок відображення елементів, розтягувати блоки на всю висоту чи ширину, або прибивати їх до будь-якого краю батьківського елемента.

Читати далі...

Мета уроку - ознайомитися з основами технології flexbox, загальними поняттями та принципами логіки роботи технології flexbox, виробити розуміння того, як використовувати flexbox на практиці. Познайомитись із початковою простою структурою перед створенням лендіг (односторінкового) сайту та розібратися з тим, як виконувати перші кроки при верстці. Також розглянути створення простого меню на сайті з використанням флексбокс технології.

Читати далі...

Мета уроку - ознайомитися з основними властивостями, що використовуються на практиці, і отримати розуміння того, коли їх використовувати. Розібрати які є можливості у властивостей align-items, flex-wrap, order, а також їх нюанси та переваги використання.

Читати далі...

Мета уроку - розібрати як, навіщо і коли потрібно змінити напрямок основного потоку. Переглянути які аспекти з'являються при зміні потоку. Розглянути, якою стає поведінка у властивості margin з flexbox елементами, яким чином можна використовувати медіа запити при верстці макета, використовуючи flexbox технологію. Ознайомитися з властивістю flexdirection і як змінює свою поведінку властивість margin з використанням флексбоксів.

Читати далі...

Мета уроку - познайомитися з властивостями flex-grow і flex-shrink для створення гумової верстки. Ознайомитись із процесом завершення планшетної та мобільної версії простої сторінки без використання додаткових правил медіа запитів.

Читати далі...
ПОКАЗАТИ ВСЕ

Купуй передплатуз доступом до всіх курсів та сервісів

Бібліотека сучасних IT знань у зручному форматі

Вибирай свій варіант підписки залежно від завдань, що стоять перед тобою. Але якщо потрібно пройти повне навчання з нуля до рівня фахівця, краще вибирати Базовий або Преміум. А для того, щоб вивчити 2-3 нові технології, або повторити знання, готуючись до співбесіди, підійде Пакет Стартовий.

Стартовий
  • Усі відеокурси на 3 місяці
  • Тестування з 10 курсів
  • Перевірка 5 домашніх завдань
  • Консультація з тренером 30 хв
59.99 $
Придбати
Преміум Plus
  • Усі відеокурси на 12 місяців
  • Тестування з 24 курсів
  • Перевірка 20 домашніх завдань
  • Консультація з тренером 120 хв
  • Завантаження відео уроків
199.99 $
Придбати
Базовий
  • Усі відеокурси на 6 місяців
  • Тестування з 16 курсів
  • Перевірка 10 домашніх завдань
  • Консультація з тренером 60 хв
89.99 $
Придбати
коментарі та обговорення
Notification success