Universidade Paulista

Prévia do material em texto

UNIVERSIDADE PAULISTA – CAMPUS ANCHIETA
 
 SISTEMA DA INFORMAÇÃO
FABRÍCIO SANTANA GOMES DE SOUZA
IGOR SANTOS PINHEIRO
MATHEUS EVARISTO ARAÚJO
THALITA MARTINS VALDEMARIN
ATIVIDADES PRÁTICAS SUPERVISIONADAS
AS TÉCNICAS CRIPTOGRÁFICAS, CONCEITO, USOS E APLICAÇÕES.
 
SÃO PAULO
 2020
 
FABRÍCIO SANTANA GOMES DE SOUZA RA: F21203-3
 IGOR SANTOS PINHEIRO RA: N5820E-6
 MATHEUS EVARISTO ARAÚJO RA: N663AB-5
 THALITA MARTINS VALDEMARIN RA: N5618C-0
ATIVIDADES PRÁTICAS SUPERVISIONADAS
 
AS TÉNICAS CRIPTOGRÁFICAS, CONCEITO, USOS E APLICAÇÕES.
Trabalho apresentado no curso de Sistema da Informação – Universidade Paulista – Campus Anchieta como requisito para a composição de nota da disciplina APS (Atividades Praticas Suspensionadas)
Orientadores: Marcos Junior
SÃO PAULO
2020
 Sumário
Objetivo do trabalho
Introdução
Tema escolhido
Dissertação
Projeto (estrutura) do site
Relatório com as linhas de código das páginas do site
Apresentação do site funcionando em um computador
Bibliografia 
Ficha de atividades praticas suspensivas 
Objetivo do trabalho
Temos objetivo de conscientizar os espectadores e leitores, mostrar as pessoas que não é tempo para perder esperanças em nossa futura qualidade de vida, para que possamos tomar providências e atitudes, tanto para nosso ambiente como para a futura geração, incentivar instituiçôes para reduzir a superexploração, uso acima do estimado dos recursos e uma boa forma de reciclar e reaproveitar os recursos de nosso planeta, pois a ação de todos podem garantir um mundo melhor e desenvolvido de forma que sustente nosso planeta, nossa especíe e nossos futuros investimentos em tecnologia e informações.
Introdução
Ao longo da evolução, o ser humano sempre precisou de recursos, tanto para sua sobrevivência e de sua comunidade como lar. Em nosso planeta ha 7 bilhões de pessoas que tem a necessidade desses recursos tanto naturais como minerais e vegetais, para fins de sobrevivencia e evolução, com o principal objetivo de um desenvolver melhorias para seu lar e para si mesmos entre a comunidade, porém quanto mais nos seres humanos produzimos a partir desses recursos, temos menos disposição devido ao uso anterior do mesmo, alguns até é possivel devido sua reciclagem. Porém em um planeta com recursos totalmente finitos, o ser humano faz superexplorações e acima do estimado gerando possiveís catastrofes ao nosso planeta acima de nossas previsões e estatisticas.
 Focado no conceito de criar uma solução que benefície tanto nossa geração como as proximas que estão por vir a proximos anos, com um uso mais reduzido e com melhor reaproveitamento de nosso recursos e uma forma de restaurar as fontes de recursos minerais e vegetais que uma vez foi usado pelo ser human, da a origem a busca ao desenvolvimento sustentavel para sobrevivencia e melhorias da iniovação tecnológica de forma mais efetiva do ser humano em um planeta com recursos finitos
