Aulas de Ciências: Transformações Químicas e Físicas 6 anos

<!DOCTYPE html>

<head>

<title>Transformações Químicas e Físicas | Prof. Inácio Flor</title>

<style>

:root {

--verde: #2ecc71;

--verde-escuro: #27ae60;

--azul: #3498db;

--roxo: #9b59b6;

--laranja: #e67e22;

--vermelho: #e74c3c;

--amarelo: #f1c40f;

--cinza-claro: #f4f6fb;

--cinza-texto: #444;

--branco: #ffffff;

--sombra: 0 4px 24px rgba(0,0,0,0.10);

}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {

font-family: 'Nunito', sans-serif;

background: var(--cinza-claro);

color: var(--cinza-texto);

line-height: 1.7;

}

/* HEADER */

header {

background: linear-gradient(135deg, #1a6e3c 0%, #2ecc71 60%, #3498db 100%);

color: white;

padding: 40px 20px 60px;

text-align: center;

position: relative;

overflow: hidden;

}

header::before {

content: "⚗️🔬🧪🧫🔭";

font-size: 3rem;

position: absolute;

top: 10px; left: 0; right: 0;

opacity: 0.12;

letter-spacing: 20px;

white-space: nowrap;

}

.blog-name {

font-family: 'Fredoka One', cursive;

font-size: 1rem;

letter-spacing: 3px;

text-transform: uppercase;

opacity: 0.88;

margin-bottom: 8px;

background: rgba(255,255,255,0.18);

display: inline-block;

padding: 4px 16px;

border-radius: 20px;

}

header h1 {

font-family: 'Fredoka One', cursive;

font-size: clamp(1.8rem, 5vw, 3rem);

line-height: 1.2;

margin: 14px 0 10px;

text-shadow: 0 2px 12px rgba(0,0,0,0.18);

}

header p.subtitulo {

font-size: 1.1rem;

opacity: 0.92;

max-width: 600px;

margin: 0 auto;

}

.badge-aula {

display: inline-block;

background: var(--amarelo);

color: #333;

font-weight: 800;

font-size: 0.85rem;

padding: 4px 14px;

border-radius: 20px;

margin-top: 14px;

letter-spacing: 1px;

}

/* LAYOUT */

main {

max-width: 860px;

margin: -30px auto 40px;

padding: 0 16px;

}

/* CARDS DE CONTEÚDO */

.card {

background: white;

border-radius: 18px;

padding: 30px 32px;

margin-bottom: 26px;

box-shadow: var(--sombra);

border-top: 5px solid var(--verde);

animation: fadeUp 0.5s ease both;

}

.card.azul { border-top-color: var(--azul); }

.card.roxo { border-top-color: var(--roxo); }

.card.laranja { border-top-color: var(--laranja); }

.card.vermelho { border-top-color: var(--vermelho); }

@keyframes fadeUp {

from { opacity:0; transform: translateY(24px); }

to { opacity:1; transform: translateY(0); }

}

.card h2 {

font-family: 'Fredoka One', cursive;

font-size: 1.55rem;

color: var(--verde-escuro);

margin-bottom: 12px;

display: flex;

align-items: center;

gap: 10px;

}

.card.azul h2 { color: var(--azul); }

.card.roxo h2 { color: var(--roxo); }

.card.laranja h2 { color: var(--laranja); }

.card.vermelho h2 { color: var(--vermelho); }

.card p { margin-bottom: 12px; font-size: 1.05rem; }

.card p:last-child { margin-bottom: 0; }

/* COMPARAÇÃO FÍSICA X QUÍMICA */

.comparacao {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 18px;

margin: 18px 0 0;

}

@media (max-width: 560px) { .comparacao { grid-template-columns: 1fr; } }

.comp-box {

border-radius: 14px;

padding: 18px 20px;

font-size: 0.97rem;

}

.comp-box.fisica { background: #e8f8f0; border: 2px solid var(--verde); }

.comp-box.quimica { background: #fef0e6; border: 2px solid var(--laranja); }

.comp-box h3 { font-size: 1.05rem; margin-bottom: 8px; }

.comp-box.fisica h3 { color: var(--verde-escuro); }

.comp-box.quimica h3 { color: var(--laranja); }

.comp-box ul { padding-left: 18px; }

.comp-box li { margin-bottom: 5px; }

/* SINAIS REAÇÃO QUÍMICA */

.sinais-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));

gap: 12px;

margin-top: 16px;

}

.sinal-item {

background: linear-gradient(135deg, #fff7e6, #fff);

border: 2px solid #f0c87a;

border-radius: 12px;

padding: 14px 10px;

text-align: center;

font-size: 0.92rem;

font-weight: 700;

color: #7a4f00;

}

.sinal-item .icone { font-size: 2rem; display: block; margin-bottom: 6px; }

/* SEÇÕES ESPECIAIS */

.destaque {

background: linear-gradient(135deg, #eaf6ff, #f0fff6);

border-left: 5px solid var(--azul);

border-radius: 0 12px 12px 0;

padding: 16px 20px;

margin: 16px 0;

font-size: 1rem;

}

.destaque strong { color: var(--azul); }

.dica {

background: #fffde7;

border: 2px dashed var(--amarelo);

border-radius: 12px;

padding: 14px 18px;

margin: 14px 0;

font-size: 0.97rem;

}

.dica::before { content: "💡 "; font-size: 1.1rem; }

/* VÍDEOS */

.videos-section {

background: white;

border-radius: 18px;

padding: 30px 32px;

margin-bottom: 26px;

box-shadow: var(--sombra);

border-top: 5px solid var(--azul);

}

.videos-section h2 {

font-family: 'Fredoka One', cursive;

font-size: 1.55rem;

color: var(--azul);

margin-bottom: 18px;

display: flex; align-items: center; gap: 10px;

}

.videos-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

gap: 16px;

}

.video-card {

border-radius: 14px;

overflow: hidden;

border: 2px solid #e0e8f0;

transition: transform 0.2s, box-shadow 0.2s;

text-decoration: none;

display: block;

background: #f4f8ff;

}

.video-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(52,152,219,0.18); }

