InfoAjuda

Projeto 3 Comentado

Projeto 3 Comentado
« Online: Dezembro 15, 2017, 04:50:15 pm »
Como eu vi muitas pessoas reclamando da dificuldade do projeto 3 eu resolvi comenta-lo linha por linha. Eu sei que estar 200% atrasado, mas tava sem tempo  :-[ .

o código tem css que vai em anexo.

Código: [Selecionar]
<?php   //array com as palavras que serão linkadas é criado:
$palavras = ['estudar''educação''esforço''persistência''dedicação''crescimento''evolução''sabedoria''trabalho''entusiasmo''alegria''vitória''sucesso''profissão''conhecimento''vida'];
?>

<!DOCTYPE HTML>     <!-- Tipo do documento é definido: HTML 5 -->
<html>   <!-- HTML é iniciado -->

<head>  <!-- Topo da página é inciado -->
<meta charset="utf-8" />  <!-- Conjunto de caracteres é definido para o nosso (aceita "ç", "acento" e etc.) -->
<title>Classificar Palavras</title>  <!-- Titulo da página é definido (aparece na guia do navegador) -->
<link type="text/css" rel="stylesheet" media"screen" href="estilo.css" />   <!-- Link para o css é criado -->
</head> <!-- Topo da página é encerrado -->

<body>  <!-- "Corpo" da página é iniciado -->
<div id="geral">  <!-- Divisão/seção da página é iniciada, id geral faz conecção com a personalização css, toda página está dentro dessa div -->

<!-- divisão: cabeçalho, é o cabeçalho do site, nesse eu coloquei apenas uma imagem, mas dava para colocar um menu por exemplo -->
<div id="cabecalho"><img src="https://lh3.googleusercontent.com/mGK8pPVDzdnSOTykIBBBgBV1UbszRaB3eD4c4QMfSsYzTvVpBPySRfGO4Cy5Bq0oaJPFvlXlPaT7CdC6b3WJaaOenDau8yqPfz3e9oJadU487X-IKLYTGvx_NzPWqUXBMUHf22pHRFuxEKp3HmtdfwMMTLLAwWhEWrtPYU-gO-w__zgHAUSllytw9Vihz45zWWsm-4V_CIWd0Blj7GwwNpnfV-wvgSfl89vmx0Nv6vqtb60wSS9IYfMthBJn7SAMcouZhXl-Q3WFqegBHS5rtBIB6cedLdVTZdjZokHXXYdBqrsDaY4o-fiYW7pTEjYcEmfetrsaiQNkXbtBwgtgFgPw-npcU9hByrynLXVuvNqY1AA8-2wlMrdiyzRzyx1snuKeYEBFsFfASibnPDKqxTosc98mhrhpYKugCXeRXrxDWv5I0S68CRIN8AyzWeegwu8vitG1p5wtegmC7hKjokxkBOOxvT32YQ_0bCuiLmC9B_n5sisQSqs4dBj4lIu0pjH8bLdlvJun-8YfOlZDyi5O8FhCFDi07S_cFW5BS9r8rxFS-FPiulSwZ32zxpoz8iKcU6ivs9lFNZZBiEgqP-Eyk6UYr1gCVR2iNo6Btw=w1000-h100-no" /></div>
                    <!-- Acima um imagem que ficará no cabeçalho -->
<!-- divisão cabeçalho é encerrada -->

<div id="site">  <!-- Divisão site é iniciada, nela contém o conteúdo da página -->
<div id="site-left">  <!-- Colona da esquerda é iniciada, nessa coloquei as letras que serão linkadas, mas poderia conter um menu também -->
<p id="mt" align="center">Palavras</p>  <!-- Parágrafo, note que também tem ID ou seja está conectado com o css -->
<p>  <!-- Parágrafo é iniciado -->
<table>  <!-- Tabela HTML é iniciada -->
<tr> <!-- Linha é iniciada -->
<p align="center"><?php //Script PHP que vai escrever as palavras e linkar elas
for ($z=0$z count($palavras); $z++) {   /*inicia um repetição para criar e linkar as palavras automaticamente. 
$z se inicia valendo zero, enquanto quantidade de palavras for menor que $z o loop se repete, a cada repetição $z recebe +1 */

echo '<a href=?palavra='.$palavras[$z].'>'.$palavras[$z].'</a>';  //link e palavra são criados.
echo '</br>';  //uma linha é pulada para que os links não fiquem um do lado do outro colados.
}  //estrutura de repetição é encerrada

?>
</p> <!-- Parágrafo é encerrado -->
</tr> <!-- Linha é encerrada -->
</table> <!-- Tabela é encerrada -->
</p> <!-- Parágrafo é encerrado -->
</div> <!-- Coluna da esquerda é encerrada -->

<div id="site-right"> <!-- divisão da direita com o conteúdo do site é iniciada -->
</p> <!-- Parágrafo é pulado -->
<!-- (Inicio) Parágrafo com um pequeno texto explicativo --> <p>&nbsp;Escreva uma palavra, se a palavra tiver menos de 7 letras será classificada como pequena, se tiver mais de 7 será classificada como &nbsp;grande.
Você também pode escolher uma palavra na coluna a esquerda.</p> <!-- (Fim) Parágrafo com um pequeno texto explicativo -->
<p> <!-- Parágrafo é iniciado -->
<form action="classpalavras.php" method="get">  <!-- Formulário onde o usuário colocará a palavra para ser classificada é iniciado  -->
<!-- (inicio) texto explicativo --> &nbsp;Palavra: <!--(fim)--> <input type="text" name="palavra" />  <!-- campo do tipo texto onde será colocada a palavra, atenção para name="palavra", "palavra" é a variavel onde vai ficar armazenada o que o usuário escrevel -->
<input type="submit" />  <!-- campo do tipo submit (enviar), ele envia as informações do formulário -->
</form>  <!-- Formulário é finalizado -->
</p> <!-- parágrafo é encerrado -->

<?php   // PHP que vai passar o valor da variável $palavra
$palavra = isset($_GET['palavra']);  //variável $palavra é criada

if (isset($_GET['palavra'])) {   //SE for recebido uma palavra do formulário $palavra vai receber ela
$palavra $_GET['palavra'];  //$palavra recebe a palavra do formulário
}  //fim SE
?>


<table>  <!-- Tabela é das palavras pequenas inciada -->
<?php  //PHP que vai gerar as linhas da tabela é iniciado 
if (strlen(utf8_decode($palavra)) <= and strlen(utf8_decode($palavra)) > 0) {  //SE a palavra for menor ou igual a 7 e maior que zero a linha é gerada
echo  //comando para mandar o php escrever na tela (html tem que estar dentro de aspas simples ou aspas duplas), está tudo em um só comando echo, mas poderia ser um echo por linha. 
      //Por está tudo em um único comando echo é preciso concatenar (.) sempre que fechar as aspas.
'<caption><b>&nbsp;Palavra Pequena</b></caption>' .   //<caption> "titulo" da tabela vai escrever palavra pequena
'<tr>' //linha da tabela é iniciada  
'<td><b>&nbsp;Palavra</b></td>' //coluna da tabela Palavra é criada e encerrada
'<td><b>&nbsp;Letras</b></td>' //coluna letras é criada e encerrada
'</tr>' //linha é encerrada
'<tr>' //linha da tabela é iniciada
'<td> &nbsp;' $palavra '</td>' //coluna da tabela contendo a palavra é criada e encerrada
'<td> &nbsp;' strlen(utf8_decode($palavra)) . '</td>' //coluna da tabela contendo as linhas da palavra é criada e encerrada
'</tr>'//linha é encerrada
//NOTA importante: se não fosse os comentário não seria necessario concatenar a MAIORIA das linhas.
//fim SE
?>
<!-- fim php -->
</table> <!-- fim da tabela -->

<table> <!-- Tabela é das palavras grandes é inciada -->
<?php  //PHP que vai gerar as linhas da tabela é iniciado 
if (strlen(utf8_decode($palavra)) > 7) {  //SE a palavra tiver mais que 7 letras as linhas são geradas
echo   //comando para mandar o php escrever na tela (html tem que estar dentro de aspas simples ou aspas duplas)
'<caption><b>&nbsp;Palavra Grande</b></caption>
<tr>
<td><b>&nbsp;Palavra</b></td>
<td><b>&nbsp;Letras</b></td>
</tr>
<tr>
<td> &nbsp;' 
$palavra '</td>
<td> &nbsp;' 
strlen(utf8_decode($palavra)) . '</td>
</tr>'
;
//Nota: deixei sem os comentarios para você ver onde não é necessario concatenar
//Aqui foi feito o mesmo que no outro php a diferença é o código só é executado se a palavra tiver mais de 7 letras
//fim SE
?>
<!-- fim php -->
</table> <!-- fim da tabela -->

</div>  <!-- Divisão com o conteúdo da direita do site é encerrada -->


<!-- Rodape iniciado --><div id="footer"><p align="center">João Vitor de A. Vinezof - 2017 | EAD - PE | &copy; Alguns Direitos Reservados.</p> </div><!-- Rodape encerrado -->

</div> <!-- Divisão do site é encerrada -->
</div> <!-- Divisão geral é encerrada -->
</body> <!-- "Corpo" da página é encerrado -->
</html> <!-- HTML é encerrado -->


Lembrando que eu sou aluno como vocês, então se eu comentei besteira pode falar ou se o comentário na foi claro pode falar também.