Add help and assessment UI buttons info

Update local variables image

Update function structure image and information

manual_pt/index.html

@@ -7,6 +7,10 @@
     <link href="../css/bootstrap.min.css" rel="stylesheet" />
     <link href="../css/style.css" rel="stylesheet" />
 <style>
+  .main-img-div img {
+    width: 90%;
+    margin: 10px;
+  }
   .img-div {
     margin: auto auto !important;
     width: 50%;
@@ -159,13 +163,15 @@ function carregar (pagina) { // carragar pagina
 <a class="w3-bar-item w3-button" onclick="manuItem('ferramentas')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Barra de ferramentas<i class="fa fa-caret-down"></i></a>
 
   <div id="ferramentas" class="w3-hide">
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_novo.html')" href="#">Novo</a>
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_gravar.html')" href="#">Gravar</a>
+    <!--a class="w3-bar-item w3-button" onclick="carregar('menu_bf_novo.html')" href="#">Novo</a -->
+    <!--a class="w3-bar-item w3-button" onclick="carregar('menu_bf_gravar.html')" href="#">Gravar</a -->
     <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_importar.html')" href="#"> Importar</a>
     <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_exportar.html')" href="#">Exportar</a>
     <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_desfazer.html')" href="#">Desfazer</a>
     <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_refazer.html')" href="#">Refazer</a>
     <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_executar.html')" href="#">Executar</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_avaliar.html')" href="#">Avaliar</a>
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_bf_ajuda.html')" href="#">Ajuda</a>
   </div>
 
 <a class="w3-bar-item w3-button" onclick="manuItem('variaveis')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Variáveis<i class="fa fa-caret-down"></i></a>
@@ -176,12 +182,6 @@ function carregar (pagina) { // carragar pagina
    
   </div>
 
-<a class="w3-bar-item w3-button" onclick="manuItem('funcao')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Função<i class="fa fa-caret-down"></i></a>
-
-  <div id="funcao" class="w3-hide">
-    <a class="w3-bar-item w3-button" onclick="carregar('menu_fc_funcao.html')" href="#">Estrutura da função</a>
-  </div>
-
 <a class="w3-bar-item w3-button" onclick="manuItem('comandos')" href="javascript:void(0)" style="color:#001A66;font-size:11pt">Comandos<i class="fa fa-caret-down"></i></a>
 
     <div id="comandos" class="w3-hide">
@@ -201,7 +201,10 @@ function carregar (pagina) { // carragar pagina
       <a class="w3-bar-item w3-button" onclick="carregar('menu_cmd_caso.html')" href="#">Caso</a>
    
   </div>
-
+  <a class="w3-bar-item w3-button" onclick="manuItem('funcao')" href="javascript:void(0)" style="color:#001A66;;font-size:11pt">Função<i class="fa fa-caret-down"></i></a>
+  <div id="funcao" class="w3-hide">
+    <a class="w3-bar-item w3-button" onclick="carregar('menu_fc_funcao.html')" href="#">Estrutura da função</a>
+  </div>
 
 </nav>
 

manual_pt/menu_bf_ajuda.html

@@ -0,0 +1,5 @@
+<div class="w3-item"><img src="img/icn_ajuda.png" title="icone opcao ajuda" class="w3-icon"/>
+
+  <h3> Ajuda </h3>
+  <p> Informa a versão atual do programa e, caso seja acessado, redireciona para este manual. </p>
+</div>

manual_pt/menu_bf_avaliar.html

@@ -0,0 +1,5 @@
+<div class="w3-item"><img src="img/icn_bf_avalia.png" title="icone opcao avaliar atividade" class="w3-icon"/>
+
+  <h3> Avaliar </h3>
+  <p> Avalia a atividade levando em consideração os casos de testes definidos pelo professor.</p>
+</div>

manual_pt/menu_cmd_faca.html

@@ -5,3 +5,4 @@
 <p>
 Comando lógico que permite executar um conjunto de comandos <b>enquanto</b> uma condição, pré-definida no inicio do comando, for verdadeira.
 </p>
+</div>

manual_pt/menu_fc_funcao.html

@@ -6,8 +6,13 @@
 Uma função é utilizada para modularizar um programa. Desta forma, podemos dividir um programa em várias partes. Cada função realiza uma tarefa definida na sua estrutura.
 </p>
 
-<div style="width: 500px;margin-top:5px"> <img src="img/funcao.png"></div>
-<div style="width: 700px;margin-top:5px";>
-
+<div class="main-img-div"> <img src="img/funcao.png" title="estrutura da função"></div>
+<ol>
+  <li> <b>Tipo da função:</b> define o tipo de retorno da função</li>
+  <li> <b>Nome da função:</b> define o nome da função</li>
+  <li> <b>Adicionar parâmetro:</b> adiciona um novo parâmetro à função</li>
+  <li> <b>Tipo do parâmetro:</b> define o tipo do parâmetro</li>
+  <li> <b>Nome do parâmetro:</b> define o nome do parâmetro</li>
+</ol>
 </div>
 

manual_pt/menu_var_variavel-global.html

@@ -1,4 +1,4 @@
-<div class="w3-item"><img src="img/icn_variaveis.png" title="icone criacao de variavel global" class="w3-icon" />
+<div class="w3-item"><img src="img/icn_variaveis.png" title="icone criacao de variavel global" class="w3-icon icon_32x32" />
 
 <h3>Variável Global</h3>
 
@@ -11,12 +11,12 @@ dentro de um função qualquer, pode-se usar essa variável <i>desde que <b>não
 Recomenda-se que <b>evite usar esse tipo de variável</b>, pois elas podem gerar confusão no código.
 <bf/>
 <center>
-<div style="width: 500px;margin-top:5px"> <img src="img/var_global.png" title="imagem interface ciando variavel global"></div>
+  <div style="width: 500px;margin-top:5px"> <img src="img/var_global.png" title="imagem interface ciando variavel global"></div>
 </center>
 </p>
 
 <p>
-Ao criar uma variável global, pode-se fazer com que ela seja:
+Ao criar uma variável global, pode-se configurar as seguintes características:
 <ol>
 <li><b>Const:</b> embora tenha o nome de variável, quando definimos uma variável como sendo constante, ela <b>não</b> poderá ter seu valor inicial alterado;</li>
 <li><b>Tipo:</b>  define o tipo de informação que será armazenada na variável (tipos simples: inteiro, real, cadeia ou lógico; vetor: de qualquer tipo simples)</li>

manual_pt/menu_var_variavel-local.html

@@ -1,4 +1,4 @@
-<div class="w3-item"><img src="img/icn_variaveis.png" title="icone criacao de variavel local" class="w3-icon" />
+<div class="w3-item"><img src="img/icn_variaveis.png" title="icone criacao de variavel local" class="w3-icon icon_32x32" />
 
 <h3>Variável Local</h3>