.video-thumb {

width: 100%;

aspect-ratio: 16/9;

display: flex;

align-items: center;

justify-content: center;

font-size: 3rem;

background: linear-gradient(135deg, #1a6e3c 0%, #2ecc71 100%);

}

.video-info { padding: 12px 14px; }

.video-info strong { display: block; font-size: 0.95rem; color: #222; margin-bottom: 4px; line-height: 1.3; }

.video-info span { font-size: 0.82rem; color: #777; }

/* SIMULADORES */

.simuladores-section {

background: white;

border-radius: 18px;

padding: 30px 32px;

margin-bottom: 26px;

box-shadow: var(--sombra);

border-top: 5px solid var(--roxo);

}

.simuladores-section h2 {

font-family: 'Fredoka One', cursive;

font-size: 1.55rem;

color: var(--roxo);

margin-bottom: 18px;

display: flex; align-items: center; gap: 10px;

}

.sim-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

gap: 16px;

}

.sim-card {

border-radius: 14px;

padding: 20px 18px;

text-decoration: none;

display: block;

transition: transform 0.2s, box-shadow 0.2s;

border: 2px solid #e0d6f0;

background: #faf5ff;

}

.sim-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(155,89,182,0.18); }

.sim-card .sim-icon { font-size: 2.5rem; margin-bottom: 10px; display: block; }

.sim-card strong { display: block; font-size: 0.97rem; color: #5a3080; margin-bottom: 5px; }

.sim-card span { font-size: 0.85rem; color: #888; }

.sim-destaque {

background: linear-gradient(135deg, #667eea22, #764ba222);

border: 2px solid #9b59b6;

border-radius: 14px;

padding: 20px 22px;

margin-top: 16px;

display: flex;

align-items: center;

gap: 16px;

flex-wrap: wrap;

}

.sim-destaque .sim-icon-big { font-size: 3rem; }

.sim-destaque .sim-info strong { color: #6c3483; font-size: 1.05rem; display: block; margin-bottom: 4px; }

.sim-destaque .sim-info span { font-size: 0.9rem; color: #666; }

.sim-destaque a.btn-sim {

display: inline-block;

background: var(--roxo);

color: white;

padding: 9px 22px;

border-radius: 30px;

text-decoration: none;

font-weight: 800;

font-size: 0.95rem;

margin-top: 10px;

transition: background 0.2s;

}

.sim-destaque a.btn-sim:hover { background: #7d3c98; }

/* ATIVIDADES ESPECIAIS */

.atividades-especiais {

background: white;

border-radius: 18px;

padding: 30px 32px;

margin-bottom: 26px;

box-shadow: var(--sombra);

border-top: 5px solid var(--laranja);

}

.atividades-especiais h2 {

font-family: 'Fredoka One', cursive;

font-size: 1.55rem;

color: var(--laranja);

margin-bottom: 18px;

display: flex; align-items: center; gap: 10px;

}

.atv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }

@media (max-width: 540px) { .atv-grid { grid-template-columns: 1fr; } }

.atv-card {

border-radius: 14px;

padding: 22px 18px;

text-align: center;

text-decoration: none;

display: block;

transition: transform 0.2s, box-shadow 0.2s;

font-weight: 700;

}

.atv-card:hover { transform: translateY(-4px) scale(1.02); }

.atv-card.jogo { background: linear-gradient(135deg, #ff6b35, #f7c59f); color: #5c1800; border: 2px solid #e67e22; }

.atv-card.caca { background: linear-gradient(135deg, #11998e, #38ef7d); color: #0a3d38; border: 2px solid #1abc9c; }

.atv-card .atv-icon { font-size: 3rem; margin-bottom: 10px; display: block; }

.atv-card strong { font-size: 1.05rem; display: block; margin-bottom: 5px; }

.atv-card span { font-size: 0.88rem; opacity: 0.8; }

/* QUIZ */

.quiz-section {

background: white;

border-radius: 18px;

padding: 30px 32px;

margin-bottom: 26px;

box-shadow: var(--sombra);

border-top: 5px solid var(--vermelho);

}

.quiz-section h2 {

font-family: 'Fredoka One', cursive;

font-size: 1.55rem;

color: var(--vermelho);

margin-bottom: 8px;

display: flex; align-items: center; gap: 10px;

}

.quiz-intro { font-size: 0.97rem; color: #666; margin-bottom: 22px; }

.quiz-placar {

display: flex;

align-items: center;

gap: 18px;

background: #fff8e1;

border: 2px solid var(--amarelo);

border-radius: 12px;

padding: 12px 20px;

margin-bottom: 22px;

flex-wrap: wrap;

}

.quiz-placar span { font-weight: 700; font-size: 1rem; }

#placar { font-size: 1.4rem; font-weight: 900; color: var(--verde-escuro); }

#progresso-texto { color: #888; font-size: 0.9rem; }

.questao {

display: none;

animation: fadeUp 0.35s ease both;

}

.questao.ativa { display: block; }

.questao-numero {

font-size: 0.82rem;

font-weight: 800;

text-transform: uppercase;

letter-spacing: 2px;

color: var(--vermelho);

margin-bottom: 6px;

}

.questao-texto {

font-size: 1.08rem;

font-weight: 700;

color: #222;

margin-bottom: 16px;

line-height: 1.5;

}

.opcoes { display: flex; flex-direction: column; gap: 10px; }

.opcao-btn {

background: #f8f9fa;

border: 2px solid #e0e0e0;

border-radius: 12px;

padding: 13px 18px;

font-family: 'Nunito', sans-serif;

font-size: 0.98rem;

font-weight: 600;

cursor: pointer;

text-align: left;

transition: all 0.18s;

color: #333;

}

.opcao-btn:hover:not(:disabled) { border-color: var(--azul); background: #eaf4ff; color: var(--azul); }

.opcao-btn.correta { background: #d5f5e3; border-color: var(--verde); color: #1a6e3c; }

.opcao-btn.errada { background: #fde8e8; border-color: var(--vermelho); color: #922b21; }

.opcao-btn:disabled { cursor: default; }

.feedback {

margin-top: 14px;

padding: 12px 16px;

border-radius: 10px;

font-size: 0.97rem;

font-weight: 700;

display: none;

}

.feedback.show { display: block; }

.feedback.acerto { background: #d5f5e3; color: #1a6e3c; border-left: 4px solid var(--verde); }

.feedback.erro { background: #fde8e8; color: #922b21; border-left: 4px solid var(--vermelho); }

.btn-prox {

display: none;

margin-top: 16px;

background: var(--azul);

color: white;

border: none;

padding: 12px 28px;

border-radius: 30px;

font-family: 'Nunito', sans-serif;

font-weight: 800;

font-size: 1rem;

cursor: pointer;

transition: background 0.2s;

}

.btn-prox:hover { background: #2176ae; }

.btn-prox.show { display: inline-block; }

/* RESULTADO FINAL QUIZ */

#resultado-final {

display: none;

text-align: center;

padding: 20px 0 10px;

animation: fadeUp 0.5s ease both;

}

#resultado-final .resultado-emoji { font-size: 4rem; margin-bottom: 10px; }

#resultado-final h3 { font-family: 'Fredoka One', cursive; font-size: 1.8rem; margin-bottom: 8px; }

#resultado-final p { font-size: 1.05rem; color: #555; margin-bottom: 18px; }

.btn-reiniciar {

background: var(--verde);

color: white;

border: none;

padding: 13px 30px;

border-radius: 30px;

font-family: 'Nunito', sans-serif;

font-weight: 800;

font-size: 1rem;

cursor: pointer;

transition: background 0.2s;

}

.btn-reiniciar:hover { background: var(--verde-escuro); }

/* FOOTER */

footer {

text-align: center;

padding: 28px 16px 36px;

color: #888;

font-size: 0.9rem;

}

footer a { color: var(--verde-escuro); text-decoration: none; font-weight: 700; }

/* BARRA DE PROGRESSO QUIZ */

.barra-prog-wrap { background: #f0f0f0; border-radius: 8px; height: 8px; margin-bottom: 20px; overflow: hidden; }

.barra-prog { background: linear-gradient(90deg, var(--verde), var(--azul)); height: 100%; border-radius: 8px; transition: width 0.4s; }

/* SEPARADOR */

.sep { border: none; border-top: 2px dashed #e0e0e0; margin: 10px 0 20px; }

</style>

</head>

<body>

<div class="blog-name">🌿 Aulas de Ciências — Prof. Inácio Flor</div>

<h1>Transformações Químicas e Físicas</h1>

<p class="subtitulo">Observando e entendendo as mudanças ao nosso redor</p>

<div class="badge-aula">📚 Atividade de Ciências</div>

</header>

<main>

<h2>🌍 Sobre esta aula</h2>

<p>Nesta aula vamos estudar como identificar e registrar evidências de transformações químicas decorrentes da mistura de materiais, tanto em experimentos simples quanto em situações do cotidiano que você conhece bem.</p>

<p>Vamos comparar transformações físicas e químicas, observar sinais que indicam que uma reação química ocorreu e relacionar esses sinais a exemplos práticos, como o preparo de um bolo e a mistura de vinagre com bicarbonato de sódio.</p>

<div class="dica">O objetivo é que você aprenda a reconhecer quando os produtos formados são <strong>diferentes</strong> dos materiais iniciais e a descrever essas mudanças com linguagem científica adequada.</div>

</div>

<h2>🧊 Transformação Física</h2>

<p>Transformação física é quando a matéria muda de aparência, forma ou estado, mas suas substâncias continuam as mesmas por dentro. Um pedaço de gelo que derrete vira água líquida; a estrutura e as propriedades químicas da água continuam as mesmas, apenas o estado muda.</p>

<p>Outros exemplos comuns são amassar papel, dissolver sal em água ou cortar frutas.</p>

<strong>Como reconhecer:</strong> procure mudanças de tamanho, forma, estado físico ou mistura que pode ser separada por meios físicos (filtrar, evaporar, decantar). Esses sinais mostram que <strong>não houve criação de novas substâncias</strong>.

</div>

<h2>⚗️ Transformação Química</h2>

<p>Transformação química ocorre quando duas ou mais substâncias se combinam e formam substâncias <strong>novas</strong>, com propriedades diferentes das iniciais. Essas reações envolvem quebrar e formar ligações químicas.</p>

<div class="sinal-item"><span class="icone">🎨</span>Mudança de cor</div>

<div class="sinal-item"><span class="icone">💨</span>Formação de gás</div>

<div class="sinal-item"><span class="icone">🌡️</span>Calor / Frio</div>

<div class="sinal-item"><span class="icone">🪨</span>Precipitado</div>

<div class="sinal-item"><span class="icone">👃</span>Cheiro novo</div>

<div class="sinal-item"><span class="icone">💡</span>Produção de luz</div>

</div>

<p style="margin-top:14px; font-size:0.95rem; color:#888;">Nem sempre todos os sinais aparecem, mas a presença de um ou mais deles pode indicar que ocorreu uma reação química.</p>

</div>

<h2>⚖️ Comparando as duas</h2>

<h3>🧊 Física</h3>

<ul>

<li>Mantém as mesmas substâncias</li>

<li>Geralmente reversível</li>

<li>Muda forma, estado ou aparência</li>

<li>Ex: derreter gelo, amassar papel, dissolver sal</li>

</ul>

</div>

<h3>⚗️ Química</h3>

<ul>

<li>Forma substâncias novas</li>

<li>Geralmente irreversível</li>

<li>Sinais: gás, cor, calor, precipitado</li>

<li>Ex: assar bolo, queimar madeira, ferrujar</li>

</ul>

</div>

<h2>🍰 Exemplos do cotidiano</h2>

<p>Ao preparar um bolo, misturamos farinha, açúcar, ovos, fermento e outros ingredientes. Na massa, muitas mudanças físicas ocorrem. Porém, quando assamos o bolo há transformações químicas importantes: o fermento libera gases que fazem a massa crescer, proteínas dos ovos e do trigo mudam sua estrutura por causa do calor, e novos compostos com cheiro e sabor característicos se formam.</p>

<strong>Experimento clássico:</strong> ao misturar vinagre com bicarbonato de sódio, observa-se efervescência — bolhas de gás — e sensação de resfriamento local. Isso é evidência de uma reação química que produz dióxido de carbono e outros produtos.

</div>

<p>Em situações de produção industrial, como a fabricação de sabões ou de alimentos processados, também acontecem reações químicas que transformam matérias-primas em produtos novos.</p>

</div>

<h2>📋 Como observar e registrar</h2>

<p>Observar bem significa registrar com calma o que mudou: cor, temperatura, presença de bolhas, formação de sólidos, cheiro novo, entre outros.</p>

<p>Em experimentos simples na escola, anote a sequência: materiais usados, quantidades aproximadas, ordem de mistura, tempo usado e o que foi observado em cada etapa.</p>

Exemplo de bom registro: <em>"Ao misturar vinagre e bicarbonato, notei bolhas que saíam rapidamente (formação de gás) e a mistura esfriou um pouco — isso indica reação química."</em>

</div>

<p><strong>Importante:</strong> separe sempre as observações (o que você viu, cheirou, tocou) das explicações (o porquê você acha que algo aconteceu).</p>

</div>

<h2>🦺 Segurança em experimentos</h2>

<p>Algumas reações podem liberar gases, aquecer, produzir respingos ou cheiros fortes. Sempre trabalhe com <strong>supervisão de um adulto ou professor</strong>, em local ventilado e usando proteção adequada quando necessário (óculos de proteção, luvas).</p>

<p>Nunca cheire diretamente misturas químicas e nunca ingira substâncias desconhecidas. Descarte corretamente o material depois do experimento.</p>

<p>Em notícias sobre produção industrial, observe também os impactos ambientais e sociais das transformações químicas descritas: modo de descarte, poluição possível e condições de trabalho.</p>

</div>

<h2>▶️ Vídeos para aprender mais</h2>

<strong>Transformações Físicas e Químicas</strong>

<span>Canal Mariana Araguaia • YouTube</span>

</div>

</a>

<strong>Transformações Químicas — Reações no cotidiano</strong>

<span>YouTube • Ensino Fundamental</span>

</div>

</a>

<strong>Evidências de Reações Químicas</strong>

<span>YouTube • Ciências 6º ano</span>

</div>

</a>

<strong>Mudanças físicas e químicas (nível molecular)</strong>

<span>Khan Academy em Português</span>

</div>

</a>

<strong>Reação Vinagre + Bicarbonato de Sódio</strong>

<span>YouTube • Experimento escolar</span>

</div>

</a>

<strong>Reações Químicas no cotidiano</strong>

<span>YouTube • Química para o fundamental</span>

</div>

</a>

</div>

<h2>🖥️ Simuladores e recursos interativos</h2>

<strong>PhET — Reações e Taxas</strong>

<span>Simulador interativo gratuito. Veja moléculas reagindo em tempo real!</span>

</a>

<strong>PhET — Estados da Matéria</strong>

<span>Explore estados físicos e mudanças de fase de forma visual.</span>

</a>

<strong>PhET — Sal e Açúcar em Solução</strong>

<span>Veja o que acontece ao dissolver substâncias na água.</span>

</a>

<strong>Khan Academy — Química</strong>

<span>Vídeos e exercícios gratuitos em português sobre reações químicas.</span>

</a>

</div>

<p style="font-weight:700; color:#6c3483; margin-bottom:12px;">🎮 Atividades especialmente selecionadas pelo Prof. Inácio Flor:</p>

<strong>Jogo Interativo</strong>

<span>Teste seus conhecimentos sobre transformações com este jogo no LearningApps!</span>

</a>

<strong>Caça-Palavras para Imprimir</strong>

<span>Encontre os termos científicos escondidos! Imprima e resolva no caderno.</span>

</a>

</div>

<h2>🧠 Quiz: Teste seus conhecimentos!</h2>

<p class="quiz-intro">Responda as 10 questões abaixo após ler o conteúdo. Boa sorte! 🍀</p>

<span>⭐ Pontuação: <span id="placar">0</span> / 10</span>

<span id="progresso-texto">Questão 1 de 10</span>

</div>

<div class="questao-numero">Questão 1 de 10</div>

<div class="questao-texto">Um cubo de gelo derrete e vira água líquida. Essa é uma transformação:</div>

<button class="opcao-btn" onclick="responder(this, false, 1)">A) Química, porque a água mudou de aparência</button>

<button class="opcao-btn" onclick="responder(this, true, 1)">B) Física, porque a substância (H₂O) continua a mesma</button>

<button class="opcao-btn" onclick="responder(this, false, 1)">C) Química, porque houve liberação de energia</button>

<button class="opcao-btn" onclick="responder(this, false, 1)">D) Física, porque o gelo desapareceu completamente</button>

</div>

<button class="btn-prox" id="prox1" onclick="avancar(2)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 2 de 10</div>

<div class="questao-texto">Ao misturar vinagre com bicarbonato de sódio, o principal sinal de transformação química observado é:</div>

<button class="opcao-btn" onclick="responder(this, false, 2)">A) A mistura ficou mais transparente</button>

<button class="opcao-btn" onclick="responder(this, false, 2)">B) O volume total diminuiu</button>

<button class="opcao-btn" onclick="responder(this, true, 2)">C) Formação de bolhas (gás) e resfriamento da mistura</button>

<button class="opcao-btn" onclick="responder(this, false, 2)">D) O bicarbonato apenas dissolveu no vinagre</button>

</div>

<button class="btn-prox" id="prox2" onclick="avancar(3)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 3 de 10</div>

<div class="questao-texto">Qual das opções abaixo é um exemplo de transformação FÍSICA?</div>

<button class="opcao-btn" onclick="responder(this, false, 3)">A) Queimar uma folha de papel</button>

<button class="opcao-btn" onclick="responder(this, false, 3)">B) Enferrujamento de um portão de ferro</button>

<button class="opcao-btn" onclick="responder(this, true, 3)">C) Dissolver sal em água</button>

<button class="opcao-btn" onclick="responder(this, false, 3)">D) Assar um ovo</button>

</div>

<button class="btn-prox" id="prox3" onclick="avancar(4)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 4 de 10</div>

<div class="questao-texto">No preparo do bolo, por que o crescimento da massa no forno é considerado evidência de transformação química?</div>

<button class="opcao-btn" onclick="responder(this, false, 4)">A) Porque a massa apenas misturou os ingredientes</button>

<button class="opcao-btn" onclick="responder(this, true, 4)">B) Porque o fermento libera gás ao reagir com outros ingredientes e o calor altera proteínas, formando novos produtos</button>

<button class="opcao-btn" onclick="responder(this, false, 4)">C) Porque a água evaporou, tornando uma transformação física</button>

<button class="opcao-btn" onclick="responder(this, false, 4)">D) Porque o açúcar derreteu dentro do forno</button>

</div>

<button class="btn-prox" id="prox4" onclick="avancar(5)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 5 de 10</div>

<div class="questao-texto">Qual é a principal diferença entre transformação física e química?</div>

<button class="opcao-btn" onclick="responder(this, false, 5)">A) Na transformação física há produção de calor; na química, não</button>

<button class="opcao-btn" onclick="responder(this, false, 5)">B) Na transformação física a substância muda de cor; na química ela não muda</button>

