Powered By Blogger

domingo, 27 de novembro de 2011

Login com alteração de senha do usuário

Olá, galera da NET!!!

Eu estou hoje aqui para mostrar para vocês um script bem legal que fiz em php, trata-se de um sistema de login, onde o usuário pode alterar sua senha e se cadastrar no site, assim você pode dar comodidade ao seus clientes, vou tentar ser o mais explicito possível, mas para isso você precisa ter conhecimento básico em php e mysql, e para testar pode utilizar o wampserver, um servidor local onde você tem o phpmyadmin.

vamos ao que interessa!!!

primeiro precisamos de uma tabela, o código abaixo gera esta tabela:

CREATE TABLE `users` (
  `userid` int(11) NOT NULL auto_increment,
  `username` varchar(60) NOT NULL,
  `password` varchar(60) NOT NULL,
  `ativo` char(1) NOT NULL,
  PRIMARY KEY  (`userid`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;


primeiro criamos a tabela user, e depois criamos os campos: userid do tipo int com valor não nulo e auto_increment, o que quer dizer que não precisamos atribuir valores a este campo, o próprio mysql vai fazer isto, o campo username do tipo varchar com tamanho 60 e valor não nulo, o password com tamanho 60 e o ativo do tipo char com tamanho 1.

depois você vai entender o porquê deste campo ativo.




agora vamos ao formulário de login que vai enviar as informações do usuário:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>login.php</title>


</head>
<body>
<h1> Cícero Joceilton </h1>
<h4> Juazeiro do Norte / Ce </h4>

<form name="form1" method="post" action="acesso.php">
              
                  <p align="right">Login
                    <input name="username" type="text" size="13" maxlength="60" />
                    Senha
                    <input name="password" type="password" size="13" maxlength="60" />
                    <input type="submit" name="Submit" value="Login" />
                 
                 
                    </font>
                    <br><br>
             <a href="cadastro.php">Cadastre-se</a></p>
              </form>
             
             

</body>
</html>
O acesso php, para criarmos as sessões:

<?php

// começar ou retomar uma sessão

session_start();


// se vier um pedido para login
if (!empty($_POST)) {

    // estabelecer ligação com a base de dados
    mysql_connect('localhost', 'root', '') or die(mysql_error());
    mysql_select_db('usuarios');

    // receber o pedido de login com segurança
    $username = ($_POST['username']);
    $password = ($_POST['password']);
}
//verifica se algum dos campos não foram preenchios
if ($username=="" || $password=="") {
echo "preencha todos os campos";
echo "<br>";
echo "<a href='login.php'>voltar</a>";
} else {
    // verificar o utilizador em questão (pretendemos obter uma única linha de registos)
    $login = mysql_query("SELECT userid, username FROM users WHERE username = '$username' AND password = '$password' AND ativo = 's'");

    if ($login && mysql_num_rows($login) == 1) {

        // o utilizador está correctamente validado
        // guardamos as suas informações numa sessão
        $_SESSION['id'] = mysql_result($login, 0, 0);
        $_SESSION['username'] = mysql_result($login, 0, 1);
      
   

        echo "<p>Sess&atilde;o iniciada com sucesso como {$_SESSION['username']}</p>";
      
        header ("location: index.php");
    } else {

        // falhou o login
        echo "senha e/ou usuario inválidos";
        echo "<br>";
        echo "<a href='login.php'> Voltar </a>";
      
      
      
    }
    }




?>
O verifica php, que vê se o usuario foi logado ou não

<?php
// iniciar uma sessão
session_start();
 
if (empty($_SESSION['id'])) {
 
    // não existe sessão iniciada
    // neste caso, levamos o utilizador para a página de login
    header('Location: login.php');
    exit();
}
?>

O cadastro php que cadastra novos usuarios:

<html>
<head>
<title>cadastro</title>
</head>
<body>
<form name="cadastro" action="gravar.php" method="POST">
<p>login desejado  
    <label>
    <input name="username" type="text"/>
    </label>
  </p>
  <p>Escolha uma senha  
    <label>
    <input name="senha" type="password"/>
    </label>
  </p>
  <p>confirme sua senha  
    <label>
    <input name="confirma" type="password"/>
    </label>
  </p>
  <p>
    <label>
    <input type="submit" name="Submit" value="cadastrar" />
    </label>
</p>
</form>
Já tem cadastro? <a href="login.php">Faça Login</a>
</body>
</html>
  
O gravar.php que grava no banco de dados:

<?php
/*Desenvolvido por Cícero Joceilton
blog: http://www.cjpcturbo.blogspot.com
email: cicerojoceilton@gmail.com
Juazeiro do Norte / Ce */
//conexão com o banco de dados
mysql_connect('localhost', 'root', '') or die(mysql_error());
    mysql_select_db('usuarios');
    //recebendo por metodo POST
    $username = $_POST['username'];
    $senha = $_POST['senha'];
    $confirma = $_POST['confirma'];
    $ativo = "s";
$username = mysql_real_escape_string($_POST['username']);
$senha = mysql_real_escape_string($_POST['senha']);
$confirma = mysql_real_escape_string($_POST['confirma']);

    if ($username == "" || $senha == "" || $confirma == "" ) {
    echo "Preencha todos os campos";
    echo "<br>";
    echo "<a href='cadastro.php'>voltar</a>";
        } else {
    //verifica se já existe um usuário com o mesmo nome
    $verifica = mysql_query("SELECT * FROM users WHERE username = '$username' ");
$resultado = mysql_num_rows($verifica);
//se houver um usuário com o mesmo nome  
    if ($resultado == 1) {
    //imprime na tela a mensagem informando que o usuário já existe
echo "Este usuário já existe";
echo "<br>";
echo "<a href='cadastro.php'>voltar</a>";
}
//verifica se as senhas correspondem
    else if ($senha == $confirma) {
    //se as senhas corresponderem insere no banco de dados
    $sql="
    INSERT INTO users(
    username, password, ativo)
    VALUES(
    '$username', '$senha', '$ativo')";
   
     $query=mysql_query($sql) or die("Houve um erro na gravação dos dados, verifique os valores passados");
     header("location: index.php");
     //caso as senhas não correspondam
     } else {
     //imprime na tela a mensagem informando que as senhas não correspondem
     echo "as senhas não correspondem";
     echo "<br>";
     echo "<a href='cadastro.php'>voltar</a>";
     }
     }
   
?>
O alterar_senha.php para alteração de senha do usuário:

<?php
/* Script desenvolvido por Cícero Joceilton da Silva Gomes
Pode Utilizar este script em suas aplicações gratuitamente
E qualquer dúvida pode me contactar: cicerojoceilton@gmail.com
Juazeiro do Norte / Ce */
include "verifica.php";
//conexão com o banco de dados
    mysql_connect('localhost', 'root', '') or die(mysql_error());
    mysql_select_db('usuarios');
//recebendo o pedido de alteração
$codigo     = $_SESSION['id'];
$password     = $_POST["senha"];
$confirme = $_POST["confirme"];

//verifica se as senhas correspondem
if ($password == "" || $confirme == "" ) {
echo "preencha todos os campos";
echo "<br>";
echo "<a href='troca_senha.php'>voltar</a>";
} else
if ($password == $confirme) {
//caso corresponda atualiza no banco de dados na tabela users
    $sql ="
    UPDATE users SET
        password='$password'
        WHERE userid = '$codigo'
   
    ";
   
     $query=mysql_query($sql) or die("Houve um erro na gravação dos dados, verifique os valores passados");
    // abre a página index.php
    header("location:index.php");
    //caso não correspondam informa ao usuario
    } else {
    echo "Senhas não correspondem";
    echo "<br>";
    //exibe o link de volta para o formulário de alteração de senha
    echo "<a href='troca_senha.php'>Voltar</a>";
    }
    ?>
 O troca_senha.php que é o formulário de alteração de senha do usuário:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<?php
include 'verifica.php';
?>
</head>

<body>
<p> olá <?php echo $_SESSION['username']; ?> preencha o formulário para  Alterar sua Senha </p>
<p>&nbsp;</p>
<form id="form1" name="form1" method="post" action="alterar_senha.php">
  <p>nova senha 
    <label>
    <input name="senha" type="password" id="senha" />
    </label>
  </p>
  <p>confirme senha
    <label>
    <input name="confirme" type="password" id="confirme" />
    </label>
  </p>
  <p>
    <label></label>
  </p>
  <p>
    <label>
    <input type="submit" name="Submit" value="Alterar" />
    </label>
</p>
</form>
<a href="index.php">voltar</a>
<p>&nbsp;</p>
</body>
</html>


 E o logout.php para fechar as sessões:

<?php
// aceder às sessões
session_start();

// para terminar uma sessão, apenas é necessário destruí-la
session_destroy();

// redirecionar o utilizador para outra página, login.php por exemplo
header('Location: login.php');
?>



 
Em todas as páginas que quiser proteger coloque entre o <head></head>:

<?php include "verifica.php";
  ?>


E para dar as boas vindas coloque em qualquer parte do <body>:

Olá, <?php echo $_SESSION["username"]; ?>


Façam bom proveito do código!!!

Cícero Joceilton da Silva Gomes
Juazeiro do Norte/Ce
cicerojoceilton@gmail.com

domingo, 13 de novembro de 2011

Enviando dados de um formulário html para o php

Muitas vezes precisamos recolher informações do cliente através de  nosso site, para isto colocamos um formulário e um botão de envio.
Neste tutorial vou mostrar como funciona isto no php. Existem dois métodos mais comuns para  fazer isto no php, são:

POST - Envia os dados escondidos do usuário, através de uma  conexão paralela.

GET - Envia os dados através da URL

abaixo segue o código comentado utilizando o método POST:

index.php - página do formulário:

  1.  <html>
  2. <head>
  3. <title></title>
  4. </head>
  5. <body>
  6. <table border="0">
  7. <tr>
  8. <form name="form" method="POST" action="recebe.php">
  9. <td>nome:</td><td><input type="text" name="nome"></td>
  10. </tr>
  11. <tr>
  12. <td>email:</td><td><input type="text" name="email"></td>
  13. </tr>
  14. <tr>
  15. <td><input type="Submit" value="Enviar"></td>
  16. </tr>
  17. </table>
  18. </form>
  19. </body>
  20. </html>                                                   
recebe.php - página que recebe os dados:

  1. <html>
  2. <head>
  3. <title></title>
  4. <?php
  5. //Cícero Joceilton da Silva Gomes
  6. //Juazeiro do Norte /Ce
  7. $nome=$_POST['nome'];
  8. $email=$_POST['email'];
  9. //se um dos campos não foram preenchidos
  10. if ($nome == "" || $email == "") {
  11. //imprima na tela a mensagem:
  12. echo "preencha todos os campos";
  13. echo "<hr>";
  14. }
  15. ?>
  16.  </head>
  17.  <body>
  18. <table border="0">
  19. <td>nome:</td> <td>
  20. <?php 
  21. //se o campo nome não foi preenchido
  22. if ($nome == "") {
  23. //informe que o campo nome não foi preenchido
  24. echo "preencha o campo nome";
  25. echo "&nbsp;";
  26. echo "&nbsp;";
  27. //link para voltar a página index.php
  28. echo "<a href='index.php'>voltar</a>";
  29. //caso o campo tenha sido preenchido 
  30. } else {
  31. //imprima o nome
  32.  echo $nome; 
  33.  }
  34.  ?>
  35.  </td>
  36. </tr>
  37. <tr>
  38. <td>email:</td><td> 
  39. <?php
  40. //se o campo email não foi preenchido
  41. if ($email == "") {
  42. //informe que o campo não foi preenchido
  43. echo "preencha o campo email";
  44. //caso o campo tenha sido preenchido
  45. } else {
  46. //imprime o email
  47.  echo $email;
  48.  }
  49.  ?> 
  50.  </td>
  51. </tr>
  52. </table>



  53. </body>
  54. </html>

Isto foi apenas um exemplo de como funciona o envio de dados através de um formulário html para uma página php.
A partir deste exemplo podemos montar um formulário de email ou um sistema de  cadastro de usuários por     exemplo. 


Cícero Joceilton


domingo, 10 de julho de 2011

Vendas por Internet é seguro?

Hoje em dia vender através da Internet está dando muito lucro, quantas pessoas que vendem desde cursos em dvd até as mais simples, ainda é possível dar cursos online e parcelar facilitando assim que muitas pessoas se interessem em fazê-lo.
Eu indicaria um servidor gratuito como o Pag Seguro ou o Play Pal, além de poder vender você pode efetuar pagamentos com cartão de crédito ou transferencia bancária, assim não é necessário digitar toda vez o número do seu cartão, e para você que além de comprar pela internet quer vender seus produtos o pagseguro tem muitas ferramentas para você criar sua loja online, criando botões especiais que direcionam o cliente para o pagamento já com o preço certo.

Mas você me pergunta: EU NÃO TENHO SITE, COMO EU FAÇO?

Simples, venda por e-mail basta você enviar sua fatura.


clique no banner e faça seu cadastro totalmente gratuíto:

Vídeo não pode ser exibido.

sábado, 9 de julho de 2011

Instale a barra de ferramentas do Blog Cjpc turbo!!!

Clique no link abaixo:
Instalar agora!!!

Menu em flash

Você tem um site ou mesmo blog e precisa de um menu com um designer chamativo?
que tal fazer um como este:



Não é complicado fazer um assim, para isto você precisa ter conhecimento básico em action script e saber trabalhar com flash, eu utilizei o macromedia flash 8 professional.
Você que entende de as2 sabe que a o código abaixo faz com que a ação seja executada ao toque do mouse:


on (rollOver) {
 this.gotoAndPlay(2);
}


e que o "rollOut" executa a ação ao se retirar o cursor do mouse.

Ainda podemos utilizar o "on (press)" ou "on (release)" para o clique ou clica e solta.

A estrutura se trata de dois movie clipes o  botão e a animação sendo que a animação fica dentro do movie clipe botão.

Baixe o arquivo fonte e edite o seu menu assim também:

http://www.4shared.com/file/VIfGNkLF/menu_em_flash.html

quinta-feira, 30 de junho de 2011

Botão Mute no Macromedia Flash 8 Professional

Crie um Movie Clipe e instancie como "mute_mc", em seguida no frame 1 coloque o código:

var allsound:Sound = new Sound(this);
mute_mc.onRelease = function() {
   if (allsound.getVolume() == 100) {
      allsound.setVolume(0);
   } else {
      allsound.setVolume(100);
   }
};



Explicando o código:


A função getVolume obtém o volume normal do som que no caso é 100, se (if) o som estiver com este valor, então ao clicar e soltar (onRelease) o botão do mouse ele vai para zero, senão, ou se clicou e soltou novamente ele retorna para o valor 100.

sexta-feira, 24 de junho de 2011

Comtrole de volume no flash - action script 2.0

Hoje vou mostrar como controlar o volume do som vamos utilizar dois Movie Clipes um vai aumentar o som e outro diminuir o som.

Crie dois movie clipes que serão os botões de volume e coloque um texto estático em cada um com os textos "+" e "-".

acima dos botões coloque um texto estático com o nome : volume, porém este não interfere em nada se for desconsiderado do nosso projeto.

instancie o botão que aumenta o som de :  vol_more_btn
e o que diminui o volume de: vol_less_btn

Agora clique na Frame 1 tecle F9 e insira o código:

//variável do volume
var vol:Number = 100;
//aqui criamos a variável do som
var som_sound:Sound = new Sound();
//aqui abrimos a música co, a fumção LoadSound
som_sound.loadSound("musica.mp3", true);
//o volume será atualizado na Frame
_root.onEnterFrame = function() {
som_sound.setVolume(vol);
};
//botão diminuir volume
vol_less_btn.onRelease = function() {
if (vol>=10) {
vol -= 10;
}
}
//botão aumentar volume
vol_more_btn.onRelease = function() {
if (vol<=90) {
vol += 10;
}
};
//Por Cícero Joceilton da Silva Gomes

Para Funcionar você deve colocar uma música com o nome "musica" no mesmo diretório do arquivo .Fla ou Swf Não precisa Importar pois a função loadSound abre a música externa.

Qualquer dúvida envie-me um email: cjpcturbo@gmail.com

baixe o codigo fonte:

http://www.4shared.com/file/IHBu0NzZ/volume.html

domingo, 19 de junho de 2011

Player de Música no Flash Mx

Devido a grande dificuldade que as pessoas tem de encontrar tutoriais na web com um bom mp3 para seu site eu resolvi criar este, é muito simples trata-se de um botão que reproduz e pausa a música, pois vi que o difícil é essa parte a de pausar a música até que o play é fácil não é mesmo?

Vamos começar :

crie duas camadas : "botão" e a outra "ações"



Agora crie um botão retangular utilizando a ferramenta "linha", ou conforme desejar!

A área cinza é a prancheta não faz parte do botão

Transforme em clipe de Filme teclando F6 e escolhendo a opção: Clipe de Filme
e instancie de "botao"

Dê um duplo clique no botão criado e tecle F7 para criarmos um quadro vazio Nela desenhe um botão de pausa utilizando dois retangulos:


Agora crie uma nova camada e renomei de "ações", a anterior renomeie de "botões"

Na primeira frame coloque:
stop ( );

Clique na segunda frame e tecle F7, e coloque:

stop ( );

Volte para a primeira Cena e na camada actions coloque:

parar = 0;
estado = 0;
botao.stop();
_root.onLoad = function() {
 music = new Sound () ;
 music.attachSound("musica");
 }
 botao.onPress = function () {
  if (estado == 0) {
   music.start (parar/1000);
   estado = 1;
   botao.gotoAndStop(2);
   }else{
   parar = music.position;
   music.stop(); estado = 0;
   botao.gotoAndStop(1);
   }
   }




Importe uma música em .mp3 e faça a vinculação para o action script como : "musica"


Baixe o Arquivo em .Fla para você entender melhor:

Baixe o arquivo fonte

Meu Nome é Cícero Joceilton
E quero agradecer a News Center
pois foi lá que eu fiz meu Curso de
webdesigner e para mim foi a porta
de entrada para o que hoje eu sei

obrigado por acessar o Blog do Cjpc Turbo

Depois vou colocar outros recursos de som no flash como volume, mute, xml fiquem conectados!!!

domingo, 12 de junho de 2011

Veja “Blog do CJPCTURBO” na sua página inicial do Google

Seu amigo(a), cjpcturbo@gmail.com, enviou para você o seguinte gadget do Google.



Curso de HTML gratuito- por Cícero Joceilton

Aula 1

Aula 2

Aula 3

Aula 4

Aula 5

Aula 6

Aula 6 de HTML- Publicar site na web

Para publicar um site na web primeiramente você tem que ter um plano de hospedagem e um domínio que é um espaço na web.

Utiliza-se o Filezilla ou qualquer outro programa de ftp para enviar seus arquivos para seu servidor.

aqui um tutorial explicando como utilizar:

http://www.criarsites.com/como-configurar-o-filezilla/

Aqui termina o curso de Html vou criar uma postagem onde você vai poder ver todas as aulas.

sexta-feira, 3 de junho de 2011

CURSO DE HTML - AULA 5

Hoje Falaremos sobre Formulários

Formulários são muito utilizados em sites para receber dados do usuário, quem nunca precisou preencher um formulário de cadastro ou simplesmente para logar em um website?
Quando preenchemos corretamente os campos e clicamos no botão de enviar esses dados serão enviados para o administrador do site e consequentemente uma resposta deve vir até você como por exemplo:

obrigado por nos contactar!!!

você está logado.

Vamos ao que interessa:

Os formulários são criados a partir das etiquetas: <form> e </form> o comando para os campos é o <input>
há dois tipos de campos "text", para textos e "password", para senhas utilizamos este último para que o usuário digite sua senha discretamente, no lugar dos caracteres aparecem pontos.

text:



password:



também temos outros componentes dos formulários:

botões:
<input name="opção" type="radio" value="on"/>
rádio- opção única


<input type="checkbox" value="on"/>
checkbox- várias opções:


caixa de seleção:

<select>
<option>opção</option>
</select>
veja abaixo como seria uma caixa de seleção:


veja o código desta caixa:

<select>
<option> sim </option>
<option> não </option>
<option> talvez </option>
</select>

Outro campo de texto muito conhecido é o textarea um campo multiline ou seja com várias linhas:

veja o código:
<textarea name="comentário" rows="10" cols="40">Escreva seu comentário....</textarea>

veja como fica:




Agora você deve está se perguntando:

E como eu recebo os dados do formulário?

Bom  você pode receber estes dados em seu e-mail, através de uma arquivo php que envie os dados para seu servidor e então será enviado para seu endereço eletronico:

em seu formulário você escreve:

<form method="POST" action="envia.php">

E você deve ter uma página php com o nome "envia.php"

Falta somente o botão de enviar o formulário para isto vamos digitar o código:

<input type="Submit" value="Enviar">

veja como fica:



Com estes dados você já é capaz de criar seu formulário, agora é bom dar uma boa estudada em php, para manipular este formulário.

<><><><><><><><><><><><><><><><><><><><><><><><><>obs: O php é uma linguagem de programação orientada a objetos, não vai ser da noite para o dia e você vai ser capaz de dominar a linguagem, mas você pode aprender pelo menos a manipular os dados e receber em seu e-mail, procure perguntar sobre isso no yahoo respostas, fórum do orkut ou outros. <><><><><><><><><><><><><><><><><><><><><><><><>

Na próxima aula vamos aprender como colocar o site no ar!!!

até a próxima





sábado, 28 de maio de 2011

jogo de perguntas e respostas no flash

Para acompanhar este tutorial é bom ter conhecimento básico de action script 2.0, e saber trabalhar com as ferramentas do macromedia flash.

Hoje vou ensinar a criar um game de perguntas e respostas em flash, muito simples vou utilizar perguntas absurdas que serão:

qual a primeira, segunda e terceira letra do alfabeto?

Claro que você vai escolher perguntas mais difíceis, dignas de um bom jogo!!!
Para começar crie na primeira frame estes objetos:

1 texto estático contendo o nome pontos
1 texto dinâmico de variável "pontos"
1 texto estático onde você vai escrever a pergunta, mas não agora
3 botões de cor clara eu utilizei um cinza, neste botões coloque em cada um um texto estático e escreva a, b e c respectivamnte, pois serão as opções do game.
agora tecle F6 2 vezes para copiarmos para as outras frames

agora vamos escrever as perguntas:

frame 1 : qual a primeira letra do alfabeto?
frame 2: qual a segunda letra do alfabeto?
frame 3: qual a terceira letra do alfabeto?

E nos botões da frame 1:

coloque os códigos:

a:

on (press) {
 gotoAndPlay(2);
 pontos +=1
}

b:

on (press) {
 gotoAndPlay(2);

}
c:

on (press) {

 gotoAndPlay(2);

}
Nas outras frames:

frame 2:

a:

on (press) {
 gotoAndPlay(3);

}

b:

on (press) {
 gotoAndPlay(3);
 pontos +=1
}

c;

on (press) {
 gotoAndPlay(3);
}

frame 3:

a:

on (press) {
 gotoAndPlay(4);

}

b:

on (press) {
 gotoAndPlay(4);

}

c:

on (press) {
gotoAndPlay(4);
 pontos +=1
}

agora clique na frame 3 e tecle F6 uma vez para copiar o conteúdo criando assim a frame 4, na frame 4 apague tudo deixando apenas o texto estático com o nome pontos e o texto dinâmico com variável "pontos" troque a variável "pontos" por "pontuacao".

crie na frame 4 um texto dinâmico com variável : "text" e na frame coloque o código:

stop();
pontuacao = 0
pontuacao = pontos
if (pontuacao >=3) {
 _root.text="ótimo"
}else{
 _root.text="você não atingiu a pontuação correta!!!"
}
ah! e também coloque a função stop(); nas outras frames também porque se não vai criar slides e o jogador não terá a mínima chance de jogar!!!

Vou explicar como funciona este game:

o jogador deve chegar á pontuação máxima, que neste caso é 3 pontos, se não for atingida surge a mensagem:

você não atingiu a pontuação correta!!!

se o jogador atingi-la aparece: "ótimo"

O arquivo .fla pode ser baixado no link abaixo:

http://www.4shared.com/file/Z_m9jJxP/jogo_de_perguntas_e_respostas.html

Até a próxima

E não deixem de ver as aulas de Html do blog!!!

sexta-feira, 27 de maio de 2011

Aula 4 - Curso de Html

Aula 4 - Curso de Html
Links
os links são utilizados para redirecionar o internauta
para outras páginas, o comando que torna isto possível
no html é o <a href> e escrevemos um link assim:
<a href="http://www.cjpcturbo.blogspot.com/">
Clique Aqui</a>
O link acima direciona o usuário para o blog cjpcturbo
e o texto visualizado na página é "Clique Aqui"
Também é possível colocar um link de e-mail para que
as pessoas enviem uma mensagem para você
veja como se faz:
<a href="mailto:seunome@servidor.com%22%3Ebasic email</a>
Você ainda pode criar um download, para isto ao invés
de direcionar para uma URL ou E-mail você direciona
para o arquivo em .zip ou .rar ou ainda .exe
exemplo:
<a href="nomedoarquivo.rar">
Download</a>
Obs: o arquivo deve ficar no mesmo diretório do html

Na próxima aula falaremos sobre Formulários
Até a próxima!!!

quarta-feira, 25 de maio de 2011

Tutorial jogo de carro no Flash Mx

Postei recentemente no youtube um vídeo tutorial sobre criação de um game de carro em flash mx, e o usuário: juninhosantosMr reclamou o script, tentei responder mas estava dando erro, então postarei aqui os códigos, seguem abaixo:

carro:


onClipEvent(load){
speed = 0;
}
onClipEvent (enterFrame) {

if (Key.isDown(Key.UP)) {
speed += 0.5;
}
if (Key.isDown(Key.DOWN)) {
speed += -0.2;
}
if (Math.abs(speed)>10) {
speed *= .7;
}
if (Key.isDown(Key.LEFT)) {
_rotation -= 12;
}
if (Key.isDown(Key.RIGHT)) {
_rotation += 12;
}
speed *= .98;
x = Math.sin(_rotation*(Math.PI/180))*speed;
y = Math.cos(_rotation*(Math.PI/180))*speed*-1;
if (!_root.land3.hitTest(_x+x, _y+y, true)) {
_x += x;
_y += y;
} else {
speed *= -.10;


}
}


chegada:

onClipEvent (enterFrame) {
if (_root.chegou, hitTest(_root.carro)) {
_root.gotoAndPlay(2);

}
}


Para acompanhar os três vídeos tutorias:

vídeo 1:



vídeo 2:


vídeo 3:



Para melhor visualização deixe em tela inteira.

Boa Sorte!!!

segunda-feira, 23 de maio de 2011

Conheça o Flash

Conheça o flash
A história do Flash
O Flash veio de softwares que foram desenvolvidos para desenhos sem animações. O primeiro software, Apple II, parecia mais com o que nós conhecemos hoje como Microsoft Paint. Depois disso Jonathan Gay trabalhou incansavelmente para desenvolver programas que tivessem alguma interatividade e animação. O Intellidraw, além de desenhar, poderia adicionar comportamentos interativos a esses desenhos. Mas, mesmo assim, os programas eram difíceis de serem manipulados, pois eram feitos com joysticks e depois utilizaram canetas que desenhava em mesas (boards). Da necessidade de uma ferramenta que pudesse ser mais acessível, surgiu o Smartsketch, que trouxe uma melhor maneira de se desenhar no computador e estabeleceu grande sucesso num mercado que era dominado pelo Adobe Illustrator e Macromedia Freehand.
Em 1995, a Futurewave recebeu retorno de vários usuários para tornar essa ferramenta em uma ferramenta de animação, mas o mercado de animação era muito pequeno. Nesse mesmo tempo surgia a internet, um mercado muito promissor para esse tipo de ferramenta. Pensando nisso, começaram a aprimorar o Smartsketch, visando colocar animação e usar Java para renderizar um player de web. A partir daí, o Smartsketch se tornou um programa totalmente voltado para animação e mudou de nome para "Cellanimator". Porém, temendo ser confundido somente com um software de criação de cartoon, ele mudou o nome para Future Splash Animator.
Em novembro de 1996, a Macromedia se juntou com a FutureWave e, em dezembro do mesmo ano, a Macromedia adquiriu a companhia, e o Future Splash Animator se tornou o Flash 1.0. o Flash possui vários tipos de animação, sendo elas: Interpolação de Movimento e de Forma e a quadro a quadro.
Em Abril de 2005 a Adobe Systems divulga a aquisição da Macromedia em uma transação de 3,4 bilhões de dólares. A união das duas gigantes do setor traz novidades muito agradáveis para o Flash. Em março de 2007 é lançado o Adobe Flash CS3, nona versão do software e primeira produzida pela Adobe. O Flash CS3 integra a Adobe Creative Suíte 3, passando a ter compatibilidade total com softwares da Adobe como o Adobe Illustrator ou Adobe Photoshop. A atual versão dos softwares da Adobe são da família Creative Suite 5, que contém o Flash CS5 com diversas novas ferramentas para animação.

domingo, 22 de maio de 2011

Fazer um jogo de carro no flash mx

Aprenda a criar um game de corrida de carro em flash
basta que você tenha conhecimento da linguagem
action script 2.0 e acompanhar os três vídeos tutoriais
que postei no youtube .
vídeo 1

http://www.youtube.com/watch?v=MYw1H7THo_U&feature=related

video 2


http://www.youtube.com/watch?v=qC7uCoyRHbg&feature=mfu_in_order&list=UL

video 3

http://www.youtube.com/watch?v=99Afl9-W4lM&feature=mfu_in_order&list=UL



Ensinem também o que sabem aos outros, é muito bom compartilhar
conhecimentos. Façam tutoriais no youtube, blog, site, etc...


Obrigado!!!

sexta-feira, 20 de maio de 2011

CURSO DE HTML - AULA 3

Tabelas e Listas

tabelas são muito utilizadas em websites para organizar conteúdos
como por exemplo para inserir uma imagem colocamos em uma
tabela e para o texto do site outra tabela e para os botões do site
uma tabela com mais colunas.

o comando para inserir uma tabela é o <table> e o parametro
"border" se refere a borda da tabela:

<table border="0">
<table border="1">

para inserirmos uma linha: <tr>
para inserirmos uma coluna <td>

ex:

<table border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>

As listas também organizam itens em listagem que pode ser
numerada ou marcada:

o comando para criar uma lista é <ul> para as marcadas e
<ol> para as numeradas, para acresentar um item \à lista
inserimos entre as tags: <li></li>

Na próxima aula falaremos sobre links

sábado, 14 de maio de 2011

Aula 2 - Curso de Html gratuito

Aula 2 - Curso de Html gratuito
Olá galera da net!!!
Bem vindos a segunda aula de Html do blog do Cjpc turbo
Nesta aula como prometido vou falar a vocês sobre formatação
de texto, um recurso indispensável que é bastante utilizado
na criação de websites abaixo seguem os códigos de formatação
de textos:
<i>  -  texto em ítalico
<u> -  texto em sublinhado
<b> -  texto em negrito
<p> - paragrafo
<font color> - cor da fonte
<br> - quebra de linha

agora vamos pôr em prática:
abra se bloco de notas e digite:
Se para um filho o mais importante
não é Deus no céu e a mãe na terra,
então só há uma explicação, os dois
estão no céu.
Salve como frase.html e veja o resultado
o texto não tem formatação, agora digite com os códigos:
<b>Se para um filho o mais importante<b> <br>
<i>não é Deus no céu e a mãe na terra,<i> <br>
<u>então só há uma explicação, os dois<u> <br>
<font color="blue">:estão no céu.</font>
salve e veja a modificação
cada parte do texto tem uma formatação diferente
agora treine ridigindo textos e criando suas páginas
com formatação.
Na próxima aula iremos estudar tabelas e listas e
trabalhar mais com formatação de textos até a Próxima!!!

por: Cícero Joceilton

terça-feira, 10 de maio de 2011

Como criar um jogo de nave no flash?

Abaixo confira um vídeo mostrando como fazer um jogo em flash, os códigos encontram-se abaixo do vídeo.

o jogo do vídeo é o Space Combat e pode ser jogado online em:

http://megaswf.com/serve/1110165/








códigos:



Frame 1:


stop();


var cont:Number = new Number();
var cont2:Number = new Number();
var atirar:Boolean = true;  // <= VARIÁVEL QUE ADICIONEI PARA CONTROLAR O FLUXO DE TIROS

vida2=4
cont=0; //contadores de tiros
count2=0; //contadores de explosões
onEnterFrame=function()
{
    /*verificamos quais teclas o usuário está precionando
    E também verificando quais os limites da tela
    */
    if(Key.isDown(Key.LEFT) && nave._x >=20)
        nave._x -=20;
    if(Key.isDown(Key.RIGHT) && nave._x <500)
        nave._x +=20;
 
 
   
    if (!(inimigo.hitTest(nave))){
vida = false;
//Se a nave for atingida
} else if (inimigo.hitTest(nave)){
if (vida!=true){
vida2 -= 1;
vida = true;
}

_parent.vida2=false
//Se a vida chegar a zero:
if (vida2<=0) {
//vai para a frame 12
this.gotoAndStop(2);
}

 
   
   
}
onMouseDown = function()
{
    /*Verifica se eu posso atirar*/
    if(atirar)
    {
        _root.cont++;
        _root.tiro.duplicateMovieClip("tiro"+_root.cont,_root.cont,_root.cont); //duplicamos o tiro
        /*fazemos com que a réplica apareça na frente da nave*/
        _root["tiro"+_root.cont]._y = nave._y+10;
        _root["tiro"+_root.cont]._x = nave._x+10;
        atirar = false;   // <= ÚNICO MOMENTO QUE SETO ATIRAR PARA FALSE, não permitindo um tiro após o outro
    }
}
}




tiro:

onClipEvent(enterFrame)
{
 musica = new Sound();
musica.attachSound("som");
sound = new Sound();
sound.attachSound("laser");

_parent.playing = true
    if(_name != "tiro")
    {
        this._y-=30;
        if(this._y < 0) // VERIFICAÇÃO NOVA, eu defini que quando o tiro chegar no limite superior que poderei atira novamente
            _root.atirar = true;
   sound.start(0, 1);
           
        if(this._y <0)//se o tiro passou do y=0 removemos do filme
            this.removeMovieClip();
       
        if(this.hitTest(_root.inimigo)) //verifica se tiro colidiu com o inimigo
        {
   musica.start(0, 1);
            _root.atirar = true; //QUANDO ACERTAR O INIMIGO TAMBÉM PODEREI ATIRAR NOVAMENTE
            _root.inimigo.life=0; //zeramos o life, um tiro só é fatal
            this.removeMovieClip(); //sumimos com o tiro da tela
           
        }
    }
}


inimigo:



onClipEvent(enterFrame)
{

   /*Verificamos se o inimigo morreu, vendo se o seu life é menor ou igual a zero*/
   if(life<=0)
   {
      _root.cont2++;
      /*Criamos uma explosão, pois o inimigo morreu*/
     
      this._x = random(200); //o inimigo volta numa posição randômica
      this._y = -150;
      this.life = 100; //voltamos o life do inimigo
   }
   else
   {
      this._y+=10; //avança o inimigo em sua direção
      if(this._y > 300) //verifica se o inimigo ultrapassou o limite máximo da tela
      {
         /*Se o inimigo ultrapassou sua nave, vc pode fazer o que quizer a partir daqui
         eu optei por fazer o inimigo começa de novo a descer.
         */
         this._y = -20;
         this.removeMovieClip();
      }
   }
}

Faça seu game de nave e hospede no mega swf também.


Por Cícero Joceilton da Silva Gomes

Qualquer dúvida ou dica pode postar comentários

até a próxima!!!

domingo, 8 de maio de 2011

vida no flash

Olá galera trago hoje um tutorial sobre vida no flash, vou utilizar o macromedia flash 8 para isso você precisa ter um conhecimento básico de action script 2.0:

1- crie um quadrado e instancie de "nave"
2- crie um circulo e instancie de "inimigo"
3- crie um texto dinâmico com variável "vida 2"

o inimigo vai ter uma animação, para que colida com a nave faça com que ele venha descendo pelo palco
 abra o painel de ações e digite na frame 1:


stop();
vida2=4
onEnterFrame=function()
{
//verificamos se houve a colisão
if (!(inimigo.hitTest(nave))){
vida = false;
//Se a nave for atingida
} else if (inimigo.hitTest(nave)){
if (vida!=true){
vida2 -= 1;
vida = true;
}
parent.vida2=false
//Se a vida chegar a zero:
if (vida2<=0) {
//vai para a frame 2
this.gotoAndStop(2);
}
}
}

baixe o arquivo .fla :

http://www.4shared.com/file/6D98dOk4/vida.html

Com este exemplo vai ficar fácil fazer vida de personagens em flash basta você adaptá-lo!!!
 até a próxima

e não perca as aulas de html que estou dando aqui no blog a primeira já foi postada sexta -feira obrigado por acessar!!!

 
   
   

sexta-feira, 6 de maio de 2011

CURSO DE HTML - AULA 1

Curso Básico de HTML - por Cícero Joceilton
Aula 1
 Olá bem vindos ao curso de html!!
Em nossa primeira aula iremos aprender sobre os códigos
em html.
a hypertext Markup Language(html) é uma linguagem de
descrição ou seja é uma programação que descreve um
documento podendo ser visualizada em qualquer navegador
como o Internet Explore ou Mozila Firefox.
Com o html nós podemos criar objetos que depois podem
ser orientados por outra programação como o php por
exemplo, vamos conhecer agora os principais comandos
em html:
<> - tags
</> - tag fechada
<html> - inicia um documento html
</html> - finaliza um documento html
<head> - cabeçalho
</head> - finaliza o cabeçalho
<title> - título da página(aparece na barra azul do navegador)
</title> - aqui termina o título
<body> - "corpo" do site
</body> - aqui termina o "corpo" do site
<img> - insere imagem
<embed> - insere mídia
<form> - inicia um formulário
</form> - finaliza um formulário
<center> - centraliza conteúdo
Ao longo do curso Você vai conhecer outros códigos
muito importantes por isso fiquem atentos!!!
Vamos criar nosso primeiro documento html
abra o bloco de notas e digite:
<html>
<head>
<title>meu primeiro website</title>
</head>
<body>
Olá esta foi a primeira aula de html
acesse cjpcturbo.blogspot.com
e confira vários tutoriais!!!
</body>
</html>
salve como index.html
Aprendemos nesta aula a inserir título em
nossa página html e editar o corpo do site
próxima aula vamos estudar formatação de
textos.
Até a próxima!!!

quarta-feira, 4 de maio de 2011

Curso de HTML gratuito

O blog do cjpc turbo vai dar um curso de HTML gratuito basta acompanhar as aulas que serão apresentadas aqui no blog e em cada aula você pode fazer perguntas nos comentários.
se quiser ser informado quando um nova aula for postada basta enviar um email para cjpcturbo@gmail.com e receberá em seu endereço eletrônico a informação.

As aulas vão começar no sábado e vão ser renovadas de sábado em sábado.

domingo, 24 de abril de 2011

Baixe, jogue e comente

o que você achou deste jogo?

http://www.4shared.com/document/4B1rVtCZ/futebol.html


Botões de Play e Pausa na animação no action script 2.0

Botões de Play e Pausa na animação no action script 2.0



E aí Galera, hoje o blog do CJPC TURBO traz para vocês um exemplo que pode ser útil em várias aplicações.
Trata-se de um controle de animação no flash, dois botões que param e executam a animação:
para isso siga as instruções:

1. crie um movie clipe com a ferramenta Oval Tool ou seja o círculo e instancie como "bola".
2. Crie uma animação com ela, eu fiz com que ela andasse de um lado para o outro no palco.
3. crie dois botões em um coloque o texto "stop" e no outro "play".
4. coloque os respectivos códigos nos botões:

stop:

on (press) {
 bola.stop();

}


play:

on (press) {
 bola.play();


}

Tecle ctrl + Enter e faça o teste.


Este código eu descobri hontem 23 / abril / 2011 fiz uns testes e percebi que ao colocar o nome do movie clipe antes de stop(); e play(); a bola parava e continuava.

Até a próxima!!!

sexta-feira, 22 de abril de 2011

Relógio em java script

Olá galera o blog do CJPC TURBO traz para você um
simples e funcional Relógio em java script, para que você
possa tornar sua página mais dinâmica.

visite agora: www.cjpcturbo.com.br e envie sugestões para
o site.

o código é este:

<script type="text/javascript">
                 
function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()

m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML=h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)
  {i="0" + i}
  return i
}
</script>
  </head>
         
  <body onload="startTime()">
  <div id="txt"></div>