Tema escolhido
O tema escolhido, foi o desenvolvimento sustentável, buscando formas e soluções que ajudassem ou resolvessem os impactos humanos sobre o meio-ambiente.
Trazendo as suas vantagens e desvantagens, escolhemos os que mais causam danos ao nosso ambiente, orientamos sobre os seus recursos.
Pensando sobre o desenvolvimento sustentável, resolvemos aborda os temas reciclagem, reflorestamento, fontes de energia renovável e Programas socioambientais de conscientização.
Dissertação
O trabalho traz, fontes de energia renovável, que nada mais é do que energia que dura ao longo do tempo, exemplos de energia renovável como: energia hídrica, eólica, energia solar, energia geotérmica, energia da biomassa, das ondas e mares.
 As vantagens da energia renovável são imensas para o meio ambiente, se comparado com outras fontes de energia e de combustão fosseis, reduz a emissão de CO² e consequentemente desacelera o aquecimento global. Com uma política pública eficiente pode afetar positivamente a economia.
 Contra partida os custos da desvantagem são enormes, impactando visualmente no meio ambiente, hidroelétricas impactas na vegetação, por conta da erosão além dos altos custo para esses processos convencionais, além disso a soma desses fatores e outros afetam em toda forma negativa de vida no planeta. O que chama atenção e que as energias renovais afetam não só a economia, mas também o meio ambiente, porém a pratica moderna é inovadora nos ambientes domésticos e comerciais e a energia tem um profundo impacto na vida das pessoas, mesmo no século 21 ainda muitas pessoas não tem acesso à energia. Muitas empresas nacionais e multinacionais, já tem essa consciência sustentável e por conta disso já trabalha com energia renovável. Sabemos que a muito a se fazer se comparado a outros países, mas a sustentabilidade já bate à porta, alguns estados do Brasil já são referências no desenvolvimento de energia como a fotovoltaica.
 A reciclagem é ponto fundamental para essa renovação que começa com o homem e termina resultando numa melhor qualidade de vida, podemos reciclar: aço, alumínio, baterias, borracha, os computadores e objetos que fazem parte do nosso cotidiano, a coleta seletiva já deveria ser um abito do cidadão as cores correspondentes a plástico, material orgânico, metal e vidro já fazem parte de muitos locais públicos, mas existe outros matérias recicláveis, esse processo de reutilização diminuiria e muito os gastos com novos objetos, criaria novos mercados além da herança deixada para as novas gerações de conscientização dos recursos naturais. Em alguns casos a reciclagem gera um gasto maior para determinado objeto que se recicla, sem contar a demanda que as vezes não atende as expectativas. O Brasil em 2012 foi o recordista em reciclagem no mundo com 98% de reaproveitamento em latas de alumínio, garrafas e papeis também lideram esse índice, a região sul é a que mais recicla, mas recentemente outros países também tiveram um bom percentual em a reciclagem.
O reflorestamento e o que vem na esteira da reciclagem, preservar a fauna e flora e o objetivo do reflorestamento ecológico, até por que a retenção no meio ambiente de CO² só acontece com grandes áreas verdes, além de diminuir a temperatura da terra impacta na natureza com a manutenção da biodiversidade, para as madeireiras acaba sendo uma grande desvantagem já que os gastos seriam maiores. Refloresta está ao nosso alcance e pode ser em espaço que era ocupado e foi desmatado, infelizmente na Amazônia o reflorestamento vem caindo nos últimos anos, bem verdade que a taxa de desflorestamento vem diminuído na mata Atlântica. Programas socioambientais de conscientização da população vem para alertar, sensibilizar e conscientizar a população, envolve grandes empresas com o intuito de recuperação e preservação dos recursos hídricos, não só trabalhar com grandes coletas mais também na transformação daquilo que já está ao nosso alcance, no início da revolução industrial pouco se sabia e se falava assim. Os hábitos são carregados pela humanidade até hoje.
Projeto (estrutura) do site
A estrutura do site foi feita com um mecanismo para adicionar estilo a um documento web. O código CSS pode ser aplicado diretamente nas tags ou ficar contido dentro das tags <style>. Também é possível, em vez de colocar a formatação dentro do documento, criar um link para um arquivo CSS que contém os estilos
Relatório com as linhas de código das páginas do site
1º Pagina:
<html>
    <head>
        <title>Meu Site</title>
        <style>
            body{
                background-color: rgb(80, 185, 255);
                padding-left: 250px;
                padding-right: 250px;font-family: Arial, Helvetica, sans-serif;
                margin-top: 0;
            }
            #Conteudo{
                background-color: white;
                width: 100%;
                height: 800%;
            }
            h1{
                text-align: center;
                color: rgb(41, 121, 240);
            }
            #Menu{
                background-color: black;
                width: 100%;
                height: 75px;
            }
        
            #conteudo2{ 
                background-color:white;
                width: 100%;
                height: 400px; 
            }
    </style>
    </head>
    </body>
<div id="Conteudo">
<br><br>
<h1><font color="BLACK">UM OLHAR PARA O FUTURO</font></h1>
<br><br>
<header>
<div id="Menu">
<html>
<head>
<style>
.dropbtn {
    background-color: black;
    color: white;
    padding: 20px;
    font-size: 22px;
    border: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgrey;
    min-width: 200px;
    z-index: 1;
}
.dropdown-content a {
    color: rgb(0, 0, 0);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: rgb(0, 0, 0);}
</style>
</head>
<div class="dropdown">
<button class="dropbtn">📋Menu</button>
<button class="dropbtn">♻Reciclagem</button>
<button class="dropbtn">🌳Reflorestamento</button>
<button class="dropbtn">🔃Fontes renováveis de energia</button>
<button class="dropbtn">🤝Programas socioambientais</button>
<div class="dropdown-content">
    <a href="C:\Users\Thauane\Desktop\aps\Inicio.html">Sobre o site</a>