<button class="opcao-btn" onclick="responder(this, true, 5)">C) Na transformação química, novas substâncias são formadas; na física, a composição permanece a mesma</button>

<button class="opcao-btn" onclick="responder(this, false, 5)">D) As duas transformações são idênticas, apenas ocorrem em temperaturas diferentes</button>

</div>

<button class="btn-prox" id="prox5" onclick="avancar(6)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 6 de 10</div>

<div class="questao-texto">Ao fazer gelo no freezer, a água líquida vira sólida. Isso é uma transformação:</div>

<button class="opcao-btn" onclick="responder(this, false, 6)">A) Química, pois mudou de estado</button>

<button class="opcao-btn" onclick="responder(this, true, 6)">B) Física, pois a composição da água (H₂O) não mudou</button>

<button class="opcao-btn" onclick="responder(this, false, 6)">C) Química, pois o frio causou uma reação</button>

<button class="opcoa-btn" onclick="responder(this, false, 6)">D) Física, pois o gelo pode ser novamente aquecido</button>

</div>

<button class="btn-prox" id="prox6" onclick="avancar(7)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 7 de 10</div>

<div class="questao-texto">O que é um "precipitado" numa reação química?</div>

<button class="opcao-btn" onclick="responder(this, false, 7)">A) Um gás liberado durante a reação</button>

<button class="opcao-btn" onclick="responder(this, false, 7)">B) A temperatura liberada em uma reação exotérmica</button>

<button class="opcao-btn" onclick="responder(this, true, 7)">C) Um sólido diferente que se forma quando duas soluções são misturadas</button>

<button class="opcao-btn" onclick="responder(this, false, 7)">D) O cheiro produzido numa reação química</button>

</div>

<button class="btn-prox" id="prox7" onclick="avancar(8)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 8 de 10</div>

<div class="questao-texto">Por que é importante separar "observação" de "explicação" em um experimento?</div>

<button class="opcao-btn" onclick="responder(this, false, 8)">A) Para tornar o experimento mais longo e detalhado</button>

<button class="opcao-btn" onclick="responder(this, true, 8)">B) Para que outras pessoas possam repetir o experimento e verificar as conclusões independentemente</button>

<button class="opcao-btn" onclick="responder(this, false, 8)">C) Para que o professor dê mais nota</button>

<button class="opcao-btn" onclick="responder(this, false, 8)">D) Porque a explicação não faz parte do relatório científico</button>

</div>

<button class="btn-prox" id="prox8" onclick="avancar(9)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 9 de 10</div>

<div class="questao-texto">Queimar lixo é um exemplo de transformação química. Por que isso preocupa ambientalmente?</div>

