Сторінка-портфоліо: HTML, CSS і GitHub Pages

Додано: 7 жовтня
Предмет: Інформатика, 10 клас
12 запитань
Запитання 1

Яку назву має мати файл головної сторінки сайту?

варіанти відповідей

main.html

index.html

home.htm

start.html

Запитання 2

Що задає CSS-правило nav { display: flex; gap: 16px; }?

варіанти відповідей

Пункти меню стають у рядок з відступами 16px

Меню стає невидимим на телефоні

Шрифт меню збільшується до 16px

Меню закріплюється вгорі екрана

Запитання 3

Які дані НЕ варто публікувати на публічній сторінці-портфоліо?

варіанти відповідей

Домашню адресу

Номер мобільного телефону

Опис своїх проєктів

Посилання на свій GitHub

Запитання 4

Що таке коміт на GitHub?

варіанти відповідей

Коментар іншого користувача до сайту

Платна підписка на хостинг

Зафіксована версія файлів з описом змін

Запит на видалення репозиторію

Запитання 5

Учень завантажив на GitHub Pages index.html і style.css, але сторінка без оформлення. У <head> є рядок <link rel="stylesheet" href="styles.css">. У чому причина?

варіанти відповідей

GitHub Pages не підтримує CSS

Назва файлу в href не збігається з style.css

Тег link має стояти всередині body

CSS починає працювати лише через добу

Запитання 6

На телефоні фото з портфоліо вилазить за край екрана. Яке CSS-правило це виправить?

варіанти відповідей

img { width: 2000px; }

body { max-width: 100%; }

img { display: flex; }

img { max-width: 100%; height: auto; }

Запитання 7

Lighthouse показує низьку оцінку Accessibility. Яка причина серед перелічених найімовірніша?

варіанти відповідей

Сайт розміщено на хостингу GitHub Pages

У CSS обрано шрифт system-ui для тексту

Зображення без alt і блідий текст на фоні

Сторінка має лише один заголовок h1

Запитання 8

Як має називатися репозиторій, щоб сайт відкривався за адресою https://olena-dev.github.io?

варіанти відповідей

olena-dev

github.io/olena-dev

website

olena-dev.github.io

Запитання 9

Учень хоче зробити портфоліо якісним. Що варто зробити?

варіанти відповідей

Перевірити код у validator.w3.org

Стиснути фото до 300 КБ у squoosh.app

Переглянути сторінку в режимі пристрою DevTools

Скопіювати чужий сайт і замінити лише ім'я

Запитання 10

Контраст сірого тексту #999999 на білому фоні — 2.8. Що це означає?

варіанти відповідей

Контраст ідеальний для основного тексту

Текст надто блідий: потрібно щонайменше 4.5

Такий колір недопустимий у CSS

Текст стане невидимим на телефоні

Запитання 11

Учень оновив style.css на GitHub, але новий дизайн не з'явився. Що перевірити насамперед?

варіанти відповідей

Чи пройшли 1–2 хвилини, і оновити без кешу

Видалити акаунт GitHub і створити новий

Переписати весь сайт у конструкторі Wix

Перейменувати index.html на index2.html

Запитання 12

Які переваги має власна сторінка на GitHub Pages порівняно з профілем у соцмережі?

варіанти відповідей

Автоматичне просування в рекомендаціях

Повний контроль над вмістом і дизайном

Безкоштовний хостинг статичного сайту

Історія всіх змін у комітах

Створюйте онлайн-тести
для контролю знань і залучення учнів
до активної роботи у класі та вдома

Створити тест
В прямому ефірі
Інтернет-конференція: Інклюзія та робота з дітьми з ООП: команда психолого-педагогічного супроводу