Bgames
Olá visitante! Seja bem vindo ao nosso fórum!

Para você ter total acesso ao nosso fórum é preciso que você se cadastre.

Cadastre-se Aqui!


PARA VER LINKS E IMAGENS É PRECISO SE REGISTRAR!

[Tutorial]Criando seu Site de WoW #1

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[Tutorial]Criando seu Site de WoW #1

Mensagem por Fox em Sab 1 Set 2012 - 21:10


Seta Aula #1
Seta Creditos - Fox - t[]b@_$ERB|@
Seta Nome - Iniciando o WebSite
Seta Proxima aula - [Você precisa estar registrado e conectado para ver este link.]

Olá,
O assunto que tem maior foco no fórum é World of Warcraft
Então vamos desenvolver o nosso site de WoW ao decorrer de nossas aulas.
Hoje vamos começar elaborando a pagina de registro , porém , ainda sem CSS,
pois ele será aplicado em outra aula.

Inicialmente, vamos criar o nosso arquivo de configuração.

Abra o bloco de notas,( ou o programa de edição desejado)
e adicione o seguinte código

Código:

<?php
error_reporting(0);
$site_name=" Nome do seu servidor"; // Nome do seu servidor
$template_error_file="./include/error.php"; // caso de erro
$template_thanks_file="./include/obrigado.php"; // caso de sucesso
$template_file="./include/html.php"; // pega os dados do html.php
// SQL Variaveis
$host = "localhost"; // normalmente é localhost
$user = "root"; // Usuário normalmente é root
$pass = "ascent"; //  Normalmente é Ascent 
$db = "auth";// Onde é salva as contas do seu servidor normalmente é auth
$ms = mysql_pconnect($host, $user, $pass);
if ( !$ms )
{
echo "Erro ao conectar a Data Base, Verifique as configurações no config.php.\n"; // mensagem caso der erro ao carregar a db (senha ou algo errado )
}
mysql_select_db($db);
?>
Crie uma pasta chamada Include e dentro dela
Salve o arquivo acima como "config.php".

Agora vamos criar a nossa "Index"
Abra um novo projeto, e adicione o seguinte código:
Código:

<?php
include ("./include/config.php"); // Pega as configurações do config.php
if ( $_GET["p"] == "reg" )
 {
 $bInputFlag = false;
 foreach ( $_POST as $field )
  {
  if ($field == "")
  {
  $bInputFlag = false;
  }
  else
  {
  $bInputFlag = true;
  }
  }
 if ($bInputFlag == false)
  {
  include "$template_error_file";
  }
  $username = mysql_real_escape_string($_POST['username']);
  $password = mysql_real_escape_string($_POST['password']);
  $sha_pass_hash = sha1(strtoupper($username) . ":" . strtoupper($password));
  $email = mysql_real_escape_string($_POST['email']);
 $q= "INSERT INTO `account` (`username`, `sha_pass_hash`, `email`) VALUES ('$username', '$sha_pass_hash', '$email')";
 $r = mysql_query($q);
 if ( !mysql_insert_id() )
  {
  include("$template_error_file");
  }
 else
  {
  Header("Location: index.php?p=thanks"); // se correto envia a mensagem
  }
 }
elseif ( $_GET["p"] == "thanks" )
 {
 include "$template_thanks_file";
 }
else
 {
include ("$template_file");
 }
?>
salve-o como Index.php (fora da pagina include , na pagina principal)

Crie um novo projeto, e adicione o seguinte código
Código:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
   <meta charset="UTF-8">
   <title><?php echo $site_name ?></title><!-- pega o nome do seu server para titulo da pagina --> 
          <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

</head>
<body>

   <h1><?php echo $site_name ?></h1>
   
   <form action="index.php?p=reg" method="post" class="general">
      <label for="textreq">Usuario <span>(Necessario)</span></label>
      <input name="username" type="text" class="form-input" id="username" required />
      
      <label for="textreq">Senha <span>(Necessario)</span></label>
      <input name="password" type="password" class="form-input" id="password" required />
      
      <label for="textreq">E-Mail <span>(Necessario)</span></label>
      <input name="email" type="text" class="form-input" id="email" required />
      <input class="form-btn" type="submit" value="Registrar-se" />
