HTML5 & CSS3 Стартовий

На початку курсу буде розглянуто, що таке HTML, для чого він потрібен і як пишуться його елементи. Ви дізнаєтеся про теги, форматування в HTML, про редактор, в якому пишеться код початкової розмітки, з використанням якої побудовано будь-яку веб-сторінку. Також дізнаєтеся для чого використовуються коментарі у коді.

Ознайомившись з другим уроком, слухач дізнається, як додати на сторінку картинки, і навіть різні переходи за посиланнями. Дізнається перші типи елементів, їх відмінності та можливі помилки під час написання коду.

На заняттях будуть розглянуті способи підключення стилів до сторінки, види селекторів, за допомогою яких можна прив'язати стилі вказаним елементам сторінки та за якими принципами визначається пріоритетність записів CSS.

На цьому уроці розглядається базова поведінка елементів для формування ними розмірів. У яких випадках можливо, що контент випадатиме з елемента і псуватиме зовнішній вигляд сторінки.

На цьому уроці ви познайомитеся з механікою роботи зовнішніх відступів елементів. Дізнаєтеся, що таке провалювання (схлопування) і в яких випадках воно є. Будуть також розглянуті неявні відступи під час роботи з рядково-блочними елементами.

На цьому уроці ви познайомитеся з різними правилами CSS для стилізації тексту та з тим, як працює успадкування стилів для елементів-нащадків. Буде розглянуто, як можна приховувати елементи розмітки на сторінці і в чому різниця між різними способами.

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

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

На занятті будуть розглянуті основні способи запису палітри кольорів у властивостях,  де вказується забарвлення. Буде розглянуто у чому різниця установки прозорості елемента через opacity та rgba(). Розглядаються випадки додавання картинок через css та розміщення їх великої кількості на одному елементі.

Студент дізнається про нові семантичні теги, які з'явилися з HTML версії 5 і правила їх використання. У яких варіаціях та комбінаціях їх можна використовувати, а в яких ні. Розглянуто структури простих сайтів із використанням семантичних тегів.