HTML&;印刷海报的CSS 介绍
HTML5工具,例如或似乎非常适合演示,包括科学演示,在科学演示中,好看的数学可以很容易地添加到MathJax中 与科学报告密切相关的是印刷海报(),我想知道是否可以使用HTML和CSS制作它们。我觉得这是个好主意,因为:HTML&;印刷海报的CSS 介绍,html,css,poster,Html,Css,Poster,HTML5工具,例如或似乎非常适合演示,包括科学演示,在科学演示中,好看的数学可以很容易地添加到MathJax中 与科学报告密切相关的是印刷海报(),我想知道是否可以使用HTML和CSS制作它们。我觉得这是个好主意,因为: 图像、表格、数学等都可以很容易地包含在内 典型的基于网格的布局通常出现在海报和HTML/CSS中 内容将与演示分离开来,便于重复使用(例如,在演示和海报之间) 只要稍加修改,海报的副本就可以在网上共享 问题是,大多数CSS框架(例如)允许固定宽度的布局,但假设页面将尽可能
- 图像、表格、数学等都可以很容易地包含在内
- 典型的基于网格的布局通常出现在海报和HTML/CSS中
- 内容将与演示分离开来,便于重复使用(例如,在演示和海报之间)
- 只要稍加修改,海报的副本就可以在网上共享
我知道乳胶,并用它来做演讲和报告。也可以将其用于海报,但我的经验是,如果您需要更改最基本的海报布局,它很快需要更多的调整和知识。为什么不尝试LaTeX。它不是html或css,而是基于代码的,您可以创建您共享的示例海报和一些非常棒的演示文稿 你所要做的就是下载LaTeXilla(Linux)
有很多乳胶海报模板可用。为打印机海报推出自己的CSS/HTML模板非常简单。它比LaTeX简单得多,因为它有奇怪的默认设置和对图形、布局和颜色的迟钝处理。它比PowerPoint更简洁,因为它在创建布局时提供了更多的一致性和“重用/可编程性” 首先,您需要设置纸张的大小:
body {
width: 48in;
height: 36in;
}
然后您需要一些通用布局:
<body>
<div class="poster">
<h1 class="poster-title">...</h1>
<h2 class="poster-authors">...</h2>
<h3 class="poster-affiliations">...</h3>
<hr class="fancy-line">
<div class="container">
<div class="row">
<!-- A bunch of Bootstrap columns (but here it would be a good place to
use CCS Grids too) -->
</div>
</div>
</div>
</body>
...
...
...
如果您喜欢像Bootstrap这样的CSS库的默认设置,那么您可以将其用于大多数组件(我特别喜欢面板)
它不是一个现成的CSS框架,但重要的是,它只是20行自定义CSS,您可以将其置于任何CSS框架之上。谢谢您的回答。我曾在演讲中使用过乳胶,过去我曾尝试过在海报中使用乳胶,但发现很难制作出比标准丑陋布局更复杂的东西。无论如何,我的问题是关于HTML的,我想知道这是否可行。但是如果你能推荐一个好看的灵活类/模板,我很乐意再试一次?看起来好像是从我上次看的时候开始出现的,看起来不错,这是我上周在项目演示中使用的。我真的很喜欢。