跳转到正文

设计一份可打印的数据报告

中级~14 分钟0/4 步骤

设计一份可打印的数据报告

仪表盘适合屏幕,但利益相关者仍然需要可以打印、附在邮件里或放进演示文稿的东西。一份干净、易于分享的报告,是分析师能产出的最有价值的成果之一。

在本课中,你将构建一个结构化的报告布局:清晰的标题区、一段执行摘要、一张整洁的数据表,以及标注报告日期的页脚。设计刻意保持沉稳、高对比度,让它在纸面和屏幕上都易于阅读。

专注于层次感。一份好的报告会引导读者从标题到摘要再到细节,而不需要他们费力寻找。让我们来做一份人们真正愿意分享的文档。

操作说明

1

添加报告页头,其中包含标题为“Q4 业绩报告”的 h1。

提示: 使用:`<header>...<h1 class="text-3xl font-bold">Q4 业绩报告</h1>...</header>`。

这段代码写在哪里?

<!-- 在这里构建你的可打印报告 -->

写在第 11 行——在那条注释下方,接在你已经写好的代码后面。

2

添加一个摘要区块,包含 h2 标题和一段执行摘要文字。

3

添加一张数据表来展示区域细分数据。

4

添加一个页脚,标注报告的生成日期。

你的代码

html
13
1
2
3
4
5
6
7
8
9
10
11
12
13

实时预览

实时预览