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/> <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>
|