03 - Перша практика з HTML&CSS: код простенької сторінки згідно дизайн-макету. Підключаємо шрифти.

Telegram-канал для зацікавлених темою створення сайтів: https://t.me/htmlcssforall
---
У цьому відео:
Варіанти запуска VS Code та відкриття папки з проектом. Коментування у HTML. Теги для заголовків (h1, h2). Тег для текстових блоків (p). Головний структурний елемент (div). Створення класу стилів. Як обрати та підключити шрифт з Google Fonts. Файл стилів CSS та його під'єднання до HTML. Селектори по імені тега та по класу. Як налаштувати колір фону та тексту в CSS. Як вирівняти текст на HTML-сторінці за допомогою CSS. Яка різниця між width та max-width. Як вирівняти зміст сторінки по центру за допомогою margin. Як в CSS зробити текст великими літерами. Як налаштувати внутрішні та зовнішні відступи за допомогою margin та padding. Що таке font-weight.
---
ЗМІСТ:
00:00 Повторення попереднього урока
02:30 Варіанти запуска VS Code та відкриття папки з проектом
05:00 Знайомство з дизайн-макетом для проекту
07:35 Коментування у HTML
10:30 Обговорення структури проекту за певним макетом
13:20 Створюємо HTML-структуру сторінки
28:25 Знайомство з інспектором елементів Chrome
32:30 Файл стилів CSS та його під'єднання до HTML
36:25 Коментування у CSS
37:00 Створення CSS-стилів - тест зв'язку файлів
44:45 Як обрати та підключити шрифт з Google Fonts
49:45 Пишемо всі стилі CSS згідно дизайн-макету
01:10:35 Кольорові палітри у Photoshop та у Мережі
01:13:00 Підсумки, рекомендації до самостійної роботи
---
#Frontend #БезкоштовнийКурс
---
Інші відео з серії:
01 - Анонс курсу: https://youtu.be/NJfwDM424IQ
02 - VS Code - Середовище для створення коду, його налаштування, загальні моменти до початку роботи