LInE
/
material_intro_prog


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!DOCTYPE html>
<head>
    <title>Introdução à programação</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/w3.css" />
    <link href="./bootstrap.min.css" rel="stylesheet" />
    <link href="./css/style.css" rel="stylesheet" />
<style>
.image {
  opacity: 1;
  display: block;
  width: 50px;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  float:left;
  margin-top:25px;
}
.image:hover {opacity: 0.5;}
body {font-family: sans-serif, arial}
.w3-bar-block .w3-bar-item{padding:16px;font-weight:bold}
#conteudo { width: 900px; height: 300px;}
</style>

<script type="text/javascript" src="./js/jquery.min.js"></script>

<script>
// Open and close the sidebar on medium and small screens
function w3_open() {
  document.getElementById("mySidebar").style.display = "block";
  document.getElementById("myOverlay").style.display = "block";
  }
function w3_close() {
  document.getElementById("mySidebar").style.display = "none";
  document.getElementById("myOverlay").style.display = "none";
  }

// Change style of top container on scroll
window.onscroll = function() {myFunction()};

function myFunction () {
  if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
    document.getElementById("myTop").classList.add("w3-card-4", "w3-animate-opacity");
    document.getElementById("myIntro").classList.add("w3-show-inline-block");
  } else {
    document.getElementById("myIntro").classList.remove("w3-show-inline-block");
    document.getElementById("myTop").classList.remove("w3-card-4", "w3-animate-opacity");
    }
  }

// Accordions
function manuItem (id) {
  var x = document.getElementById(id);
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
    x.previousElementSibling.className += " w3-theme";
  } else {
    x.className = x.className.replace("w3-show", "");
    x.previousElementSibling.className =
    x.previousElementSibling.className.replace(" w3-theme", "");
    }
  }

function carregar (pagina) { // carragar pagina
  $("#conteudo").load(pagina);
  }
</script>
</head>


<body>


<nav class="w3-sidebar w3-bar-block w3-collapse w3-animate-left w3-card" style="z-index:3;width:250px;" id="mySidebar">

<a class="w3-bar-item w3-button" onclick="carregar('intro.html')" style="color:#001A66;;font-size:11pt" href="#">Introdução<i class="fa fa-caret-down"></i></a>


<a class="w3-bar-item w3-button" onclick="carregar('algoritmo_explic.html')" style="color:#001A66;;font-size:11pt" href="#">1 - O que é um algoritmo?<i class="fa fa-caret-down"></i></a>


<a class="w3-bar-item w3-button" onclick="manuItem('comandos_basicos')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">2 - Comandos Básicos<i class="fa fa-caret-down"></i></a>

  <div id="comandos_basicos" class="w3-hide">
    <a class="w3-bar-item w3-button" onclick="carregar('comandos_C.html')" href="#">2.1 - C</a>
    <a class="w3-bar-item w3-button" onclick="carregar('comandos_Python.html')" href="#">2.2 - Python</a>
    <a class="w3-bar-item w3-button" onclick="carregar('comandos_iVProg.html')" href="#">2.3 - iVProg</a>
  </div>

<a class="w3-bar-item w3-button" onclick="manuItem('desenvolvendo_alg')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">3 - Desenvolvendo um Algoritmo<i class="fa fa-caret-down"></i></a>

  <div id="desenvolvendo_alg" class="w3-hide">
    <a class="w3-bar-item w3-button" onclick="carregar('perguntas_Basicas.html')" href="#">3.1 - Perguntas Básicas</a>
    <a class="w3-bar-item w3-button" onclick="carregar('ex1_somatorio.html')" href="#">3.2 - Somatório</a>
    <a class="w3-bar-item w3-button" onclick="carregar('ex2_potencia.html')" href="#">3.3 - Potência</a>

  </div>

</nav>

<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" id="myOverlay"></div>

<div class="w3-main" style="margin-left:250px;">

<div id="cabecalho" class="w3-container" style=" background-color:#001A66;color: white;">
  <br/> &nbsp; <br/>
  <i class="w3-xxxlarge" style="margin-left: 5%">Introdução à programação</i>
</div>

<div class="w3-container" style="padding:32px"  id="conteudo">

<h2>Introdução</h2>

<p>
  O objetivo desta apostila é introduzir o conceito de algoritmos (seção 2) e, principalmente, apresentar algumas dicas sobre como deduzir um algoritmo que resolva um dado problema. Para isto, iremos introduzir comandos nas linguagens <b>C</b> e <b>Python</b>. Iremos deduzir algoritmos a partir de alguns problemas/exemplos.
</p>
<p>
  Esta dedução será construtiva: começaremos analisando casos particulares e só então generalizaremos na forma de um algoritmo. E como uma técnica auxiliar, propomos ao programador iniciante que tente construir seus algoritmos a partir de quatro questões básicas descritas na seção 3.
</p>

</div>

</body>
</html>