Інтерактивні вправи 10 клас

Мова HTML

• Інтерактивна вправа "Етапи роботи над сайтом"
• Інтерактивна вправа "Класифікація за етапами створення веб-сайтів"
• Інтерактивна вправа "Ергономіка розміщення відомостей на веб-сторінці"
• Інтерактивна вправа "Види сайтів"
• Інтерактивна вправа "Структура HTML-документу: розташувати в правильному порядку теги"
• Інтерактивна вправа "Структура HTML-коду веб-сторінки"(початок)
• Інтерактивна вправа "Вказати теги"(початок)
• Інтерактивна вправа "Структура HTML-коду веб-сторінки: розмістити теги"
• Інтерактивна вправа "Заповнити пропуски в HTML-коді"
• Інтерактивна вправа "Теги для форматування тексту"
• Інтерактивна вправа "HTML: форматування тексту, рухомий рядок" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "Таблиця в HTML-документі" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "Форма в HTML-документі: підписати теги"
• Інтерактивна вправа "Форма в HTML-документі: списки (прапорці та перемикачі)" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "Форма в HTML-документі: проєкт "Форма реєстрації" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "Зображення в HTML-документі"
• Інтерактивна вправа "Узагальнення: основні теги та атрибути HTML"
• Інтерактивний тест "Узагальнення з HTML"

УРОКИ  HTML   👉   ТУТ

Каскадні таблиці стилів (CSS)

• Інтерактивна вправа "CSS. Початок, перевірка теорії" (заповнити пропуски)
• Інтерактивна вправа "CSS. Форматування тексту, перевірка теорії" (знайти пари)
• Інтерактивна вправа "CSS. Форматування тексту " (заповнити пропуски в коді)
  
• Інтерактивна вправа "CSS. Форматування тексту, гіперпосилання" (підписати елементи)
• Інтерактивна вправа "CSS. Позиціонування елементу, перевірка теорії" (знайти пари)
• Інтерактивна вправа "CSS. Позиціонування елементу" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "CSS. Анімація типу @keyframes"
• Інтерактивна вправа "CSS. Анімація обертання круга, зміна кольору" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "CSS. Анімація переміщення, градієнтна заливка" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "CSS. Анімація переміщення, обертання, зміна кольору" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "CSS. Анімація переміщення, обертання, розмиття" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "CSS. Анімована композиція" (інтерактивне зображення, заповнити пропуски в коді)
• Інтерактивна вправа "CSS. 3D-трансформація. Обертання картки" (інтерактивне зображення, заповнити пропуски в коді)

УРОКИ  CSS   👉   ТУТ