Про курс
Курс «HTML5 & CSS3 Базовий» продовжує серію уроків про можливості використання мов гіпертекстової розмітки та каскадних таблиць стилів для створення сучасних вебсторінок. На курсі ви дізнаєтесь, як створювати важливі елементи сайту з адаптивністю, познайомитесь з основами та особливими моментами при роботі з формами і підключенням шрифтів до сайту.
Курс буде корисним новачкам, що мають початковий досвід використання HTML та CSS на рівні курсу «HTML5 & CSS3 Стартовий», а також тим, у кого є декілька реалізованих сайтів і має на меті здобути практичні знання та необхідні навички у створенні сайтів, а також рухатись у напрямку front-end надалі. Буде корисним курс і для програмістів інших напрямків розробки, які хочуть здобути розуміння в роботі і тонкощах коду HTML і CSS.
Ви навчитеся
- Створювати сучасні адаптивні вебсторінки.
- Писати селектори різної складності і оптимізації для проєкту.
- Створювати форми.
- Використовувати псевдоелементи для створення необхідних ефектів і елементів-прикрас для сайту.
- Адаптувати сайт під різні розміри екранів.
- Додавати і правильно працювати зі шрифтами.
- Налаштовувати і запускати анімації CSS.
- Додавати градієнти.
- Створювати сайти по макету.
- 3 год 2 хв
- у записі
- 5 з 11
- українська
Що входить до курсу
У цьому уроці студент дізнається, як можна різними записами задавати стилі потрібним елементам, коли структура XTML вимагає певного відокремлення. Також поговоримо про те, як сайти або його частини можна описувати модулями до повторювальної розмітки.
Форма - важливий елемент сторінки, що створюється спеціальними тегами і атрибутами. Студент буде ознайомлений з різними можливостями тегу input, що є складовою частиною будь-якої форми. Крім того, поговоримо, як input може бути полем або кнопкою для різних задач і розглянемо допоміжні теги для input
На цьому уроці студент розгляне нові можливості для тегів HTML, що прописуються через CSS, а саме це будуть різні псевдоелементи і псевдокласи. Завдяки цим інструментам учень зможе виконувати ширший спектр задач при створенні елементів вебсторінки. Також буде задавати візуального виду елементів, відштовхуючись від динамічного або статичного стану тегу через атрибути.
Студент дізнається про додаткові елементи форми, що доповнюють її функціонал для передачі даних. Розберемо спосіб створення кастомних (власних) елементів, які не можна стилізувати напряму, зберігаючи вбудований функціонал форм
В цьому уроці буде розібрано позиціонування: його можливості і способи використання для вебсторінок різними способами і в різних випадках. Студент зрозуміє, де саме часто використовують можливості властивості position на сайтах і які є допоміжні правила CSS, що вказують елементу на потрібну поведінку.