copie e cole em sua página entre o <head></head>

até a próxima!!!

calculadora de porcentagem 640 x 320

Baixem esta calculadora de porcentagem:











http://www.4shared.com/document/opjJtLsm/calculadora_de_porcentagem.html


















obrigado

quinta-feira, 21 de abril de 2011

terça-feira, 8 de março de 2011

calculadora flash: criando calculadora com flash

calculadora flash: criando calculadora com flash: "Olá pessoal vou ensinar a criar uma simples calculadora com flash 8 professional mas pode ser usada qualquer outra versão do flash ok? a ca..."

criando calculadora com flash

Olá pessoal vou ensinar a criar uma simples calculadora
com flash 8 professional mas pode ser usada qualquer
outra versão do flash ok?

a calculadora será assim:

Objetos:

1 texto imput var: a
1 texto imput var: b
1 texto dinâmico var: c
5 botões


Esta calculadora é feita com resolução 320x240 para
rodar em smartphone.

nos botões coloque os códigos como descritos abaixo:

+:
on (press) {
 c = Number(a) + Number(b);
}

-:
on (press) {
 c = Number(a) - Number(b);
}

*:
on (press) {
 c = Number(a) * Number(b);
}

/:

on (press) {
 c = Number(a) / Number(b);
}

e no botão CE o seguinte código:
on (press) {
   a = ""
   b = ""
   c = ""
}
Baixe o arquivo calculadorasimples.fla:


Baixe o arquivo calculadorasimples.swf: