Перейти к содержимому

Создание печатного отчёта по данным

Средний~14 мин0/4 шаги

Создание печатного отчёта по данным

Дашборды отлично подходят для экранов, но заинтересованные стороны всё равно хотят что-то, что можно распечатать, прикрепить к письму или вставить в презентацию. Чистый, удобный для передачи отчёт — один из самых ценных артефактов, которые может создать аналитик.

В этом уроке вы создадите структурированный макет отчёта: чёткий заголовочный блок, резюме для руководства, аккуратную таблицу данных и нижний колонтитул с датой формирования отчёта. Дизайн намеренно спокойный и высококонтрастный — он одинаково хорошо читается как на бумаге, так и на экране.

Сосредоточьтесь на иерархии. Хороший отчёт ведёт читателя от заголовка к резюме и к деталям, не заставляя его ничего искать. Давайте создадим документ, которым люди действительно захотят делиться.

Инструкции

1

Добавьте заголовок отчёта с тегом h1 «Q4 Performance Report».

Подсказка: Используйте: `<header>...<h1 class="text-3xl font-bold">Q4 Performance Report</h1>...</header>`.

Куда это писать?

<!-- Build your printable report here -->

Пишите в строке 11 — под тем комментарием, после уже добавленного кода.

2

Добавьте раздел резюме с заголовком h2 и абзацем с кратким изложением для руководства.

3

Добавьте таблицу данных для отображения регионального разбивки.

4

Добавьте нижний колонтитул с датой формирования отчёта.

Ваш код

html
13 строки
1
2
3
4
5
6
7
8
9
10
11
12
13

Живой просмотр

Живой просмотр