<div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\igor (3).html">Reciclagem</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Enrico (3).html">Reflorestamento</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Thatroxa (3).html">Fontes renováveis de energia</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Hani (5).html">Programas socioambientais</a>
</div>
</div>
</body>
</html>
</li>
</ul>                 
</div>
</header>
</dvi>
<footer>
<p>
<br><br>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="10">Quem somos?</font></p> 
<div id="conteudo2">
         <img src="C:\Users\Thauane\Desktop\aps\lili.jpg" width="10%" height="30%" border-radius="30%" 
         font-size="32px" left="30px" top="30px" margin-left="30px" top="30%" margin-top="30px" >
         <img src="C:\Users\Thauane\Desktop\aps\igor.jpg" width="10%" height="30%" border-radius="30%" 
         font-size="32px" left="30px" top="30px" margin-left="30px" top="30%" margin-top="30px" >
         <img src="C:\Users\Thauane\Desktop\aps\enrico.jpg" width="10%" height="30%" border-radius="30%" 
         font-size="32px" left="30px" top="30px" margin-left="30px" top="30%" margin-top="30px" >
         <img src="C:\Users\Thauane\Desktop\aps\haniele.jpg" width="10%" height="30%" border-radius="30%" 
         font-size="32px" left="30px" top="30px" margin-left="30px" top="30%" margin-top="30px" >
         <blockquote><blockquote><fp><font size="5"> Somos do 1º semestre do curso de Sistemas de informação da UNIP - Universidade Paulista campus anchieta.</p></blockquote></blockquote>
<blockquote><blockquote><fp><font size="5"> Estamos trazendo para vocês um site que busca conscientizar os espectadores e leitores, tendo o objetivo de mostrar as pessoas que não é tempo para
perder esperanças em nossa futura qualidade de vida, para que possamos tomar providências e atitudes, tanto para nosso ambiente como para o futuro de nossa geração. Porque a ação de todos podem garantir um mundo melhor de forma que sustente nosso planeta, nossa especíe e nossos futuros investimentos em tecnologia e informações.
Sendo assim, Incentivando instituiçôes a reduzir a superexploração dos recursos.</p></blockquote></blockquote>
</footer>
</div>
</body>
</html>
<HEAD>
</HEAD>
<BODY BACKGROUND="C:\Users\Thauane\Desktop\aps\terra.png" LINK=RED ALINK=BLUE  VLINK=GREEN>
2º Pagina :
<html>
    <head>
        <title>Meu Site</title>
        <style>
            body{
                background-color: rgb(80, 185, 255);
                padding-left: 250px;
                padding-right: 250px;
                font-family: Arial, Helvetica, sans-serif;
                margin-top: 0;
            }
            #Conteudo{
                background-color: white;
                width: 100%;
                height: 500%;
            }
            h1{
                text-align: center;
                color: rgb(41, 121, 240);
            }
            #Menu{
                background-color: black;
                width: 100%;
                height: 75px;
            }
        </style>
    </head>
    </body>
    <div id="Conteudo">
        <br><br>
        <h1><font color="BLACK">UM OLHAR PARA O FUTURO</font></h1>
        <br><br>
        <header>
            <div id="Menu">
                <html>
                    <head>
                        <style>
                            
.dropbtn {
    background-color: black;
    color: white;
    padding: 20px;
    font-size: 22px;
    border: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgrey;
    min-width: 200px;
    z-index: 1;
}
.dropdown-content a {
    color: rgb(0, 0, 0);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: black;}
</style>
</head>
<div class="dropdown">
<button class="dropbtn">📋Menu</button>
<button class="dropbtn">♻Reciclagem</button>
<button class="dropbtn">🌳Reflorestamento</button>
<button class="dropbtn">🔃Fontes renováveis de energia</button>
<button class="dropbtn">🤝Programas socioambientais</button>
<div class="dropdown-content">
    <a href="C:\Users\Thauane\Desktop\aps\Inicio.html">Sobre o site</a>