</form>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
   <script>
      $(function(){
         if( $.browser.msie && $.browser.version < 9 ) {
            $('html').addClass('ie');
            
            $('div.option-group').each(function(){
               var $this = $(this);
               
               $this.find('label').append('<span class="before"></span> <span class="after"></span>');
               
               // radio button styling
               if( $this.hasClass('radio') ) {
                  $this.delegate('input[type="radio"]', 'click', function(){
                     if( this.checked ) {
                        $(this).siblings('label').removeClass('checked').end().next('label').addClass('checked');
                     }
                     else {
                        $(this).next('label').removeClass('checked');
                     }
                  });
               }
               
               // checkbox styling
               else if( $this.hasClass('check') ) {
                  $this.delegate('input[type="checkbox"]', 'click', function(){
                     if( this.checked ) {
                        $(this).next('label').addClass('checked');
                     }
                     else {
                        $(this).next('label').removeClass('checked');
                     }
                  });
               }
            });            
            
         }
         
         
         // select box styling
         if( $.browser.msie && $.browser.version <= 9 ) {
            $('html').addClass('ie9');
            
            $('form.general')
               .find('select')
               .css({ 'opacity': '0', 'position': 'relative', 'z-index': '10' })
               .after('<span class="selectTop"/>')
               .change(function(){
                  $(this).next().text( $('option:selected', this).text() );
               })
               .trigger('change');
         }
         
         // add 'invalid' class when HTML5 form valiation fails
         if( !$.browser.firefox ) {
            $('form.general').each(function(){
               $(this).find('input.form-input').bind('invalid', function(){
                  $(this).addClass('invalid');
               });
            });
         }
      });
   </script><<br /> <br<br /> <br /><br /> <br /><br /> <br /><br /> <br /><br /> <br />Creditos - Fox</body>
</html>
Salve-o como html.php (dentro da pasta include).

Resultado:
[Você precisa estar registrado e conectado para ver esta imagem.]

Bom, essa é a nossa primeira aula.
até a proxima.

OBS: para não ficar perdendo tempo , alguns codigos vocês não vão intender pois , estão chamando paginas que só serão criadas na aula 2 , isso irá adiantar o nosso trabalho.

Créditos
Fox - Por desenvolver algumas partes do código e criar o tutorial
t[]b@_$ERB|@ - pela base do código
.


Última edição por Fox em Dom 2 Set 2012 - 10:56, editado 4 vez(es)

Fox


Mensagens : 1912
Pontos : 11718
Evolução : 50


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criando seu Site de WoW #1

Mensagem por feelp em Sab 1 Set 2012 - 22:33

Boa Fox , Obrigado Ajudou Muiito :D

feelp


Mensagens : 59
Pontos : 216

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criando seu Site de WoW #1

Mensagem por Fox em Dom 2 Set 2012 - 15:48

Atenção,
O código foi modificado, peço aos usuários que estão nos acompanhando que refaça o seu código para não ocorrer erros nos futuros tutoriais.

Até mais.

Fox


Mensagens : 1912
Pontos : 11718
Evolução : 50


Ver perfil do usuário

Voltar ao Topo Ir em baixo

O autor desta mensagem foi removido do fórum - Ver a mensagem

Re: [Tutorial]Criando seu Site de WoW #1

Mensagem por Fox em Dom 2 Set 2012 - 15:58

O que sofreu um pouco mais de alterações foi a pagina html.php .
Simplesmente correções para a melhoria do site.

Até mais.

Fox


Mensagens : 1912
Pontos : 11718
Evolução : 50


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criando seu Site de WoW #1

Mensagem por Psychosocial em Seg 3 Set 2012 - 18:26

Como eu faço para abrir o site igual ta na foto? poderia me responder?

Psychosocial


Mensagens : 1049
Pontos : 3067
Evolução : 4


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criando seu Site de WoW #1

Mensagem por Fox em Seg 3 Set 2012 - 18:33

Olá,
você pode coloca-lo
na pastar www ou Htdocs,
que seria dentro do apache do seu Site do WoW.

Resolve?

Atenciosamente,
Fox.

Fox


Mensagens : 1912
Pontos : 11718
Evolução : 50


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criando seu Site de WoW #1

Mensagem por Psychosocial em Seg 3 Set 2012 - 18:47

Po man ajudou sim vlws cara : )

Psychosocial


Mensagens : 1049
Pontos : 3067
Evolução : 4


Ver perfil do usuário

Voltar ao Topo Ir em baixo

Ajuda ai

Mensagem por brisley456 em Dom 19 Maio 2013 - 23:31

Liconln pode ajudar ai minha repack nao tem a pasta "www" nem "htdocs" aonde eu posso baixar se estiver disponivel em algum site ! vlw
+repu

brisley456


Mensagens : 1
Pontos : 3

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: [Tutorial]Criando seu Site de WoW #1

Mensagem por Conteúdo patrocinado Hoje à(s) 16:48


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum