"Avaliação 1 - HTML e CSS"
Bootstrap 4.1.1 Snippet by Gabriella

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html> <head> <meta charset="utf-8"> <title>Programaçao</title> </head> <body> <div> <img src="https://i.ibb.co/QvgPRcL/prog01.jpg" alt="imagem com vários códigos e uma mulher programando" border="0" width="100%" height="400px" class="banner"> <div class="title01"> <h1>OS BENEFÍCIOS DE APRENDER A PROGRAMAR</h1> </div> <div> <ul class="listlink"> <li><a href="#rac-log">Desenvolver o raciocínio lógico</a></li> <li><a href="#aprend">Estimular o aprendizado de matemática e física</a></li> <li><a href="#escrita">Desenvolver a habilidade escrita</a></li> <li><a href="#ingles">Estimula o domínio do inglês</a></li> <li><a href="https://prefeitura.pbh.gov.br/prodabel/programando-sonhos">O Projeto Programando Sonhos</a></li> </ul> </div> <h2 class="title02">OS PRINCIPAIS BENEFÍCIOS DE APRENDER PROGRAMAÇÃO</h2> <div class="text-princ"> <a href="https://prefeitura.pbh.gov.br/prodabel"><img src="https://i.ibb.co/bNmkKJq/prog02.jpg" alt="ilustração de uma mulher programando" border="0" ></a> <p>Hoje em dia, o mundo está cada vez mais tecnológico e conectado. Há muito tempo, os computadores deixaram de ser luxos empresariais, invadindo o lar das pessoas. Com a internet e os smartphones, a tecnologia digital se tornou onipresente, chegando cada vez mais cedo às novas gerações. Nesse contexto atual, aprender programação e robótica é um ótimo diferencial para qualquer pessoa.</p> <p>O mais surpreendente é que aprender a programar desde cedo traz inúmeros outros benefícios além do sucesso profissional do programador no mercado de trabalho.</p> <p>É por isso também que muitos países, como os Estados Unidos, a Austrália e a Inglaterra, estão incentivando a implementação de disciplinas de informática, programação e robótica nas escolas.</p> <p>Pensando nisso, explicaremos no post a seguir 8 benefícios — cognitivos, sociais e pessoais — que a programação e a robótica fornecem para as crianças e adolescentes, mas que também podem servir para qualquer um que queira dominar essas áreas. Fique ligado!</p> </div> <div class="other-text"> <h2 id="rac-log">DESENVOLVER O RACIOCÍNIO LÓGICO</h2> <p>Aprender programação e robótica é, de certa forma, aprender a lidar com desafios cognitivos que exigem concentração e pensamento sequencial e lógico.</p> <p>Assim como ver matemática na infância estimula o pensamento quantitativo das crianças, aprender a linguagem de programação e a mexer com robôs desenvolve os circuitos neuronais relacionados com o pensamento abstrato e lógico.</p> <p>Ao programar um novo software ou um comando de um robô, os mais jovens levam a mente ao máximo para resolver problemas complexos, fazendo com que aprendam padrões mais eficientes de processamento de informação e de resolução de desafios.</p> <p>Dessa maneira, estimulam o lado esquerdo do cérebro, encarregado pelo pensamento espacial, lógico e analítico.</p> <h2 id="aprend">ESTIMULAM O APRENDIZADO DE MATEMÁTICA E FÍSICA</h2> <p>O desenvolvimento do raciocínio lógico proporcionado pela programação e pela robótica tem um impacto direto no aprendizado de outras disciplinas, como a matemática e a física, já que essas matérias da área de exatas exigem o mesmo pensamento analítico e a expertise para resolver problemas abstratos.</p> <p>Assim, forma-se um ciclo virtuoso para os pequenos: saber matemática e física ajuda a entender melhor sobre programação e robótica e saber de programação e robótica ajuda a pensar melhor nas matérias de exatas.</p> <h2 id="escrita">DESENVOLVEM A HABILIDADE DA ESCRITA</h2> <p>Como a programação é uma linguagem assim como a escrita, aprender a programar softwares e robôs impacta positivamente a habilidade das crianças e adolescentes de escrever textos na sua língua nativa.</p> <p>Isso acontece porque a programação e a robótica não estimulam só as áreas do cérebro ligadas ao pensamento analítico e matemático, mas também as áreas responsáveis pelo processamento e organização de frases, sentenças e palavras.</p> <p>Um bom programador jovem, além de desenvolver um bom raciocínio lógico e matemático, acaba se tornando bom nas humanidades, produzindo textos mais coesos e coerentes. <h2 id="ingles">ESTIMULAM O DOMÍNIO DO INGLÊS</h2> <p>Além dos pontos já abordados, saber sobre programação e robótica eleva o nível de inglês das crianças e adolescentes.</p> <p>Como grande parte dos conceitos e da terminologia de informática e de tecnologia de uma forma geral foi criada nos Estados Unidos, ao programar jogos e ao aprender sobre robótica, os mais jovens entram em contato direto com muitos vocabulários, expressões idiomáticas e formas gramaticais provenientes dessa língua estrangeira.</p> <p>Esse contato constante, mesmo que inconsciente, proporciona um maior domínio desse idioma.</p> <h2>MAPA DE INCLUSÃO DIGITAL</h2> </div> <table class="inclusion"> <thead> <tr> <th>Cidade</th> <th>UF</th> <th>Computador</th> <th>Posição</th> <th>Computador com internet</th> </tr> </thead> <tbody> <tr class="trPar"> <td>Belo Horizonte</td> <td>MG</td> <td>64.17</td> <td>13</td> <td>58.69</td> </tr> <tr> <td>São Caetano do Sul</td> <td>SP</td> <td>76.05</td> <td>1</td> <td>74.07</td> </tr> <tr class="trPar"> <td>Florianópolis</td> <td>SC</td> <td>76.05</td> <td>1</td> <td>74.07</td> </tr> <tr> <td>Vitória</td> <td>ES</td> <td>68.41</td> <td>3</td> <td>73.88</td> </tr> <tfoot> <tr class="trPar"> <td colspan="5">RANKING COMPARATIVO COM AS PRINCIPAIS CIDADES DO BRASIL</td> </tr> </tfoot> </tbody> </table> <form id="form"> <fieldset> <legend>Quer se increver para o projeto Programando Sonhos ?</legend> <label for="Sim">Sim</label> <input type="radio" name="resp" value="Sim"> <label for="Não">Não</label> <input type="radio" name="resp" value="Não"><br> <label for="mail">E-mail:</label> <input type="text" name="mail" cols="20" rowa="1"><br> <label for="resp">Diga-nos o que despertou seu ineresse :</label><br> <textarea name="resp" cols="100" rows="1"></textarea><br> <input type="submit" value="Enviar"> <input type="submit" value="Cancelar"> </fieldset> </form> </div> </body> </html>
body{ background-color:#c2eaf2; font-family:Tahoma, Geneva, sans-serif; } .banner { border-radius:10px; } .title01 { margin:0px; width:100%; background-color: #2aac76; border-radius:10px; } .title01 h1{ text-align:center; color:#ffffff; font-family:Tahoma, Geneva, sans-serif; padding:10px; } .listlink { list-style-image:url("https://i.ibb.co/8j1cFbx/tag.png") } .listlink li{ text-decoration:none; } .title02 { text-align:center; color: #2aac76; font-family:Tahoma, Geneva, sans-serif; } .text-princ p{ float:right; width:50%; margin:0px; padding-top:40px; font-size:20px; font-family:Tahoma, Geneva, sans-serif; } .text-princ img{ float:left; width:48%; height:500px; margin:0px; margin-bottom:100px; } .other-text { margin-top:100px; padding:10px; font-size:20px; font-family:Tahoma, Geneva, sans-serif; } .other-text h2{ text-align:center; color: #2aac76; } .inclusion { width:50%; border-collapse:collapse; border:1px solid black; margin-left:auto; margin-right:auto; } .inclusion td { border:1px solid black; padding:10px; } .inclusion tr:hover { background:#2aac76; color:white; } .inclusion thead tr:hover { background:none; color:black; } .inclusion thead tr { background:#0e9e70; color:white; } .inclusion .trPar { background:#2aac76; } .inclusion tfoot{ color:#ffffff; } #form { border:1px solid #2aac76; margin-top:20px; }

Related: See More


Questions / Comments: