СSS графіка

Основні графічні формати у вебдизайні:класифікація та характеристики форматів JPEG, GIF, PNG, SVG та сучасного формату WebP (розробленого Google), а також поради щодо їх доцільного використання залежно від типу зображення (фотографії, логотипи, анімація, іконки).

Вставка зображень за допомогою HTML:розгляд непарного тега <img>, обов’язкового атрибута src (шлях до файлу) та рекомендованого атрибута alt (альтернативний текст для скрін-рідерів).

CSS-властивості та форматування графіки:налаштування розмірів (width, height), створення та стилізація рамок (border, border-width, border-style, border-color), а також налаштування зовнішніх (margin) і внутрішніх (padding) відступів.

Обтікання текстом і позиціонування:використання властивості float (значення left та right) для розміщення картинок відносно текстових блоків.

Практичні завдання та запитання для самоперевірки:приклади коду, демонстрація відображення у браузері, завдання для самостійного створення вебсторінок і запитання для закріплення матеріалу.