<button class="opcao-btn" onclick="responder(this, false, 9)">A) Porque o lixo ocupa espaço que poderia ser reutilizado</button>

<button class="opcoa-btn" onclick="responder(this, false, 9)">B) Porque o fogo é visualmente desagradável</button>

<button class="opcao-btn" onclick="responder(this, true, 9)">C) Porque libera gases poluentes que contaminam o ar e podem prejudicar a saúde</button>

<button class="opcao-btn" onclick="responder(this, false, 9)">D) Porque reduz o volume do lixo sem qualquer problema</button>

</div>

<button class="btn-prox" id="prox9" onclick="avancar(10)">Próxima ➜</button>

</div>

<div class="questao-numero">Questão 10 de 10</div>

<div class="questao-texto">Qual dos seguintes sinais indica com mais certeza que houve uma transformação QUÍMICA (e não apenas física)?</div>

<button class="opcao-btn" onclick="responder(this, false, 10)">A) O líquido ficou mais frio porque foi colocado no freezer</button>

<button class="opcao-btn" onclick="responder(this, false, 10)">B) O sal desapareceu ao ser misturado com água</button>

<button class="opcao-btn" onclick="responder(this, true, 10)">C) Surgiu uma nova substância com cheiro diferente e formação de bolhas ao misturar dois líquidos</button>

