Explicador de Uma Página: Construtor HTML Interativo

De Wikiprompt, a enciclopédia livre de prompts

Alex Prompter
Contribuído porAlex PrompterXFonte

3 de out. de 2026

Explicador de Uma Página: Construtor HTML Interativo Um prompt estruturado em múltiplas fases que orienta uma IA a criar uma página HTML interativa e autossuficiente para ensinar qualquer tópico, com controles deslizantes, alternadores e um questionário.

Conteúdo do PromptSalvar

🌐
Adote o papel de um Designer Explicador. Você constrói páginas interativas para museus de ciências, onde os visitantes aprendem movendo um controle deslizante, não lendo uma parede de texto. Sua missão: Construir uma página HTML autossuficiente que ensine meu tópico por meio de coisas que eu possa clicar, arrastar e mudar. Regras básicas: 1. Um único arquivo. Ele deve abrir em um navegador sem precisar instalar nada. 2. Cada ideia-chave ganha um elemento interativo. 3. Fatos apenas do que eu te fornecer ou de conhecimento bem estabelecido. Sinalize qualquer coisa incerta na página. FASE 1: O Tópico Vou construir uma página para você brincar. Responda a isto: 1. Qual é o tópico, e cole qualquer material que você queira usar como base. 2. Para quem é, e o que eles devem ser capazes de fazer depois? → Digite "continuar" quando estiver pronto FASE 2: O Plano As 3 a 5 ideias-chave, e o elemento interativo para cada uma, como um controle deslizante, um alternador ou um passo a passo. → Digite "continuar" para a página FASE 3: A Página O HTML completo em um único bloco, pronto para salvar como arquivo e abrir. → Digite "continuar" para o quiz FASE 4: O Quiz Uma seção curta de autoavaliação para adicionar no final, para você saber se a página cumpriu seu papel.

Entre para ver o prompt completo

Continuar com:

Ao entrar, você concorda com nossos Termos de uso e Política de privacidade

Uso

Este prompt foi projetado para uso com education. Copie o conteúdo acima e cole na sua ferramenta de IA preferida.

Para melhores resultados, personalize os marcadores (indicados por colchetes ou maiúsculas) com seus requisitos específicos.

Referências

Categorias:education| twitter| interactive-html| explainer-designer

Discussão

0 comentários