Сгенерируй тест для школьников с учетом следующих параметров: 1. Предмет: Информатика 2. Тема теста: визуальное вэбконструирование 3. Класс учеников: 11 4. Типы вопросов в тесте: Единственный выбор 5. Количество вопросов: 10 6. Выводить ли тест с ответами: Да

Конструктор теста: Информатика – Визуальное вэбконструирование (11 класс) Тип вопросов: Единственный выбор Количество вопросов: 10 Ответы приведены после вопросов. 1. Что такое визуальный вэбконструктор? A) Инструмент, где код пишется вручную без средств UI B) Инструмент с drag-and-drop, позволяющий создавать сайты без ручного редактирования кода C) Браузер для просмотра сайтов D) Расширение для текста редактора кода Правильный ответ: B 2. Какой тег в HTML указывает на основную навигацию на странице? A) header B) nav C) main D) aside Правильный ответ: B 3. Что делает атрибут alt в теге img? A) Загружает изображение B) Добавляет подпись к изображению C) Обеспечивает текстовую альтернативу изображению для доступности D) Задает размер изображения Правильный ответ: C 4. Какой CSS-селектор выбирает элемент по его классу? A) #classname B) .classname C) classname D) [class="classname"] Правильный ответ: B 5. Что означает концепция "box model" в CSS? A) Модель расположения элементов внутри flex-контейнера B) Модель представления элемента в виде контента, отступов, границы и внешних отступов C) Модель сетки Grid D) Модель работы с DOM Правильный ответ: B 6. Какой свойство CSS используется для выравнивания элементов по главной оси в flexbox? A) display: grid B) justify-content C) align-items D) flex-direction Правильный ответ: B 7. Что такое адаптивный дизайн (responsive design) и зачем он нужен? A) Дизайн только для мобильных устройств B) Дизайн, который адаптируется под размер экрана C) Дизайн без изображений D) Техника, позволяющая ускорить загрузку только текстовых страниц Правильный ответ: B 8. Что означает атрибут srcset в теге img? A) Альтернативный текст B) Набор источников изображений различного разрешения C) Стили изображения D) Размер изображения Правильный ответ: B 9. Что такое семантические теги HTML и зачем они нужны? A) Теги для стилей B) Теги, несущие смысловую нагрузку (header, nav, main, article, section, footer) для SEO и доступности C) Теги для скриптов D) Теги устаревшие и не используемые Правильный ответ: B 10. Какой вариант лучше для оптимизации производительности при визуальном конструировании сайта? A) Использовать внешние таблицы стилей и скриптов без минификации B) Не использовать кеширование C) Минимизировать и объединять файлы CSS/JS, оптимизировать изображения D) Загружать все изображения сразу без отложенной загрузки (lazy load) Правильный ответ: C Ответы (для проверки): 1 — B 2 — B 3 — C 4 — B 5 — B 6 — B 7 — B 8 — B 9 — B 10 — C