<button class="opcao-btn" onclick="responder(this, false, 10)">D) A água mudou de estado ao ser aquecida até ferver</button>

</div>

<button class="btn-prox" id="prox10" onclick="mostrarResultado()">Ver resultado 🏆</button>

</div>

<h3 id="resultado-titulo">Parabéns!</h3>

<p id="resultado-msg">Você acertou X de 10 questões!</p>

<button class="btn-reiniciar" onclick="reiniciarQuiz()">🔄 Jogar novamente</button>

</div>

</main>

<p>✏️ Conteúdo criado para o blog <strong>Aulas de Ciências — Prof. Inácio Flor</strong></p>

<p style="margin-top:6px; font-size:0.82rem;">Baseado nos parâmetros curriculares de Ciências do Ensino Fundamental</p>

</footer>

let pontos = 0;

const feedbacks = {

1: "✅ Correto! O gelo que derrete continua sendo H₂O — apenas mudou de estado físico. Isso é uma transformação física.",

2: "✅ Correto! A formação de gás (bolhas) e o resfriamento são evidências de que uma reação química ocorreu.",

3: "✅ Correto! Dissolver sal em água é uma transformação física: o sal pode ser recuperado evaporando-se a água.",

4: "✅ Correto! O fermento reage quimicamente liberando CO₂ e o calor altera as proteínas — novos produtos são formados.",

5: "✅ Correto! Na transformação química, as substâncias originais se transformam em substâncias novas e diferentes.",

6: "✅ Correto! A água mudou de estado (líquido → sólido), mas sua fórmula H₂O permanece a mesma. Transformação física.",

7: "✅ Correto! Precipitado é um sólido que se forma quando duas soluções são misturadas e reagem quimicamente.",

8: "✅ Correto! Separar observação de explicação permite que outros cientistas repitam e verifiquem os resultados.",

9: "✅ Correto! A queima libera gases poluentes (como CO₂ e monóxido de carbono) que contaminam o ar.",

10: "✅ Correto! Surgimento de cheiro novo e bolhas ao misturar substâncias são evidências claras de transformação química."

};