<div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\igor (3).html">Reciclagem</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Enrico (3).html">Reflorestamento</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Thatroxa (3).html">Fontes renováveis de energia</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Hani (5).html">Programas Socioambientais</a>
</div>
</div>
</body>
</html>
</li>
</ul>                 
</div>
</header>
</dvi>
<footer>
<p>
<br><br>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="14">Reciclagem</font></p>
<p><font size="7">O que é reciclagem?</font></p></h1></b>
<blockquote><p><font size="5">•A reciclagem é uma medida de reaproveitamento de matérias-primas descartadas e visa transformá-las em um novo produto ou uma nova matéria-prima.</p></blockquote>
<b><h1 size="10" face="Arial text-aling="center" style="color:black"
<p><font size="14">Tipos de reciclagem:</font></p></h1></b>
<blockquote><p><font size="5">•   Reciclagem do aço </p></blockquote>
<blockquote><p><font size="5">•    Reciclagem do alumínio</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem de baterias</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem da borracha</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem de computadores</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem de embalagens assépticas</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem de entulho</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem de madeira</p></blockquote>
<blockquote><p><fontsize="5">•    Reciclagem do metal</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem do papel</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem de plástico e embalagens</p></blockquote>
<blockquote><p><font size="5">•    Reciclagem do vidro</p></blockquote>
<blockquote><b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p>Cores dos cestos de separação para reciclagem e suas definições:</p></h1></b>    
<blockquote><p><font size="5">   <font color="blue"> Papel: Nessa medida de reaproveitamento são reciclados, jornais, revistas, caixas de papelão e embalagens de papel.</p></blockquote>
<blockquote><p><font size="5">  <font color="red"> Plástico: Nesse medida de reaproveitamento são reciclados, garrafas PET e embalagens plásticas.</p></blockquote>
<blockquote><p><font size="5">   <font color="yellow"> Metal: Nessa medida de reaproveitamento são reciclados, latas de alumínio e de produtos alimentícios.</p></blockquote>
<blockquote><p><font size="5">  <font color="green"> Vidro: Nessa medida de reaproveitamento são reciclados, recipientes de alimentos, garrafas e vidros quebrados.</p></blockquote>
<blockquote><p><font size="5">   <font color="orange"> Laranja: Nessa medida de reaproveitamento é reciclado resíduos perigosos.</p></blockquote>
<blockquote><p><font size="5"   <font color="#C0C0C0"> Branco: Nessa medida de reaproveitamento é reciclado resíduos Ambulatórios e de serviços de saúde.</p></blockquote>
<blockquote><p><font size="5">  <font color="purple"> Roxo: Nessa medida de reaproveitamento é reciclado resíduos radioativos.</p></blockquote>
<blockquote><p><font size="5">   <font color="brown"> Marrom: Nessa medida de reaproveitamento é reciclado resíduos orgânicos.</p></blockquote>
<blockquote><p><font size="5">  <font color="grey"> Cinza: Nessa medida de reaproveitamento são reciclados, resíduo geral não reciclável ou misturado e contaminado não passível de separação.</p></blockquote>
<blockquote><p><font size="5"> <font color="black"> Preto: Nessa medida de reaproveitamento é reciclado a madeira.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p>Vantagens da reciclagem:</p></h1></b>
<blockquote><p><font size="5">• Aumento do tempo de vida e maximização do valor extraído das matérias-primas;</p></blockquote>
<blockquote><p><font size="5">• Poupanças energéticas;</p></blockquote>
<blockquote><p><font size="5">• Conservação de recursos naturais;</p></blockquote>
<blockquote><p><font size="5">• desviam-se os resíduos dos aterros ou outras instalações de tratamento mais poluidoras;</p></blockquote>
<blockquote><p><font size="5">• Redução da poluição atmosférica e da poluição dos recursos hídricos;</p></blockquote>
<blockquote><p><font size="5">• Criação de novos negócios e mercados para os produtos reciclados.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p>Desvantagens da reciclagem:</p></h1></b>
<blockquote><p><font size="5">• Custos de recolha, transporte e reprocessamento;</p></blockquote>
<blockquote><p><font size="5">• Nem sempre a reciclagem resulta em economia financeira, as vezes, tem maior custo de materiais reciclados (em relação aos produzidos com matérias-primas virgens).</p></blockquote>
<blockquote><p><font size="5">• Alteração dos mercados para materiais reciclados.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p>Curiosidades sobre a reciclagem:</p></h1></b>
<blockquote><p><font size="5">• A lata de alumínio reciclada pode voltar as prateleiras de supermercados em três meses ou menos.</p></blockquote>
<blockquote><p><font size="5">• Uma garrafa de plástico tem energia suficiente para manter uma lâmpada de 60W acesa durante horas.</p></blockquote>
<blockquote><p><font size="5">• O processo de reciclagem de alumínio pode economizar 95% do custo de energia para produzir alumínio novo.</p></blockquote>
<blockquote><p><font size="5">• Qualquer processo de reciclagem de matéria prima economiza o dobro de energia do que incinerar montanhas de lixo, encontradas nos aterros e lixões a céu aberto.</p></blockquote>
<blockquote><p><font size="5">• O Brasil é o recordista mundial em reciclagem de latinhas. Em 2012, 98% da produção nacional foi reaproveitada.</p></blockquote>
<b><h1 size="9" face="Arial text-aling="center" style="color:black"
<p>Graficos:</p></h1></b>   
<b><h1 size="3" face="Arial text-aling="center" style="color:black"
<p>Reciclagem dos Países</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote></blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><img src="C:\Users\Thauane\Desktop\aps\igoo1.png"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
<b><h1 size="3" face="Arial text-aling="center" style="color:black"
<p>Quantia de reciclagem no Brasil</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote></blockquote><img src="C:\Users\Thauane\Desktop\aps\igoo2.png"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
<b><h1 size="3" face="Arial text-aling="center" style="color:black"
<p>A reciclagem no Brasil</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote> <img src="C:\Users\Thauane\Desktop\aps\igoo3.png"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
<b><h1 size="3" face="Arial text-aling="center" style="color:black"
<p>Coleta seletiva por região</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote></blockquote><img src="C:\Users\Thauane\Desktop\aps\igoo4.png"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
</footer>
</div>
</body>
</html>
<HEAD>
</HEAD>
<BODY background="C:\Users\Thauane\Desktop\aps\igo.jpg" LINK=RED ALINK=BLUE  VLINK=GREEN ></BODY>
3 º Pagina:
<html>
    <head>
        <title>Meu Site</title>
        <style>
            body{
                background-color: rgb(80, 185, 255);
                padding-left: 250px;
                padding-right: 250px;
                font-family: Arial, Helvetica, sans-serif;
                margin-top: 0;
            }
            #Conteudo{
                background-color: white;
                width: 100%;
                height: 500%;
            }
            h1{
                text-align: center;
                color: rgb(41, 121, 240);
            }
            #Menu{
                background-color: black;
                width: 100%;
                height: 75px;
            }
        </style>
    </head>
    </body>
    <div id="Conteudo">
        <br><br>
        <h1><font color="BLACK">UM OLHAR PARA O FUTURO</font></h1>
        <br><br>
        <header>
            <div id="Menu">
                <html>
                    <head>
                        <style>
 .dropbtn {
    background-color: black;
    color: white;
    padding: 20px;
    font-size: 22px;
    border: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgrey;
    min-width: 200px;
    z-index: 1;
}
.dropdown-content a {
    color: rgb(0, 0, 0);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: rgb(0, 0, 0);}
