InfoAjuda

Exibir posts

Esta seção lhe permite ver todos os posts deste membro. Note que você só pode ver os posts de seções às quais você tem acesso.


Tópicos - DiegoB.

Páginas: [1]
1
Módulo de Desenvolvimento para Web / Base projeto 3 - Meu Projeto
« Online: Dezembro 13, 2017, 08:40:58 pm »
Código: [Selecionar]
<?php
session_start ();
if(isset($_SESSION['cliques'])){
$_SESSION['cliques'] = $_SESSION['cliques'] + 1;
}else{
$_SESSION['cliques'] = 0;
}
$projeto 'RGllZ28gQmFyYm9zYQ==';
$valores = array('estudar''educação''esforço''persistência''dedicação''crescimento''evolução''sabedoria''trabalho''entusiasmo''alegria''vitória''sucesso''profissão''conhecimento''vida');
sort ($valores);

function palavras() {
global $valores;
foreach ($valores as $valor)
{
echo "<a href=?id=".$valor.">".$valor.",</a> " ;
}
}
if(isset($_GET['id'])){
$palavra $_GET['id'];
$palavraCont strlen(utf8_decode($palavra));
}

if(isset($_POST['formulario'])){
$palavra $_POST["valor"];
$palavraCont strlen(utf8_decode($palavra));

}

function imprimir(){

global $palavra;
global $palavraCont;


echo "<tr><td>".$palavra."</td>";
echo "<td>".$palavraCont."</td></tr>";
if ($palavraCont <=&& $palavraCont >0){
echo '<h4><br> A Palavra é Pequena</h4>';
}elseif ($palavraCont >7){
echo '<h4><br> A Palavra é Grande</h4>';
}else {
echo '<h4><br> Digite ou Escolha no Link Acima</h4>';
}
}
    if(isset(
$_POST['limpar'])){
       
session_destroy();
   header("Location:diegobarbosa.php");
    }
?>

<html>
<head>
<title> Projeto Competencia 3</title>

</head>
<body >
<div>
<table border="1">
<tr><td colspan="2"><?php palavras() ?></td><tr>
</table>
<br>

<?php echo "Itens Clicados:" .$_SESSION['cliques']  ?>

<br>
<form action="" method="post" name="formulario">
<input type="text" name="valor" value="">
<input type="submit" name="formulario" value="Enviar">
</form>
<table border="1">
<?php imprimir() ?>
</table>
<br><br><br>
</div>
<div>
<form action="" method="post">
<input type="submit" name="limpar" value="Reiniciar" />
<p> <?php echo base64_decode($projeto); ?>&copy</p>
</form>

</div>
</body>

</html>

2
Módulo de Desenvolvimento para Web / Base projeto 3 Atualizado
« Online: Dezembro 13, 2017, 02:26:58 pm »
Código: [Selecionar]
<?php
$autor 'Diego Barbosa';
$palavras = array('estudar''educação''esforço''persistência''dedicação''crescimento''evolução''sabedoria''trabalho''entusiasmo''alegria''vitória''sucesso''profissão''conhecimento''vida');
?>

<html>
<head><title> Projeto Competencia 3</title></head>
<body >
<div>
<table>
<td >
<?php 
for ($i=0$i count ($palavras); $i++) {
echo "<a href=?palavra=".$palavras[$i].">".$palavras[$i].",</a> " ;
}
?>

</td>
</table>
<form action="" method="post" name="palavra">
<input type="text" name="palavra" value="">
<input type="submit" name="formulario" value="Enviar">
</form>
<table border="1">
<?php 

if(isset($_REQUEST['palavra'])){
$palavra $_REQUEST['palavra'];

echo $palavra." ";
echo strlen(utf8_decode($palavra));

if (strlen(utf8_decode($palavra)) <=&& strlen(utf8_decode($palavra)) >0){
echo '<h4><br> A Palavra é Pequena</h4>';
}else{
echo '<h4><br> A Palavra é Grande</h4>';
}
}
?>

</table>
</div>
<div>
<p> <?php echo $autor?> &copy </p>
</div>
</body>
</html>

3
Módulo de Desenvolvimento para Web / Base Projeto 3 PHP
« Online: Dezembro 08, 2017, 01:53:45 pm »
Código: [Selecionar]
<?php
$projeto 'RGllZ28gQmFyYm9zYQ==';
$palavras = array('estudar''educação''esforço''persistência''dedicação''crescimento''evolução''sabedoria''trabalho''entusiasmo''alegria''vitória''sucesso''profissão''conhecimento''vida');
?>

<html>
<head><title> Projeto Competencia 3</title></head>
<body >
<div>
<table>
<td >
<?php 
for ($i=0$i count ($palavras); $i++) {
echo "<a href=?palavra=".$palavras[$i].">".$palavras[$i].",</a> " ;
}
?>

</td>
</table>
<form action="" method="post" name="formulario">
<input type="text" name="valor" value="">
<input type="submit" name="formulario" value="Enviar">
</form>
<table border="1">
<?php 
$palavra = isset($_POST['valor']) ? $_POST['valor'] : ''// corrigir erro undefined index

if(isset($_GET['palavra'])){
$palavra $_GET['palavra'];
}
if(isset($_POST['formulario'])){
$palavra $_POST["valor"];
}

echo $palavra." ";
echo strlen(utf8_decode($palavra));

if (strlen(utf8_decode($palavra)) <=&& strlen(utf8_decode($palavra)) >0){
echo '<h4><br> A Palavra é Pequena</h4>';
}
if (strlen(utf8_decode($palavra)) >7){
echo '<h4><br> A Palavra é Grande</h4>';
}
?>

</table>
</div>
<div>
<p> <?php echo base64_decode($projeto); ?>&copy</p>
</div>
</body>
</html>


4
Módulo de Desenvolvimento para Web / Projeto 2 PHP
« Online: Dezembro 01, 2017, 10:27:14 pm »
Modelo de codigo para projeto PHP

Código: [Selecionar]
<?php
$palavras = array('estudar''educação''esforço''persistência''dedicação''crescimento''evolução''sabedoria''trabalho''entusiasmo''alegria''vitória''sucesso''profissão''conhecimento''vida');
?>

<html>
<head>
<title> Projeto Competencia 2</title>
</head>
<body >
<div>
<table id="pequenas" border="1">
<tr><td colspan="2"> menores </td> </tr>
<?php  
for ($i=0$i count ($palavras); $i++) {
$tamanho strlen(utf8_decode($palavras[$i]));
if ($tamanho <=7){
echo "<tr><td>".$palavras[$i]."</td><td> ".strlen(utf8_decode($palavras[$i]))."</td></tr>";
}
}
?>

</table>
<br>
<table id="grandes" border="1">
<tr><td colspan="2"> Maiores </td> </tr>
<?php 
for ($i=0$i count ($palavras); $i++) {
$tamanho strlen(utf8_decode($palavras[$i]));
if ($tamanho >7){
echo "<tr><td>".$palavras[$i]."</td><td> ".strlen(utf8_decode($palavras[$i]))."</td></tr>";
}
}
?>

</table>
<p>Diego Barbosa</p>
</div>
</body>
</html>

5
Módulo de Desenvolvimento para Web / Arquivo Projeto 3
« Online: Novembro 28, 2017, 09:23:34 pm »
Código: [Selecionar]
<?php

$nome "NOME DO ALUNO";  //COLOCAR NOME DO ALUNO AQUI!!!
$nome2 md5($nome); //VARIAVEL NOME2 ASSUME VALOR MD5 DA VARIAVEL NOME

echo $nome//EXIBE VARIAVEL $nome
echo '<br> '//EXIBE ESPACO EM BRANCO
echo $nome2//EXIBE VARIAVEL $nome2 

?>


6
Geral / WhatsAPP!!!
« Online: Novembro 13, 2017, 10:10:52 pm »
Sejam bem vindos!

Antes de qualquer coisa leia as REGRAS!!!
Todas as regras são aplicadas ao grupo do whatsapp.

Quem quiser entrar no grupo InfoAjuda no WhatsApp tem que estar cadastrado no forum e depois basta responder a este tópico deixando o seu numero de celular. Exemplo 81999999999.

Pelo Whatsapp poderemos manter contato mais fácil, e postar fotos e dúvidas com uma agilidade maior, mas não deixe de procurar por algum assunto no forum, talvez a resposta já esteja aqui e pronta.

[OBS:]
Trata-se de um grupo familiar, onde não é permitido a postagem de  fotos e vídeos obscenos +18 ou sensuais, acidentes com vitimas, pessoas mortas, palavras de baixo calão, ofensas a outros usuários, e caso isso aconteça, estudaremos uma forma de advertir, ou EXCLUSÃO DO GRUPO. Você não será avisado que vai ser excluído, simplesmente não fará mais parte do grupo!



Abraço a todos!!!

7
Geral / REGRAS!!!
« Online: Novembro 13, 2017, 10:05:52 pm »
Regras de Conduta no Fórum



Administradores, Moderadores e Colaboradores


O Administrador é o responsável pelo fórum. Possui acesso a todos os cadastros de usuários e pode efetuar alterações na estrutura do fórum. Possui plenos poderes para apagar, editar qualquer mensagem e excluir usuários indesejados.

Os Moderadores são usuários a quem foi delegada a tarefa de cuidar e manter a ordem no fórum nas Seções. Os moderadores podem editar, apagar e excluir mensagens.

Os Colaboradores são usuários que ajudam os Moderadores e os Administradores, trazendo conteúdo, novidades interessantes a comunidade e a auxiliar a organização e cumprimento de regras no fórum.

Estes Administradores, Moderadores e Colaboradores formam a equipe do InfoAjuda.

Para participar desta Equipe, basta apenas ser um usuário que contribui e se destaca, ter uma boa relação com os demais membros e, principalmente, ter interesse em ver o InfoAjuda crescer. O Administrador se baseará na conduta de cada membro para promovê-lo a Colaborador se assim julgar adequado e este é o primeiro passo para ser um Moderador no Futuro...



Perfil no Fórum


Ao se cadastrar você teve uma conta criada em nosso Fórum. Nela constam suas informações pessoais e sua senha, sendo que ela é apenas de seu conhecimento pessoal.

O fórum permite também que o usuário coloque um Avatar que aparece junto ao seu nome de usuário. Fica proibida a utilização de imagens Pornográficas ou de Conteúdo Sexual.

Assinaturas e Avatares considerados inadequados, serão excluídos sem aviso prévio.

O Administrador do fórum é o único que pode fazer alterações em seu perfil, além de você mesmo. Mas a administração só o fará caso seja extremamente NECESSÁRIO e com aviso prévio.



Postagem de Mensagens e Criação de Tópicos


Antes de postar, leia o conteúdo do Fórum, já que muitas de suas dúvidas lá já estarão respondidas.

Antes de criar um Tópico novo, certifique-se de que já não exista um outro já criado tratando do mesmo assunto. Para tanto, utilize a Ferramenta de Pesquisa disponível no Fórum. Ao encontrar tal Tópico, poste nele seu questionamento, se nele já não houver uma resposta a um caso semelhante ao seu.

Não é permitido postar mensagens duplicadas na mesma seção ou mesmo em seções diferentes. Ao ser detectada a duplicidade, a mensagem duplicada será excluída.

Não dar quote se estiver respondendo ao post imediatamente superior. Basta dar a resposta. Sempre que possível, evite quote nas perguntas e respostas..

Nesse Forum valoriza-se o esforço no emprego correto e claro da língua portuguesa. Evite abusar na produção de textos com mensagens truncadas, simplificadas, alteradas ou emprego de modismos que possam dificultar sua compreensão: "Tipow", "kra", "naum", "vaum", "rolá", "entaum", "krai", "kbça", "fiko", "mlk", etc, principalmente termos associados a palavras de baixo calão ou com significados chulos, que possam vir a constranger alguém de nossa comunidade (pessoas de várias faixas de idade bem como esposas, namorada que aqui frequentam) e que não são filtradas pela ferramenta de postagem do Forum. Entendemos que esses não se tratam de erros acidentais, mas linguagem deliberada e que, se usada de forma exagerada, não será bem vista nessa comunidade. Usuários que exagerarem com esse tipo de linguagem, mesmo que de forma não ofensiva ou constrangedora, terão seus posts editados ou mesmo apagados e poderão ser notificados.

Evitar tópicos com títulos como: "ME AJUDE!!!", "PELO AMOR DE DEUS, ESTOU DESESPERADO!!!", "SOCORRO!", "HELP!", "AJUDA!" ou qualquer coisa similar que não possua um título esclarecedor. Isso fará com que seu tópico tenha menos visualizações, pois provavelmente os outros membros já estarão fartos de ver títulos como estes. Caso seja desrespeitado, o titulo será editado e o autor poderá ser notificado.

É de extrema necessidade a participação do autor do tópico para a evolução do mesmo. Apenas criar o tópico e não participar ativamente dele é atitude mal vista e não ética. O criador do tópico tem que demonstrar interesse pelo mesmo e participar ativamente com um número significativo de mensagens durante o decorrer do tópico, ajudando assim outros foristas que venham a ter a mesma dúvida ou problema.

Caso o criador do tópico já tenha resolvido o problema, deve usar o bom senso de avisar aos colegas do fórum que o problema foi resolvido e se possível a causa/resolução do problema, assim outros que tiverem o mesmo problema terão chance de resolver.

Todas as mensagens devem ser colocadas nas seções corretas. Isso diminui o tempo que as pessoas gastarão para procurar um tópico que possam responder.

Ao postar uma mensagem ou criar um Tópico, seja educado e procure elaborar seu questionamento da forma mais clara e objetiva possível, incluindo todos os detalhes que possam ser úteis para quem se dispuser a ajudá-lo com o problema.

Nunca poste mensagens com o título ou o texto em maiúsculas, isto é extremamente desagradável, equivalente a GRITAR. Tais mensagens serão editadas e/ou o usuário será advertido, salvo nos casos em que o usuário pretende dar ênfase a algum fato.

Use sempre um título que dê uma idéia do conteúdo da mensagem. Com isto, você conseguirá atrair um número maior de pessoas interessadas no tema.

Os Administradores e os Moderadores tem poderes para alterar o título da mensagem, por outro mais esclarecedor, ou até mesmo remover sua, além de editá-la se for considerado necessário para corrigir informações ou tornar o assunto mais acessível.

JAMAIS poste mensagens com ofensas pessoais. É melhor simplesmente não dizer nada do que responder a uma mensagem com ofensas.

Caso se sinta ofendido com a mensagem de alguém, não responda. Entre em contato com um Administrador/Moderador por MP e informe o tópico e o motivo que o levou a ficar chateado. Brigas no fórum só podem chegar a um lugar: Punição.

Poste apenas mensagens úteis ao tópico. Se não conhece o assunto ou não tem certeza, evite comentar para não prejudicar ou induzir alguém a acreditar em algo que não é o correto. Administradores, Moderadores e Colaboradores não são os donos da verdade. Não espere que eles respondam a todas as suas duvidas, mas com certeza eles farão tudo para ajudá-lo.

Dúvidas, críticas, elogios ou sugestões, referentes à organização dos fóruns são sempre bem-vindas, mas devem ser postadas na seção "Críticas e Sugestões”..

O InfoAjuda se reserva o direito de modificar as regras acima a qualquer momento, a seu exclusivo critério.

Se, por mais de uma vez, forem descumpridas quaisquer das regras expostas, o seu cadastro no Fórum poderá ser cancelado pela administração.

A administração do InfoAjuda se reserva o direito de, a qualquer tempo e a seu exclusivo critério, excluir qualquer usuário que esteja postando de forma contrária às Regras do Fórum e principalmente, faltando com respeito aos outros participantes e ao Staff da Administração/Moderação. Essa exclusão ou banimento do Forum será feita em caráter permanente.

O InfoAjuda não se responsabiliza pelo conteúdo postado pelos membros, e reserva-se o direito de apagar ou mover qualquer mensagem que julgue desrespeito as regras descritas acima.

Todo conteúdo postado no InfoAjuda é crédito e responsabilidade do autor mas quando postado em alguma parte do fórum faz parte integrante do conteúdo publico do fórum, dando o direito de que outros membros o recupere-o caso seja deletado pelo autor sem autorização do mesmo, desde que seja mantido os relativos créditos de autoria do conteúdo. Ainda dá o direito à equipe InfoAjuda de remover ou ocultar qualquer conteúdo que não seja pertinente à comunidade ou que desrespeite as regras.

Lembre-se que este fórum não é um DIREITO e sim um BENEFÍCIO. Ele é mantido gratuitamente por sua equipe. Não seguir as regras do mesmo significa ser expulso. De maneira bem simples, encare o fórum como um clube da vida real do qual você participa. Se você não seguir as normas, será impedido de freqüentá-lo.

De certa forma, nossas regras resumem-se à: UTILIZE O BOM SENSO.

v1.1
13 de novembro de 2017

9
Módulo de Desenvolvimento para Web / Projeto 4 - Video Aula (por Elton)
« Online: Outubro 31, 2017, 09:35:15 pm »

10
Módulo de Desenvolvimento para Web / Projeto 4 - Codigo (Algoritmo)
« Online: Outubro 26, 2017, 11:29:09 pm »
Citar
algoritmo "Diego Barbosa"
   Var
   cont, alunos: inteiro
   mensalidade, desconto, valor: real
   turno, categoria : caractere
inicio
      alunos <- 0
      mensalidade <- 0
      para cont de 1 ate 5 faca
           enquanto (mensalidade<=0) faca
                escreval("Digite o valor da mensalidade")
                 leia (mensalidade)
                  se (mensalidade<=0) entao
                   escreval("Valor invalido.")
                fimse
           fimenquanto
           
           enquanto ((turno<>"M") E (turno<>"T") E (turno<>"N")) faca
                    escreval("Informe seu turno")
                    escreval("M - para manhã")
                    escreval("T - para tarde")
                    escreval("N - para noite")
                    leia(turno)

                    se ((turno<>"M") E (turno<>"T") E (turno<>"N")) entao
                         escreval ("Turno invalido.")
                         escreval("")
                    fimse
           fimenquanto
           
           enquanto ((categoria<>"B") E (categoria<>"N")) faca
               escreval("Informe sua categoria")
               escreval("B - para renda baixa")
               escreval("N - para renda normal")
               leia(categoria)
               se ((categoria<>"B") E (categoria<>"N")) entao
                    escreval("Categoria invalida.")
                    escreval("")
               fimse
           fimenquanto

          se(categoria="N") entao
             alunos <- alunos + 1
          fimse

          valor <- mensalidade
         
          se(turno="T") entao
              desconto <- mensalidade * 0.05
               valor <- mensalidade - desconto
          fimse

          se(turno="N") entao
               desconto <- mensalidade * 0.10
              valor <- mensalidade - desconto
          fimse

          se categoria="B" entao
               desconto <- valor * 0.10
               valor <- valor - desconto
          fimse


          escreval("Mensalidade: ", valor, " R$")
          escreval("Valor total do curso: ", valor*12)
          valor <- 0
          desconto <- 0
          categoria <- ""
          mensalidade <- 0
          turno <- ""
      fimpara

      escreval("O numero de alunos com renda normal e:", alunos)
      escreval("O numero de alunos com renda baixa e:", 5-alunos)

fimalgoritmo

11
Módulo de Desenvolvimento para Web / Projeto 3 - Codigo (Algoritmo)
« Online: Outubro 19, 2017, 11:18:25 pm »
Segue base para projeto 3
(lembrando que é apenas um projeto de exemplo)

ps: caso encontrem algum erro favor reportar!!!


Citar
algoritmo "Bolsa Estudos"

var
  mensalidade : real
  nivel_curso : caractere  //nivel do curso (I para educação Infantil, B para educação Básica ou M para ensino Médio)
  tipovinculo : caractere     //(F para funcionário ou D para dependente)
  total_curso  : real
  bonus : real         //50% para funcionário e 30% para dependente.

inicio

   escreval("valor da mensalidade ? ")
   leia(mensalidade)

   escreval("")
   escreval("nivel do curso?  ")
   escreval("I para educação Infantil, B para educação Básica, M para ensino Médio   ")
   escreval("")
   leia(nivel_curso)

   escreval("Qual o tipo de vinculo? ")
   escreval("F para funcionário, D para dependente ")
   escreval(" ")
   leia(tipovinculo)

         se (tipovinculo = "f") ou (tipovinculo="d") entao  // verifica se é funcionario ou dependente

             se (tipovinculo = "f")  entao  // se funcionario executa este bloco
                escreval( "Funcionario desconto de 50%: " )
                     se (nivel_curso = "i") ou (nivel_curso = "m") entao
                          bonus <- (mensalidade * 0.55)
                     senao
                         bonus <- (mensalidade * 0.50)
                     fimse

             senao                          // se dependente executa este bloco
                escreval( "Dependente desconto de 30%: "  )
                     se (nivel_curso = "i") ou (nivel_curso = "m") entao
                          bonus <- (mensalidade * 0.35)
                     senao
                         bonus <- (mensalidade * 0.30)
                     fimse
             fimse

             total_curso <- mensalidade  * 12
             escreval( "O valor total do curso é : " , total_curso)
             escreval( "O valor mensal da bonificação é : " , bonus)


         senao     // se nao é funcionario nem dependente alerta que nao tem vinculo e encerra o algoritmo
            escreval( "nao tem vinculo com a empresa: " )
         fimse
fimalgoritmo

12
Desafios / Desafio Algoritimos
« Online: Outubro 17, 2017, 02:43:32 pm »
segue alguns algoritmos do desafio criado por nosso amigo Wanderson.
conforme for terminando outros estarei atualizando, caso alguém consiga terminar tbem pode ir postando para atualizarmos a lista.

os desafios serão postados na ordem da lista proposta no zap.

Desafio n° 1
Código: [Selecionar]
algoritmo "desafio1"
// Data : 17/10/2017
// Seção de Declarações
var
 a, b, temp :inteiro
inicio
// Seção de Comandos
   a := 10
   b := 20
   temp := 20
   
   escreval ("a variavel a = ", a)
   escreval ("a variavel b = ", b)
   
   
   escreval ("")
   escreval ("Alterando Variaveis.")
   escreval ("Processando.")
   escreval ("Processando...")
   escreval ("Processando.....")
   escreval ("Processando........")
   escreval ("Processando..........")
   escreval ("")
   
   b := a
   a := temp
   
   escreval ("a variavel a = ", a)
   escreval ("a variavel b = ", b)
   
fimalgoritmo

Desafio n°2
Código: [Selecionar]
algoritmo "desafio2"
// Data : 17/10/2017
// Seção de Declarações
var
 valor :real
inicio
// Seção de Comandos
   escreval ("Digite um valor qualquer")
   leia (valor)
   escreval ("O numero anterior ao valor escolhido é ", valor-1)
   escreval ("O numero posterior ao valor escolhido é ", valor+1)

fimalgoritmo

13
Tutoriais / [video] VideoAula de Logica de Programação
« Online: Outubro 11, 2017, 10:47:19 pm »

14
Geral / Atualizações/Manutenções do Forum
« Online: Outubro 11, 2017, 05:40:26 pm »
Todas as alterações, atualizações e correções do forum serão informadas por meio deste tópico.

23/10/2017 - +Alteração e organização de ordem das categorias.
  • Criada categoria escola EAD e movido todo conteúdo separando assim o conteúdo mais relavante.



21/10/2017 - +Alterado pagina em construção e modificado pagina principal.
  • Removida pagina em construção
  • Adicionado Portal integrado ao forum



18/10/2017 - + ChatBox, + Organização das Seçoes.
  • Adicionado Chat no forum
  • Adicionado botão do whats app
  • Atualização de versão dos arquivos do forum
  • Organização do layout das seções (seguindo o padrão do AVA)


11/10/2017 - Adicionado Video do Youtube\Facebook e logins usando redes sociais.
  • Agora é possível inserir videos do youtube\facebook apenas colocando um link no tópico, o fórum identifica automaticamente o vídeo e insere um player
  • Agora é possível fazer login usando Facebook ou uma conta do Google

10/10/2017 - Adicionado Sistema de TAGS
  • Com esse sistema melhora a organização e localização de post com o assunto desejado


15
Módulo de Web Design / Projeto 6 Bootstrap (exemplo de pagina)
« Online: Agosto 31, 2017, 09:41:50 pm »
segue exemplo de pagina criada utilizando a tecnologia bootstrap.

Creditos Wanderson Dantas por fornecer o codigo.
Versão Online

Código: [Selecionar]
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Bootstrap Template Para o Projeto</title>

    <!-- Bootstrap -->
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  </head>
  <body>

    <nav class="navbar navbar-default">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Wanderson Dantas</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Item Menu 1</a></li>
            <li><a href="#">Item Menu 2</a></li>
            <li><a href="#">Item Menu 3</a></li>
            <li><a href="#">Item Menu 4</a></li>
            <li><a href="#">Item Menu 5</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>

    <div class="container">
      <div class="jumbotron">
        <h1>Página de Exemplo!</h1>
        <p>Essa é a página de exemplo solicitada no projeto 6 do curso Técnico em Informática, EAD.</p>
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Link legal!</a></p>
      </div>

      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">Painel com Formulário</h3>
        </div>
        <div class="panel-body">
          <form>
            <div class="form-group">
              <label for="exampleInputEmail1">Login</label>
              <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Login">
            </div>
            <div class="form-group">
              <label for="exampleInputPassword1">Senha</label>
              <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Senha">
            </div>
            <div class="checkbox">
              <label>
                <input type="checkbox"> Salvar senha?
              </label>
            </div>
            <button type="submit" class="btn btn-default">Enviar</button>
          </form>
        </div>
      </div>

      <table class="table table-hover">
        <thead>
          <tr>
            <th>#</th>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Username</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row">1</th>
            <td>Mark</td>
            <td>Otto</td>
            <td>@mdo</td>
          </tr>
          <tr>
            <th scope="row">2</th>
            <td>Jacob</td>
            <td>Thornton</td>
            <td>@fat</td>
          </tr>
          <tr>
            <th scope="row">3</th>
            <td>Larry</td>
            <td>the Bird</td><td>@twitter</td>
          </tr>
        </tbody>
      </table>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!--<script src="js/bootstrap.min.js"></script>-->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
      </body>
      </html>

16
Módulo de Web Design / Exemplo Animação JQuery (projeto5)
« Online: Agosto 29, 2017, 06:00:10 pm »
Segue aexemplo de animação JQuery:


exemplo com animação encadeada:
Código: [Selecionar]
$("#ret1").fadeOut(3000, function(){
$(this).show(500).hide(500).show(500).fadeTo(3000, 0.1).fadeTo(1000, 1);
});

Nesse exemplo todas as animações sao iniciadas em sequencia, as animações são concatenadas usando o ponto final "." apos o comando anterior;



Exemplo com animação em CallBack:
Código: [Selecionar]
$("#ret1").fadeOut(3000, function(){
       $(this).fadeIn(3000, function(){
$(this).fadeTo(3000, 0.1);
});
});
Nesse exemplo cada codigo é executado após o termino do codigo anterior, no modo callback pode ser executado outras funções que não sejam animações.


17
Tutoriais / Mini Curso da CodeCademy - Jquery
« Online: Agosto 25, 2017, 06:47:30 pm »
segue link, curso interativo muito bom para melhorar o aprendizado e fixar melhor a sintaxe do JQuery.

Aula JQuery

18
segue projeto ultilizado na competência 2.

Link para visualização online
Calendario

abaixo codigo do sistema:
<html>
Código: [Selecionar]
<!DOCTYPE html>
<html>
<head>
<style>
#retangulo {width: 610px; margin:auto; border: 1px solid black; padding: 10px;
background-color: #999; text-align: center; }
table {width:100%; margin:auto;}
th, td {width: 50px; height: 50px; border: 1px solid black; background-color: white; }
th {background-color:orange;}
</style>
<script src="atividade.js"></script>
</head>
<body>
<div id="retangulo" class="linha">
<div id="titulo" class="dentro">
<h3 id="nome">Nome do Aluno</h3>
<p id="data">Dia mês e ano do nascimento do aluno</p>
</div>
<table id="calendario">
<tr id="cabecalho">
<th>domingo</th><th>segunda</th><th>terça</th><th>quarta</th><th>quinta</th><th>sexta</th><th>sábado</th>
</tr>
<tr id="exemplo">
<td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>
</tr>

</table>
<div id="controle" class="linha"><p><button id="acao" onclick="executar()">Ação</button></p></div>
</div>

</body>
</html>


<Javascript>
Código: [Selecionar]
function executar() {

var $aluno = "..Diego Barbosa dos Santos.."; //Nome do Aluno =)
var $data = new Date();
$data.setFullYear(1988, 6, 26); // ANO, MêS e Dia (data de nascimento)
var $meses = ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro"];
var $pega_mes = $data.getMonth();
var $mes_prox = $pega_mes+1;
var $mes_ant = $pega_mes -1;
var $ano = $data.getFullYear();
var $calendario ="";
var $dia_i = 1;



var $prox_data = new Date($mes_prox +' 1 ,'+$ano);
var $dia_semana= $prox_data.getDay();
var $dia_semana2 = $dia_semana;

while ($dia_semana>0){
$calendario += "<td></td>";
$dia_semana--;
}

while ($dia_i <= 31){
if ($dia_semana2 > 6){
$dia_semana2 = 0;
$calendario += "</tr><tr>";
}
$calendario +="<td>"+$dia_i+"</td>";
$dia_semana2++;
$dia_i++;
}
 
var $montar_calendario = "<table><th>domingo</th><th>segunda</th><th>terça</th><th>quarta</th><th>quinta</th><th>sexta</th><th>sábado</th>";
$montar_calendario += "<tr>";
$montar_calendario += $calendario;
$montar_calendario += "</tr></table>";

// escreve o nome do aluno no HTML
document.getElementById("nome").innerHTML = $aluno;

// Escreve a data de nascimento no HTML
document.getElementById("data").innerHTML = $data.getDate() + " de "  + $meses[$data.getMonth()] + " de " + $data.getFullYear() ;

//Monta o Calendario na div HTML
document.getElementById("calendario").innerHTML=$montar_calendario;




}

19
Introdução a Web Design (INF) 2017.1
Projeto 2



Esqueleto para estudos relacionados ao projeto da 2 competencia, paginas linkadas com menus.

ps: projeto está somente o esqueleto sem conteudo.

Bons estudos.

segue link para download
Download

abaixo todos os codigos:

index.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto</title>
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div>
 <h2><br>Titulo da pagina</h2>
 <p>inserir conteudo bla bla bla bla. </p>
 </div>

 </body>

</html>

form.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 <h2><br>Contato</h2>
 <form action="#" method="POST">
 
 <p> Nome:<br />
 <input type="text" name="nome">
 </p>
 
 <p> Email:<br />
 <input type="email" name="email">
 </p>
 
 <p>Menssagem:<br>
 <textarea rows="10" cols="32" /></textarea>
 </p>
 
 <p>
 <input type="submit" name="Enviar" value="Enviar">
 </p>
 </div>

 </body>

</html>

lista.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 <h2><br>Lista Nao ordenada</h2>
 <ul>
 <li>Item 1</li>
 <li>Item 2</li>
 <li>Item 3</li>
 </ul>
 
 
 
 
 <h2><br>Lista ordenada</h2>
 
 <ol>
 <li>Item 1</li>
 
 <li>Item 2</li>
 
 </ol>
 
 
 </div>

 </body>

</html>

tabela.html
Código: [Selecionar]
<!DOCTYPE html>

<html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title> Projeto </title>
 
 </head>

 <body>
 
 <div id="menu">
 <a href="index.html" >Inicio</a>|
 <a href="lista.html" >Lista</a>|
 <a href="tabela.html" >Tabela</a>|
 <a href="form.html" >Formulario</a>
 
 </div>
 
 
 
 <div id="conteudo">
 
 <h2><br>Titulo</h2>
 
 <table border="1" >
 
 <tr>
 <td>conteudo1   </td>
 <td> conteudo2</td>
 <td> conteudo3 </td>
 </tr>

 

 </table>
 
 </div>

 </body>

</html>

Páginas: [1]