Código fonte de um quiz sobre Substâncias: Inorgânicas, Orgânicas e tóxicas feito para complementar um trabalho de química, esse deu trabalho, 1500 linhas de código, HTML para estruturar, CSS para estilizar, Javascript para programar e Jquery para programar e gerar os efeitos e animações..Para ver o código, click em Ler postagem completa...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// JavaScript Document
$(function(){
$('.quest1').hide();
$('.quest2').hide();
$('.quest3').hide();
$('.quest3').hide();
$('.quest4').hide();
$('.quest5').hide();
$('.quest6').hide();
$('.quest7').hide();
$('.quest8').hide();
$('.quest9').hide();
$('.quest10').hide();
$('.quest11').hide();
$('.carregando').hide();
$('#block').hide();
});
// primeira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.ini a').click(function(){
$('.ini').remove();
$('.quest1').fadeIn();
});
});
// primeira questão /////////////////////////////////////////////////////////////////////////////////////
var pontos=0;
$(function(){
$('.ini a').click(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p1 input').click(function(){
$('.quest1').remove();
//setInterval(function() {
$('.quest2').fadeIn('slow');
//}, 2000);
});
});
});
});
// segunda questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p1 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p2 input').click(function(){
$('.quest2').remove();
$('.quest3').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p2 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p3 input').click(function(){
$('.quest3').remove();
$('.quest4').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p3 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p4 input').click(function(){
$('.quest4').remove();
$('.quest5').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p4 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p5 input').click(function(){
$('.quest5').remove();
$('.quest6').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p5 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p6 input').click(function(){
$('.quest6').remove();
$('.quest7').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p6 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p7 input').click(function(){
$('.quest7').remove();
$('.quest8').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p7 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p8 input').click(function(){
$('.quest8').remove();
$('.quest9').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p8 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p9 a').click(function(){
$('.quest9').remove();
$('.quest10').fadeIn('slow');
});
});
});
});
// terceira questão /////////////////////////////////////////////////////////////////////////////////////
$(function(){
$('.correct1 .p9 input').click(function(){
$(function(){
$('#block').hide();
$('.resposta1 a').click(function(){
$('#block').fadeIn('slow');
});
$(".resposta1 a").click(function(){
var div = $(this).attr('alt');
$(div).hide();
});
});
$(function(){
$('.correct1').hide();
$('.resposta1 a').click(function(){
$('.correct1').slideDown();
});
});
$(function(){
$('.correct1 .p10 input').click(function(){
$('.quest10').remove();
$('.quest11').fadeIn('slow');
$('#block').remove();
});
});
});
});
function resultado(){
var media = pontos/10;
var percentual = (pontos*100)/10;
document.getElementById("resultado").innerHTML = "<p>QUANTIDADE DE ACERTOS: Você acertou "+pontos+" de 10 questões <br><br> VALOR PERCENTUAL: Você acertou "+percentual+"% das perguntas <br><br> MÉDIA TOTAL: Sua média é de "+media+'<br><br><input type="submit" value="Jogar Novamente" onclick=javascript:window.history.go(0)></p>';
}
});
</script>
<style type="text/css">
body{
font-family:calibri;
}
p{
margin:0;
padding:0;
}
#quest{
width:700px;
background:#FFF;
border:solid 1px #CCC;
border-radius:10px;
float:left;
z-index:1;
}
#pergunta{
padding:10px;
border-radius:10px 10px 0 0;
background:#dFF;
font-size:20px;
border-bottom:solid 1px #CCC;
}
#quest #pergunta:hover{
background:#e4e4e4;
color:#000;
-moz-transition:0.5s;
-webkit-transition:0.5s;
cursor:pointer;
}
#resposta, #resultado{
padding-top:20px;
background-image:url(download.png);
background-repeat:no-repeat;
background-position:right;
padding-bottom:20px;
}
#resposta p, #resultado p{
padding:10px;
}
#resposta p:hover{
background-image:url(acertouico.png);
background-repeat:no-repeat;
background-position:right;
background-color:#eFF;
padding-top:9px;
padding-bottom:9px;
border-top:solid 1px #CCC;
border-bottom:solid 1px #CCC;
color:#f00;
cursor:pointer;
opacity:.5;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
#resposta p:active{
background:#6FF;
cursor:pointer;
}
#correct{
padding:20px;
border-top:solid 1px #CCC;
background:#dFF;
}
#correct p{
width:530px;
text-align:justify;
padding-left:10px;
}
.estado{
float:left;
width:100px;
text-align:left;
font-size:20px;
font-weight:bolder;
}
#errado p{
color:#3C0;
}
#certo p{
color:#C30;
}
#correct #p{
border-left:1px solid #CCC;
}
#block{
height:;
width:700px;
border-radius:10px 10px 0 0;
float:left;
z-index:10;
background:#000;
position:relative;
top:-466px;
display:;
opacity:.3;
}
#progress{
width:20px;
height:225px;
background:#000;
float:right;
margin-top:40px;
background:#FFF;
border:solid 1px #CCC;
border-left:none;
border-radius:0 10px 10px 0;
}
#progress p{
border-bottom:solid 1px #CCC;
text-align:center;
}
#progress .cont1{
border-radius:0 10px 0 0;
}
#progress .cont11{
border-radius:0 0 10px 0;
border:none;
}
#quiz{
width:724px;
}
.carregando{
float:left;
width:350px;
border:1px solid #777;
background:#efefef;
border-radius:10px;
margin-left:100px;
margin-top:50px;
padding-left:10px;
}
#creditos{
color:#000;
float:left;
margin-bottom:-36px;
font-size:12px;
text-align:center;
width:700px;
height:50px;
background:#efefef;
border:1px solid #777;
border-bottom:none;
border-radius:10px 10px 0 0;
}
#creditos p{
font-size:16px;
}
body #creditos:hover{
background:#ccc;
margin-bottom:-15px;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}
</style>
</head>
<body>
<script type="text/javascript">
var i = -1;
var pontos = 0;
$(function(){
$(".resposta1 a").click(function(){
i = i+1;
var classe = ".cont"+i;
var div = $(this).attr('alt');
if(div=="#errado"){
$(classe).css({
"background-color": "#C30",
"color": "#fff"
});
};
if(div=="#certo"){
pontos = pontos+1;
$(classe).css({
"background-color": "#3c0"
});
};
});
/*
if(div=="#certo"){
$(classe).css({
"background-color": "#C30"
})
};
if(div=="#errado"){
$(classe).css({
"background-color": "#3C0"
})
};
*/
});
</script>
<a href="#">
<div id="creditos">
::Creditos::<br>
<p>:: Caroline Batista :: Oséias Santana :: Mable Menezes :: Valber Carneiro :: Mahena Brandão ::</p>
</div>
</a>
<div id="quiz">
<div class="carregando">
<h1>Carregando...</h1>
</div>
<div id="progress">
<p class="cont1">
1
</p>
<p class="cont2">
2
</p>
<p class="cont3">
3
</p>
<p class="cont4">
4
</p>
<p class="cont5">
5
</p>
<p class="cont6">
6
</p>
<p class="cont7">
7
</p>
<p class="cont8">
8
</p>
<p class="cont9">
9
</p>
<p class="cont10">
10
</p>
<p id="cont11" class="cont11">
F
</p>
</div>
<div class="ini" id="quest">
<div id="pergunta">
QUIZ - As substâncias Inorgânicas, Orgânicas e Toxicas
</div>
<div class="resposta1" id="resposta" style="padding-right:20px; text-align:justify;">
<img src="image.jpg" style="margin-right:20px; float:left;"/>
As substâncias estão presentes em nosso dia a dia, elas fazem parte de tudo o que conhecemos, nós assim como todas as outras coisas, desde seres vivos até objetos são formadas por elas, tendo assim uma grande importância em nossas vidas... Esse quiz foi desenvolvido para testar seus conhecimentos em relação a esse tema bastante interessante, caso não tenha muito conhecimento, não se proculpe, nele serão dados algumas explicações e alguns links para aumentar seu conhecimento em relaçao aos temas...<br>
<a alt="proxima"><input type="button" value="iniciar" onclick="pontos()"/></a>
</div>
</div>
<div class="quest1" id="quest">
<div id="pergunta">
Questão 1: As substâncias estão divididas em grandes grupos nos quais estão incluidas todas substâncias existentes. Quais são esses grupos?
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) Substâncias simples e substâncias compostas</p></a>
<a alt="#certo"><p>(b) Substância orgânica e Substância inorgânica</p></a>
<a alt="#errado"><p>(c) Substância composta e substância pura</p></a>
<a alt="#errado"><p>(d) Substância sólida, substância liquida e substância gasosa</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p1" id="p">
A quimica é uma área que lida com uma grande quantidade de compostos e substânicas, para facilitar e até mesmo como forma de organização foram criados algumas formas de dividir essas substâncias tendo como base caracteristicas gerais encontradas apenas em determinados grupos, atualmente as substâncias estão divididas em orgânicas e inorgânicas devido a caracteristica que é encontrada em todas as substâncias pertencentes a cada grupo...
<br>RESPOSTA CERTA: Letra b<br><br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
<br>
Mais Informações: <a target="_blank" href="http://pt.wikipedia.org/wiki/Subst%C3%A2ncia">Wikipédia - As substâncias</a>
</div>
</div>
<div class="quest2" id="quest">
<div id="pergunta">
Questão 2: Qual a atual característica que classificam uma substância como sendo orgânica ou inorgânica?
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) Como elas são produzidas. Orgânicas pelos seres vivos e inorgânicas pela natureza.</p></a>
<a alt="#certo"><p>(b) A presença de carbono em sua composição. Orgânicas contém carbono e inorgânica não.</p></a>
<a alt="#errado"><p>(c) Onde elas são encontradas. Orgânicas nos seres vivos e inorgânicas na natureza</p></a>
<a alt="#errado"><p>(d) A presença de agua em sua composição. Orgânicas contém água e inorgânica não.</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p2" id="p">
A príncipio acreditavam que as substâncias orgânicas eram aquelas produzidas unicamente pelos seres vidos, e as inorgânicas aquelas encontradas na natureza, essa era a unica forma de diferenciação. Mas um ciêntista chamado Friedrich Wöhler conseguiu produzir uma substância orgânicas sinteticamente o que acabou com essa teoria, atualmente considera-se como orgânica as substâncias que apresentam em sua composição o carbono e inorgânicas aquelas que não apresentam o carbono com algumas exeções.<br>
RESPOSTA CERTA: Letra b<br><br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://www.brasilescola.com/quimica/substancias-naturais.htm">Brasil Escola - Os grupos das substâncias</a>
</div>
</div>
<div class="quest3" id="quest">
<div id="pergunta">
Questão 3: As substâncias inorgânicas são divididas em ácidos, bases, sais e oxidos. Em relação aos ácidos podemos afirmar.
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a)"o oxigênio é o princípio acidificante" (Antoine-Laurent Lavoisier), ou seja para uma substância ser um ácido, devere conter em sua composição o oxigênio.</p></a>
<a alt="#errado"><p>(b) liberam radiação quando entram em contato com outros matreriais vindo daí a capacidade de corrosão de alguns ácidos. </p></a>
<a alt="#errado"><p>(c) São formadas a partir da união do Hidrogênio e do Oxigenio, gerando uma reação que torna o composto instável dando a ele a capacidade de corrosão.</p></a>
<a alt="#certo"><p>(d) Liberam íons de hidrogênio quando entram em contato com a água, ou seja, para ser um ácido, a substância devere conter em sua composição o hidrogênio.</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p3" id="p">
Em 1789, afirmava Antoine-Laurent Lavoisier que "o oxigênio é o princípio acidificante", ele dizia que para uma substância ser um ácido, deveria conter em sua composição o oxigênio, na mesma época, os cientistas Claude-Louis Berthollet (1787) e Humphry Davy (1810) descreveram alguns ácidos que não tinham oxigênio em sua composição refutando assim a teoria de Lavosier. Eis que surge o ciêntista Arrhenius com experiências e com sua teoria da <a title="saiba mais sobre a teoria da dissociação eletronica" target="_blank" href="http://www.fisica.net/quimica/resumo9.htm#TeoDis">dissociação eletronica</a> dando o conceito atual de ácidos. Segundo ele, ácidos são substâncias que quando entram em contato com água se ionizam liberando cátions H+, sendo assim todo ácido obrigatoriamente deve conter hidrogênio (H) em sua composição.<br>
RESPOSTA CERTA: Letra d<br><br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://pt.wikipedia.org/wiki/%C3%81cido">Wikipédeia - Os ácidos</a>
</div>
</div>
<div class="quest4" id="quest">
<div id="pergunta">
Questão 4: Agora em relação as bases e os sais não podemos afirmar que:
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) As bases liberam uma <a title="nada mais é que uma molecula formada pela ligação entre um átodo de hidrogênio e um de oxigênio (OH)">hidroxila</a> com carga negativa quando entram em contato com a água, ou seja para ser uma base, a substãncia devere conter em sua composição o hidrogênio e o oxigênio.</p></a>
<a alt="#errado"><p>(b) os sais são formados pela reação envolvendo um ácido e uma base, reação essa chamada <a href="#" terget="_blank" title="É o processo que consiste na união de cátions e ânios, carga positiva e carga negativa, que faz com que uma anule a outra gerando uma substância não iônica">processo de neutralização</a></p></a>
<a alt="#certo"><p>(c) O sal é muito utilizado para diminuir o grau de condutividade elétrica da água já que ao se dissolver a torna impura evitando que os elétrons sejam transmitidos.</p></a>
<a alt="#errado"><p>(d) Segundo a teoria da dissociação eletronica de Arrhenius os sais quando dissolvidos em água dão origem a uma solução iônica.</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p4" id="p">
Como o sal é formado a partir do processo de junção de um ácido e uma base, que não substâncias ionicas, quando dissolvidas em água essas ligações irão se romper formando assim moléculas eletricamente carregadas, os íons, isso fará com que a água se torne um composto iônico o que a tornará ainda mais condutora de eletricidade, sendo assim com a dissolução de um sal a água não perderá condutividade e sim ganhará.<br>
RESPOSTA ERRADA: Letra c<br><br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://www.brasilescola.com/quimica/sais.htm">Brasil escola - Os sais</a>
</div>
</div>
<div class="quest5" id="quest">
<div id="pergunta">
Questão 5: Qual a (as) principais características definem se uma substância é ou não um óxido?
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) A presença de oxigênio</p></a>
<a alt="#errado"><p>(b) A presença de oxigênio e a quantidade de átomos presentes. </p></a>
<a alt="#certo"><p>(c) A presença de oxigênio, a quantidade de átomos e a </a href="#" title="Eletronegatividade diz respeito a capacidade que os átomos têm de atrair eletrons">eletronegatividade</a> dos átomos</p></a>
<a alt="#errado"><p>(d) A presença de oxigênio e hidrogênio, a quantidade de átomos, a eletronegatividade dos átomos</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p5" id="p">
óxidos são substâncias binárias, ou seja, formada por 2 átomos sendo que um deles deve ser o oxigênio que deve ser mais eletronegativo que o outro átomo. Caso uma substância seja binária, contenha o oxigênio, mas o outro átomo seja o mais eletronegativo, a substância não é considerada um óxido. Sendo assim as características são a presença do oxigênio, a quantidade de átomos presentes que deve ser 2 átomos e a eletronegatividade do oxigênio que deve ser maior que a do outro átomo.<br>RESPOSTA CERTA: letra c<br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://www.brasilescola.com/quimica/sais.htm">Brasil escola - Os óxidos</a>
</div>
</div>
<div class="quest6" id="quest">
<div id="pergunta">
Questão 6: Como já visto substâncias orgânicas são aquelas que apresentam carbono em sua composição, é uma das principais caracteristicas delas:
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) Sua grande capacidade de atrair elétrons e formar assim compostos iônicos negativos </p></a>
<a alt="#errado"><p>(b) Sua grande capacidade de liberar elétrons e formar assim compostos iônicos positivos</p></a>
<a alt="#errado"><p>(c) Sua grande capacidade de formar carboxilas já que todas contém em sua composição átomos de carbono</p></a>
<a alt="#certo"><p>(d) Sua grande capacidade de formar <a href="#" title="Conjundo de átomos de carbono interligados entre si">cadeias carbônicas</a> já que todas possui carbono em sua composição</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p6" id="p">
Uma das principais caracetisticas das substâncias orgânicas é a capacidade de formar cadeias carbonicas, que são um agrupamento de átomos de carbonos, isso é o principal motivo da incrível variedade de substânias orgânicas encontradas.Uma das formas de classificar a cadeia carbonicas é como ela está composta, homogêneas quando é composta apenas por átomos de carbono, ou heterogênea quando existem outros átomos além do carbono presente na cadeia. <br>
<br>RESPOSTA CERTA: letra d<br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://www.brasilescola.com/quimica/sais.htm">Brasil escola - Os óxidos</a>
</div>
</div>
<div class="quest7" id="quest">
<div id="pergunta">
Questão 7: Em relação aos hidrocarbonetos, uma das classes de substâncias orgânicas, podemos afirmar que:
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) É muito encontrado em estado gasoso pois contém em sua composiçao o gás carbônico e o gás hidrogênio.</p></a>
<a alt="#errado"><p>(b) É formado apenas pelos átomos de carbono e hidrogênio e são naturalmente encontrados no estado gasos</p></a>
<a alt="#certo"><p>(c) É formado apenas pelos átomos de carbono e hidrogênio e são os principais componentes do petróleo</p></a>
<a alt="#errado"><p>(d) É composto pelo gás carbônico e o gás hidrogênio sendo o principal componente absorvido pelas plantas.</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p7" id="p">
Os hidrocarbonetos é a mais simples dessas classes de substâncias orgânicas, eles vêm do petróleo, sendo considerados assim importantes combustíveis e matérias primas, os hidrocarbonetos são substâncias compostas exclusivamente por átomos de carbono e hidrogênio, o petróleo é constituído fundamentalmente por hidrocarbonetos. No petróleo podemos encontrar hidrocarbonetos que têm desde 1 até mais de trinta átomos de carbono, a maioria dos combustíveis presentes em nosso dia a dia são gerados a partir de hidrocarbonetos derivados do petróleo nos tornando assim dependentes da fonte de energia mesmo. <br>RESPOSTA CERTA: letra c<br><br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://pt.wikipedia.org/wiki/Hidrocarboneto">Wikipédia - Os hidrocarbonetos</a>
</div>
</div>
<div class="quest8" id="quest">
<div id="pergunta">
Questão 8: Os Álcoois formam outra classe de substâncias orgânicas, em relação a sua classificação, é correto:
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) Podem ser classificados em ácool etílico, álcool medicinal e álcool aditivado.</p></a>
<a alt="#errado"><p>(b) Podem ser classificados como álcool etílico, monoálcool, e pró ácool.</p></a>
<a alt="#errado"><p>(c) Podem ser classificados em monoálcool, diálcoll, e triálcool</p></a>
<a alt="#certo"><p>(d) Podem ser classificados em monoálcool, diálcoll, e poliálcool</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p8" id="p">
Os álcoois constituem o grupo que possui hidroxilas ligadas a átomos de carbono <a href="#" title="é uma caractéristica que ocorre quando os átomos de carbono fazem apenas ligações simples">saturado</a>, podem ser classificados de diversas formas, como por exemplo pela quantidade de hidroxilas presentes, caso tenha apenas uma hidroxila é classificado como monoálcool, caso possua duas hidroxila, diálcool, se possuir três em diante poliálcool. Uma substância pertencente a esta classe é o etanol, muito utilizado como combustível, porém, diferentemente da gasolina, derivada do petróleo, o etanol não é considerado um combustível fóssil.<br>RESPOSTA CERTA: letra d<br><br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://www.brasilescola.com/quimica/alcoois.htm">Brasil escola - Os Álcoois</a>
</div>
</div>
<div class="quest9" id="quest">
<div id="pergunta">
Questão 9: Em relação as substâncias tóxicas, é correto afirmar:
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) São consideradas tóxicas as substâncias resultantes de processos industriais</p></a>
<a alt="#certo"><p>(b) As substâncias tóxicas podem ser gerada de forma natural ou sintética</p></a>
<a alt="#errado"><p>(c) A maior caracteristica das substâncias tóxicas ser formada por uma grande cadeia carbonica.</p></a>
<a alt="#errado"><p>(d) As substâncias não podem ser inorgânicas e tóxicas ao mesmo tempo</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p9" id="p">
As substâncias tóxicas não são apenas aquelas produzidas pela indústria, existe uma grande quantidade de substâncias que possuem características tóxicas e que são produzidas naturalmente por animais, natureza em si, muitas delas utilizadas até como uma forma de defesa, como por exemplo, os venenos, seja de cobras, aranhas, escorpiões em fim... São substâncias que possuem toxinas e que podem causar sérios danos a saúde humana. No reino vegetal também ocorre essa produção tóxica, existem plantas que por meio de processos metabólicos produzem essas substâncias tóxicas também como principais função de defesa, contra insetos, e outros animais.<br>RESPOSTA CERTA: letra b<br>
<a alt="proxima"><input type="button" value="Próxima Questão" onclick="pontos()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://ambiente.hsw.uol.com.br/substancias-toxicas.htm">Como tudo funciona - As substâncias tóxicas</a>
</div>
</div>
<div class="quest10" id="quest">
<div id="pergunta">
Questão 10: Em relação a utilização das substâncias tóxicas é incorreto:
</div>
<div class="resposta1" id="resposta">
<a alt="#errado"><p>(a) Tratamento de alimentos e produtos de limpeza</p></a>
<a alt="#errado"><p>(b) mineração e tratamento de alimentos</p></a>
<a alt="#certo"><p>(c) Produção de medicamentos e produção de petróleo</p></a>
<a alt="#errado"><p>(d) produção de tecidos e produtos de limpeza</p></a>
</div>
<div class="correct1" id="correct" align="right">
<div class="estado" id="errado">
<p>Acertou!!</p>
<img src="acertou.png"></img>
</div>
<div class="estado" id="certo">
<p>Você errou!</p>
<img src="errou.png"></img>
</div>
<p class="p10" id="p">
Apartir do petróleo podem ser geradas uma grande quantidade de substâncias tóxicas, porém sebstâncias tóxicas não podem ser usapadas para gerar o petróleo, até porque não haveria vantagem nisso, o petróleo é gerado naturalmente a partir de processos quimicos que acontecem naturalmente.<br>RESPOSTA ERRADA: letra c <br>
<a alt="proxima"><input type="button" value="Resultado" onclick="resultado()"/></a>
</p>
Mais Informações: <a target="_blank" href="http://www.suapesquisa.com/geografia/petroleo/">Super perquisa - Petróleo</a>
</div>
</div>
<div class="quest11" id="quest">
<div id="pergunta">
Resultado
</div>
<div class="resposta1" id="resultado">
</div>
</div>
</div>
<div id="block">
</div>
</body >
</html>
Nenhum comentário:
Postar um comentário