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

Конструктор теста: Информатика – Визуальное вэбконструирование (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