</style>
</head>
<div class="dropdown">
<button class="dropbtn">📋Menu</button>
<button class="dropbtn">♻Reciclagem</button>
<button class="dropbtn">🌳Reflorestamento</button>
<button class="dropbtn">🔃Fontes renováveis de energia</button>
<button class="dropbtn">🤝Programas socioambientais</button><div class="dropdown-content">
    <a href="C:\Users\Thauane\Desktop\aps\Inicio.html">Sobre o site</a>
<div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\igor (3).html">Reciclagem</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Enrico (3).html">Reflorestamento</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Thatroxa (3).html">Fontes renováveis de energia</a>
    <div class="dropdown-content"></div>
  <a href="C:\Users\Thauane\Desktop\aps\Hani (5).html">Programas socioambientais</a>
 </div>
</div>
</body>
</html>
</li>
</ul>                 
</div>
</header>
</dvi>
<footer>
<p>
    <br>
    <b><h1 size="4" face="Arial text-aling="center" style="color:black"
<u><p><font size="14">Reflorestamento</font></p></u>
<b></b>
<p><font size="6">O que é reflorestamento? </font></p></h1></b>
<blockquote><p><font size="5">•    O reflorestamento é uma atividade cujo o foco é repor as áreas que anteriormente foram usadas para superexploração e incendios. Sendo assim, podendo trazer grandes auxílios e inumeros benefícios como trazer mais quantidades de CO2 que foram retiradas devido o desmatamento e incendios.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
 <p><font size="6">Tipos de reflorestamento:</font></p></h1></b>
<blockquote><p><font size="5">•    Reflorestamento ecológico: O objetivo é a preservação da fauna e da flora e a conservação das espécies da natureza. </p></blockquote>
<blockquote><p><font size="5">•    Reflorestamento comercial: É feita por meio de empresas ligadas a produção de papel, realizando a extração de celulose. </p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Vantagens do reflorestamento:</font></p></h1></b>
<blockquote><p><font size="5">• Retenção de CO²;</p></blockquote>
<blockquote><p><font size="5">• Diminuição do aumento da temperatura;</p></blockquote>
<blockquote><p><font size="5">• Recuperação de nascentes;</p></blockquote>
<blockquote><p><font size="5">• Proteção de bacias hidrográficas;</p></blockquote>
<blockquote><p><font size="5">• Redução da poluição sonora;</p></blockquote>
<blockquote><p><font size="5">• Manutenção da biodiversidade;</p></blockquote>
<blockquote><p><font size="5">• Controle e prevenção de erosões e escorregamentos de terra;</p></blockquote>
<blockquote><p><font size="5">• Paisagens limpas e bonitas da natureza;</p></blockquote>
<blockquote><p><font size="5">• Procura abrangente pelo ecoturismo</p></blockquote>
<blockquote><p><font size="5">• Abrigo e alimentação para fauna. </p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Vantagens do reflorestamento as plantas:</font></p></h1></b><blockquote><p><font size="5">• Diminuição da temperatura. </p></blockquote>
<blockquote><p><font size="5">• Procura abrangente pelo ecoturismo.</p> </blockquote>
<blockquote><p><font size="5">• Redução da poluição sonora. </p></blockquote>
<blockquote><p><font size="5">• Manutenção da biodiversidade.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Desvantagens do reflorestamento:</font></p></h1></b>
<blockquote><p><font size="5">• por ter um baixo valor e elevado volume a madeira pode inviabilizar o empreendimento de transporte por grandes distâncias. </p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Curiosidades sobre reflorestamento:</font></p></h1></b>
<blockquote><p><font size="5">• muitas pessoas confundem florestamento com reflorestamento. </p></blockquote>
<blockquote><p><font size="5">- Reflorestamento: É a recuperação de espaços que já tiveram florestas. </p></blockquote>
<blockquote><p><font size="5">- Florestamento: É realizado quando plantam onde não tinha vegetação, ou seja, não eram florestas. </p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="7">Graficos:</font></p></h1></b>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">PRODES (Projeto de Monitoramento da Floresta Amazônica Brasileira por Satélite) mostra o gráfico de reflorestamento</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><img src="C:\Users\Thauane\Desktop\aps\enri1.png"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Taxa de desmatamento anual da mata atlântica</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote> <blockquote><img src="C:\Users\Thauane\Desktop\aps\enri2.png"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
</footer>
</div>
</body>
</html>
<HEAD>
</HEAD>
<BODY BACKGROUND="C:\Users\Thauane\Desktop\aps\henrico.jpg" LINK=RED ALINK=BLUE  VLINK=GREEN></BODY>
4 º Pagina :
<html>
    <head>
        <title>Meu Site</title>
        <style>
            body{
                background-color: rgb(80, 185, 255);
                padding-left: 250px;
                padding-right: 250px;
                font-family: Arial, Helvetica, sans-serif;
                margin-top: 0;
            }
            #Conteudo{
                background-color: white;
                width: 100%;
                height: 800%;
            }
            h1{
                text-align: center;
                color: rgb(41, 121, 240);
            }
            #Menu{
                background-color: black;
                width: 100%;
                height: 75px;
            }
        </style>
    </head>
    </body>
    <div id="Conteudo">
        <br><br>
        <h1><font color="BLACK">UM OLHAR PARA O FUTURO</font></h1>
        <br><br>
        <header>
            <div id="Menu">
                <html>
                    <head>
                        <style>                     
.dropbtn {
    background-color: black;
    color: white;
    padding: 20px;
    font-size: 22px;
    border: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgrey;
    min-width: 200px;
    z-index: 1;
}
.dropdown-content a {
    color: rgb(0, 0, 0);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: rgb(0, 0, 0);}
</style>
</head>
<div class="dropdown">
<button class="dropbtn">📋Menu</button>
<button class="dropbtn">♻Reciclagem</button>
<button class="dropbtn">🌳Reflorestamento</button>
<button class="dropbtn">🔃Fontes renováveis de energia</button>
<button class="dropbtn">🤝Programas socioambientais</button>
<div class="dropdown-content">
    <a href="C:\Users\Thauane\Desktop\aps\Inicio.html">Sobre o site</a>
