设计一份可打印的数据报告
中级~14 分钟0/4 步骤
设计一份可打印的数据报告
仪表盘适合屏幕,但利益相关者仍然需要可以打印、附在邮件里或放进演示文稿的东西。一份干净、易于分享的报告,是分析师能产出的最有价值的成果之一。
在本课中,你将构建一个结构化的报告布局:清晰的标题区、一段执行摘要、一张整洁的数据表,以及标注报告日期的页脚。设计刻意保持沉稳、高对比度,让它在纸面和屏幕上都易于阅读。
专注于层次感。一份好的报告会引导读者从标题到摘要再到细节,而不需要他们费力寻找。让我们来做一份人们真正愿意分享的文档。
操作说明
1
添加报告页头,其中包含标题为“Q4 业绩报告”的 h1。
提示: 使用:`<header>...<h1 class="text-3xl font-bold">Q4 业绩报告</h1>...</header>`。
这段代码写在哪里?
<!-- 在这里构建你的可打印报告 -->写在第 11 行——在那条注释下方,接在你已经写好的代码后面。
2
添加一个摘要区块,包含 h2 标题和一段执行摘要文字。
3
添加一张数据表来展示区域细分数据。
4
添加一个页脚,标注报告的生成日期。
你的代码
html
1
2
3
4
5
6
7
8
9
10
11
12
13
用 ViBot 来 Vibe0 / 12 条免费消息
描述你想为这一步构建的内容,我来编写代码——然后点击「应用」把它放进你的编辑器。 本步骤:添加报告页头,其中包含标题为“Q4 业绩报告”的 h1。
实时预览
实时预览