const feedbacksErro = {

1: "❌ Não foi dessa vez. O gelo que derrete é uma transformação FÍSICA: a água muda de estado, mas a substância (H₂O) permanece a mesma.",

2: "❌ Quase! O principal sinal é a formação de bolhas de gás (efervescência) e o resfriamento — evidências de reação química.",

3: "❌ Não foi dessa vez. Dissolver sal é uma transformação física — o sal pode ser recuperado. Queimar papel, enferrujar ferro e assar ovo são químicas.",

4: "❌ Não foi dessa vez. O crescimento do bolo no forno envolve reações do fermento que libera gás e o calor que altera proteínas — substâncias novas são criadas.",

5: "❌ Não foi dessa vez. A principal diferença é a formação (ou não) de novas substâncias: química = novas substâncias; física = mesma composição.",

6: "❌ Não foi dessa vez. Água congelando é uma mudança de estado físico — a composição H₂O não muda. É uma transformação física.",

7: "❌ Não foi dessa vez. Precipitado é um sólido que se forma quando duas soluções reagem — não é gás nem calor.",

8: "❌ Não foi dessa vez. Separar observação de explicação permite reprodutibilidade científica — outras pessoas podem verificar as conclusões.",

9: "❌ Não foi dessa vez. O grande problema ambiental da queima de lixo é a liberação de gases poluentes tóxicos no ar.",

10: "❌ Não foi dessa vez. A alternativa C descreve formação de nova substância com cheiro diferente e bolhas — sinais clássicos de transformação química."

};

function responder(btn, correto, num) {

const questao = document.getElementById('q' + num);

const botoes = questao.querySelectorAll('.opcao-btn');

const fb = document.getElementById('fb' + num);

const prox = document.getElementById('prox' + num);

botoes.forEach(b => b.disabled = true);

if (correto) {

btn.classList.add('correta');

fb.className = 'feedback show acerto';

fb.textContent = feedbacks[num];

pontos++;

document.getElementById('placar').textContent = pontos;

} else {

btn.classList.add('errada');

fb.className = 'feedback show erro';

fb.textContent = feedbacksErro[num];

// highlight correct

botoes.forEach(b => {

if (b.getAttribute('onclick').includes('true')) b.classList.add('correta');

});

}

prox.classList.add('show');

}

function avancar(num) {

document.getElementById('q' + (num - 1)).classList.remove('ativa');

document.getElementById('q' + num).classList.add('ativa');

document.getElementById('progresso-texto').textContent = 'Questão ' + num + ' de 10';

document.getElementById('barra-prog').style.width = ((num - 1) / 10 * 100) + '%';

}

function mostrarResultado() {

document.getElementById('q10').classList.remove('ativa');

document.getElementById('barra-prog').style.width = '100%';

const res = document.getElementById('resultado-final');

res.style.display = 'block';

const pct = pontos / 10;

let emoji, titulo, msg;

if (pct === 1) {

emoji = '🏆'; titulo = 'Perfeito! Nota 10!'; msg = 'Você acertou todas as 10 questões! Você dominou o conteúdo sobre transformações químicas e físicas. Parabéns!';

} else if (pct >= 0.7) {

emoji = '😊'; titulo = 'Muito bem!'; msg = `Você acertou ${pontos} de 10 questões! Ótimo desempenho. Revise as que errou e você chega na nota máxima!`;

} else if (pct >= 0.5) {

emoji = '🤔'; titulo = 'Bom esforço!'; msg = `Você acertou ${pontos} de 10 questões. Que tal reler o conteúdo e tentar novamente?`;

} else {

emoji = '📚'; titulo = 'Continue estudando!'; msg = `Você acertou ${pontos} de 10 questões. Não desanime! Releia a aula com calma e tente novamente.`;

}

document.getElementById('resultado-emoji').textContent = emoji;

document.getElementById('resultado-titulo').textContent = titulo;

document.getElementById('resultado-msg').textContent = msg;

}

function reiniciarQuiz() {

pontos = 0;

document.getElementById('placar').textContent = '0';

document.getElementById('progresso-texto').textContent = 'Questão 1 de 10';

document.getElementById('barra-prog').style.width = '0%';

document.getElementById('resultado-final').style.display = 'none';

for (let i = 1; i <= 10; i++) {

const q = document.getElementById('q' + i);

q.classList.remove('ativa');

q.querySelectorAll('.opcao-btn').forEach(b => {

b.disabled = false;

b.classList.remove('correta', 'errada');

});

document.getElementById('fb' + i).className = 'feedback';

document.getElementById('fb' + i).textContent = '';

document.getElementById('prox' + i).classList.remove('show');

}

document.getElementById('q1').classList.add('ativa');

}

</script>

</body>

</html>

Aulas de Ciências

Páginas

quarta-feira, 8 de abril de 2026

Transformações Químicas e Físicas 6 anos

Nenhum comentário:

Postar um comentário