<div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\igor (3).html">Reciclagem</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Enrico (3).html">Reflorestamento</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Thatroxa (3).html">Fontes renováveis de energia</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Hani (5).html">Programas socioambientais</a>
</div>
</div>
</body>
</html>
</li>
</ul>                 
</div>
</header>
</dvi>
<footer>
<p>
<br><br>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="16">Investimento em fontes renováveis de energia</font></p> 
<p><font size="6">O que é energia renovável?</font></p></h1></b>
<blockquote><p><font size="5">• São formas de produzir energia, capazes de durar um longo tempo, com recursos que se renovam e que não se esgotam.</p></blockquote><b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Exemplos de Fontes Renováveis:</font></p></h1></b>
<blockquote><p><font size="5">• Energia Hídrica: Obtida pelo movimento das águas dos rios.</p></blockquote>
<blockquote><p><font size="5">• Eólica: Obtida pelo vento.</p></blockquote>
<blockquote><p><font size="5">• Energia Solar: Obtida pelo sol.</p></blockquote>
<blockquote><p><font size="5">• Energia Geotérmica: Obtida pelo calor interno da terra.</p></blockquote>
<blockquote><p><font size="5">• Energia das Ondas: Obtida pela força.</p></blockquote>
<blockquote><p><font size="5">• Energia da Biomassa: Obtida por matéria de origem vegetal.</p></blockquote>
<blockquote><img src="C:\Users\Thauane\Desktop\aps\lita1.png"></blockquote>
</p>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Vantagens das Energias Renováveis:</font></p></h1></b>
<blockquote><p><font size="5">• Pode ser considerada inesgotável.</p></blockquote>
<blockquote><p><font size="5">• O seu impacto ambiental é menor do que o provocado pelas fontes de energia com origem nos combustíveis fósseis (carvão, petróleo e gás).</p></blockquote>
<blockquote><p><font size="5">• Permitem reduzir as emissões de CO2, melhorando a qualidade de vida.</p></blockquote>
<blockquote><p><font size="5">• Evita o aquicimento global.</p></blockquote>
<blockquote><p><font size="5">• Aumento na geração de empregos.</p></blockquote>
<blockquote><p><font size="5">• Diminui o valor da conta de energia.</p></blockquote>
<blockquote><b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Desvantagens das Energias Renováveis:</font></p></h1></b>
<blockquote><p><font size="5">• Pode ser considerada inesgotável.</p></blockquote>
<blockquote><p><font size="5">• Custos elevados de investimento.</p></blockquote>
<blockquote><p><font size="5">• Impactos visuais negativos no meio ambiente.</p></blockquote>
<blockquote><p><font size="5">• Energia Biomassa – o método de combustão da biomassa não é limpo.</p></blockquote>
<blockquote><p><font size="5">• Energia Hidroelétrica – causa erosão de solos que pode ter impacto na vegetação do local.</p></blockquote>
<blockquote><p><font size="5">• Depende da localização (se tem o recurso necessário ou não) não há como produzir energia.</p></blockquote>
<blockquote><p><font size="5">• Ainda não tem fornecimento de energia suficiente para o consumo da população.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Casos Interessantes Sobre as Energias Renováveis:</font></p></h1></b>
<blockquote><p><font size="5">• O alcance das energias renováveis podem diminuir a taxa de pobreza e miséria.</p></p></blockquote>
<blockquote><p><font size="5">• Algumas dessas fontes renováveis, como é o caso da energia solar e eólica, podem ser facilmente encontradas e transformadas em elétrica.</p></blockquote>
<blockquote><p><font size="5">• Ja os combustíveis fósseis, precisam de um processo complexo e difícil para serem realizadas.</p></blockquote>
<blockquote><p><font size="5">• A energia possibilita o acesso à internet, educação e informação trazendo melhorias para a vida.</p></blockquote>
<blockquote><p><font size="5">• Muitos podem não acreditar, mas muitas pessoas ainda não tem o acesso à energia.</p></blockquote>
<blockquote><b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="16">Graficos:</font></p></h1></b>   
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="16">Empresas que utilizam energias renovaveis do Brasil</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote></blockquote><blockquote><img src="C:\Users\Thauane\Desktop\aps\lite2.jpg"></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="16">Como o Brasil esta se desenvolvendo</p></h1></b>
<blockquote><blockquote><blockquote><img src="C:\Users\Thauane\Desktop\aps\lita3.png"></blockquote></blockquote></blockquote></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="16">Estados que mais investem</p></h1></b>
<blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote><blockquote></blockquote><blockquote><img src="C:\Users\Thauane\Desktop\aps\lita4.jpg"  width="%" height="10%"
</div>
</body>
</html>
<HEAD>
</HEAD>
<BODY background="C:\Users\Thauane\Desktop\aps\thata.jjk.jpg" LINK=RED ALINK=BLUE  VLINK=GREEN >
         
