Adicionar a origem
Digite, cole ou abra um roteiro Markdown dividido em slides. O conteúdo continua disponível para correção durante a tarefa.
Criar slides Reveal.js a partir de Markdown
Use `---` para separar slides e escreva menos do que escreveria em um documento. A saída é uma apresentação HTML que carrega Reveal.js de uma CDN; não é um arquivo PowerPoint e não é garantida offline.
Entrada Markdown
243 caracteres
Prévia de Apresentação web
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Notas do projeto</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/theme/white.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/highlight/monokai.css">
<style>
.reveal h1, .reveal h2, .reveal h3 { text-transform: none; }
.reveal .slides section { box-sizing: border-box; max-height: 92%; overflow-y: auto; padding: 0 0.25em; }
.reveal .slides section > :first-child { margin-top: 0; }
.reveal .slides section > :last-child { margin-bottom: 0; }
.reveal section img { border: none; box-shadow: none; }
.reveal pre { font-size: 0.55em; }
.reveal blockquote {
border-left: 4px solid #e85d3c;
background: #fde8e2;
padding: 0.5em 1em;
font-style: normal;
}
.reveal table { font-size: 0.6em; }
.reveal code { color: #e85d3c; }
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section><h1>Notas do projeto</h1>
<p>Um documento claro começa com uma <strong>estrutura bem definida</strong>.</p>
<h2>O que conferir</h2>
</section>
<section><ul>
<li>Títulos fáceis de entender</li>
<li>Links que continuam funcionando</li>
<li>Arquivos simples de editar</li>
</ul>
<blockquote>
<p>Confira a prévia renderizada antes de baixar.</p>
</blockquote>
</section>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/highlight/highlight.js"></script>
<script>
const revealPlugins = typeof RevealHighlight === 'undefined' ? [] : [RevealHighlight];
Reveal.initialize({
hash: true,
slideNumber: 'c/t',
transition: 'slide',
plugins: revealPlugins
}).catch((error) => console.error('Reveal initialization failed', error));
</script>
</body>
</html>Os arquivos são processados nesta aba do navegador.
Como usar Markdown para apresentação web
Trabalhe primeiro com um roteiro Markdown dividido em slides; só considere a tarefa concluída depois de conferir uma apresentação web Reveal.js.
Revisar a estrutura
Revise a estrutura principal, confira os elementos que devem permanecer e corrija o que não fizer sentido antes de gerar o resultado.
Baixar apresentação .html
Use a ação “Baixar apresentação .html” e verifique uma apresentação web Reveal.js no programa ou no destino em que será usado.
O que a ferramenta entrega
uma apresentação web Reveal.js com uma etapa clara de revisão
Os pontos abaixo descrevem o que uma apresentação web Reveal.js mantém hoje. Eles não prometem reprodução idêntica entre formatos diferentes.
Estrutura principalSeparadores criam slides em sequência.
Conteúdo reutilizávelTítulos, listas, código e tabelas aparecem na apresentação.
Resultado verificávelO arquivo abre em um navegador moderno.
Quando usar
Três situações em que Markdown para apresentação web ajuda
Uso no trabalho individual
Criar uma apresentação técnica rápida.
Uso em colaboração
Compartilhar um roteiro navegável no navegador.
Uso em migração ou publicação
Versionar conteúdo de slides como texto.
Perguntas frequentes
Dúvidas frequentes
O que é mantido em uma apresentação web Reveal.js?
Separadores criam slides em sequência. Títulos, listas, código e tabelas aparecem na apresentação. O arquivo abre em um navegador moderno. Ainda assim, confira o resultado no destino final.
Por que uma apresentação web Reveal.js pode ficar diferente da origem?
Os formatos não têm os mesmos recursos. A apresentação atual depende de CDN. Não há tema mestre ou animações de PowerPoint.
Como revisar uma apresentação web Reveal.js antes de usar?
Teste navegação, fontes, mídia e conexão no ambiente real. Guarde a origem até terminar essa comparação.