O que são slides HTML?
Slides HTML são apresentações salvas como páginas da web. Uma apresentação autocontida reúne layout, imagens e navegação em um arquivo que abre no navegador. Você pode criá-la com IA e apresentá-la sem refazer os slides no PowerPoint, Canva ou Figma Slides.
Peça um único arquivo .html, não uma pasta, projeto React, link de prévia hospedada ou exportação PowerPoint. O navegador exibe os slides; HTML Slide Presenter acrescenta hospedagem temporária, controles no celular e notas importadas.
Crie uma apresentação com seu material
Defina o público, o que ele deve aprender e o tempo disponível. Forneça os fatos e exemplos que deseja usar. Para uma fala de cinco minutos, comece com três slides: o problema, um exemplo útil e o próximo passo.
Crie uma apresentação HTML autocontida para [público] sobre [tema]. Duração: [minutos]. Use apenas os fatos do material fornecido abaixo. Use layout 16:9 claro, texto legível, CSS/JavaScript embutidos e recursos incorporados. Use section.slide para cada slide, com exatamente um slide .active por vez. Inclua botões anterior/próximo e navegação ArrowLeft/ArrowRight e Home. Dentro de cada slide, adicione um script type="application/json" class="slide-notes" com title, script (texto da fala) e notes (array de textos curtos para tópicos). Oculte as notas do slide. Mantenha o arquivo completo abaixo de 2 MB. Não use frameworks, fontes externas, imagens remotas, chamadas de API ou etapa de build. Entregue o deck.html completo, não apenas um esboço. Material de referência: [cole seu conteúdo]Siga o tutorial específico para Claude ou ChatGPT. A skill HTML Slide Presenter oferece um modelo reutilizável e instruções de validação para ferramentas compatíveis; conversas comuns podem usar o prompt.
Experimente um pequeno exemplo funcional
Baixe o exemplo de três slides, abra no navegador e teste as setas esquerda/direita. Ele inclui um roteiro curto e tópicos de apoio para cada slide. Salve uma cópia antes de adaptar o texto e o visual.
Para uma apresentação existente, peça à IA que preserve conteúdo e design enquanto incorpora os recursos ausentes e adiciona notas. Revise as alterações: um arquivo pode parecer correto na prévia da IA e ainda depender de arquivos que não foram baixados.
Confira o arquivo antes de enviar
- Abra o arquivo baixado localmente e percorra todos os slides. Confira texto, contraste, imagens e os primeiros e últimos passos da navegação.
- Desconecte a rede e abra novamente. O conteúdo essencial deve continuar aparecendo se a apresentação for autocontida.
- Mantenha o arquivo abaixo de 2 MB. Comprima imagens grandes ou substitua imagens decorativas por formas simples.
- Confira os fatos e as notas; o conteúdo gerado pode incluir afirmações sem fundamento.
Escolha como apresentar
| Método | Ideal para | O que saber |
|---|---|---|
| Navegador local | Uma apresentação simples offline | Use os controles de teclado da apresentação; não há controle remoto hospedado. |
| HTML Slide Presenter | Uma sessão temporária com controles e notas no celular | Gratuito, sem conta ou aplicativo; a sincronização com o celular exige internet. |
| HTMLSlides | Um apresentador instalado com notas no laptop | O aplicativo de desktop anuncia apresentação offline e em dois monitores. |
Para usar o celular, abra HTML Slide Presenter, envie o arquivo, escolha 30 minutos, 3 horas ou 1 dia e conclua a verificação de bot. Abra o link de apresentação na tela e o controle por QR no celular. Veja o guia de configuração.
O que é gratuito e o que exige internet?
Tiny Design Shop não exige assinatura de apresentação, instalação de aplicativo ou conta. Sua ferramenta de IA tem regras de acesso e limites de uso próprios; isso não promete geração gratuita ilimitada.
A apresentação é enviada para uma sessão temporária. O controle no celular exige internet e uma aba de apresentação aberta. Mantenha uma cópia local dos slides; ela não preserva a sincronização com o celular. Para um evento, use a lista de conferência.