5 º Pagina :
<html>
    <head>
        <title>Meu Site</title>
        <style>
            body{
                background-color: rgb(80, 185, 255);
                padding-left: 250px;
                padding-right: 250px;
                font-family: Arial, Helvetica, sans-serif;
                margin-top: 0;
            }
            #Conteudo{
                background-color: white;
                width: 100%;
                height: 500%;
            }
            h1{
                text-align: center;
                color: rgb(41, 121, 240);
            }
            #Menu{
                background-color: black;
                width: 100%;
                height: 75px;
            }
        </style>
    </head>
    </body>
    <div id="Conteudo">
        <br><br>
        <h1><font color="BLACK">UM OLHAR PARA O FUTURO</font></h1>
        <br><br>
        <header>
            <div id="Menu">
                <html>
                    <head>
                        <style>
 .dropbtn {
    background-color: black;
    color: white;
    padding: 20px;
    font-size: 22px;
    border: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: lightgrey;
    min-width: 200px;
    z-index: 1;
}
.dropdown-content a {
    color: rgb(0, 0, 0);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {background-color: white;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: rgb(0, 0, 0);}
</style>
</head>
<div class="dropdown">
<button class="dropbtn">📋Menu</button>
<button class="dropbtn">♻Reciclagem</button>
<button class="dropbtn">🌳Reflorestamento</button>
<button class="dropbtn">🔃Fontes renováveis de energia</button>
<button class="dropbtn">🤝Programas socioambientais</button>
<div class="dropdown-content">
    <a href="C:\Users\Thauane\Desktop\aps\Inicio.html">Sobre o site</a>
<div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\igor (3).html">Reciclagem</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Enrico (3).html">Reflorestamento</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Thatroxa (3).html">Fontes renováveis de energia</a>
    <div class="dropdown-content"></div>
    <a href="C:\Users\Thauane\Desktop\aps\Hani (5).html">Programas socioambientais</a>
</div>
</div>
</body>
</html>
</li>
</ul>                 
</div>
</header>
</dvi>
<footer>
<p>
<br><br>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="16">Programas socioambientais de conscientização da população</font></p>
<p><font size="6">O que é programas socioambientais de conscientização da população?</font></p></h1></b>
<blockquote><p><font size="5">• Os Programas socioambientais de conscientização da população tem como principal objetivo sensibilizar, alertar e envolver funcionários, clientes e a sociedade para a recuperação e preservação dos recursos hídricos do Brasil.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Ações feitas para se reaproveitar:</font></p></h1></b>
<blockquote><p><fontsize="5">• Coleta de uma tonelada de vidro em supermercado para reciclagem, azulejos de madeiras para se diminuir ruídos.</p></blockquote>
<blockquote><p><font size="5">• Aparelhos que transformam restos de comida em gás de cozinha. O Homebiogás gera até três horas de gás por dia e ainda produz fertilizantes naturais.</p></blockquote>
<blockquote><font size="5">•    Geladeira de argila que pode refrigerar alimentos sem eletricidade.</p></blockquote>
<blockquote><p><font size="5">•    Vasos biodegradáveis feitos com resíduo de papel, diferentes microrganismos no solo ou no composto poderão consumir o material como alimento.</p></blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Curiosidades:</font></p></h1></b>
<blockquote><p><font size="5" >•  Alunos do 1º ao 9º ano desenvolveram compostos orgânicos que substituem agrotóxicos, esse produto foi premiado na feira cientifica da USP e tem grandes chances de ser a solução para plantações sustentáveis e produtivas.</p></blockquote>
<blockquote><p><font size="5" >•  Os seres humanos não quiseram valorizar a preservação ao meio ambiente, levando a WWF a fazer um relatório. Ela é uma organização não-governamental que atua em diversos países com objetivo de promover o desenvolvimento sustentável, 20% da humanidade está usando mais recursos naturais do que o nosso planeta é capaz de repor.</p></blockquote>
<blockquote><p><font size="5" >•  A organização do ambiente nomeada como: Iniciativa Verde se concientizou e teve a iniciativa junto com outras organizações, eles desenvolveram atividades para a educação ambiental em comunidades e escolas com estudantes.</p><blockquote>
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="6">Graficos:</font></p></h1></b>   
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<b><h1 size="4" face="Arial text-aling="center" style="color:black"
<p><font size="14">Contribuições</font></p></h1></b>
<img src="C:\Users\Thauane\Desktop\aps\hanii3.png">
</footer>
</div>
</body>
</html>    
<HEAD>
</HEAD>
<BODY BACKGROUND="C:\Users\Thauane\Desktop\aps\hani5.jpg" LINK=RED ALINK=BLUE  VLINK=GREEN>
Apresentação do site funcionando em um computador
Página inicial 1
 
Pagina 2 reciclagem 
Pagina 3 Reflorestamento
 
Pagina 4 fontes de energias renováveis 
 
Pagina 5 Programas socioambientais de conscientização da população
Menu
Bibliografia
mundoeducacao.uol.com.br/geografia/fontes-renovaveis-energia.htm
www.infoescola.com/energia/fontes-de-energia-renovaveis-no-brasil/
blog.bluesol.com.br/fontes-de-energia-renovaveis/
escolakids.uol.com.br/ciencias/reciclagem.htm
esdomundinho.pbworks.com/w/page/7070981/Vantagens%20e%20Desvantagens%20da%20Reciclagem%21%21%21
www.bol.uol.com.br/listas/18-curiosidades-para-despertar-o-espirito-da-reciclagem-em-cada-um-de-nos.htm
ibderdrola.com/meio-ambiente/superexploracao-dos-recursos-naturais
blog.ecooar.com/tudo-sobre-reflorestamento/
https://refarq.com/2015/09/24/a-exploracao-de-recursos-naturais-e-o-desenvolvimento-sustentavel/
https://www.google.com/amp/s/ciclovivo.com.br/inovacao/negocios/conheca-3-projetos-de-uso-consciente-da-agua/amp/
Ficha de Atividades Práticas Supervisionadas