Criando Sua Index do 0%
Começando
1- Inicialização
2- Programação
3- Tipos de Linguagem
4- Estrutura Necessárias
5- Tags Html
6- Sistema de Registro [ Registrando ]
7- Formulário
8- Designer do Formulário
1º Passo- Inicialização
No Tutorial Vou Ensinar como Iniciar uma Index do 0% é muito Fácil,Não é
Necessário Baixar Nada [Caso não Queira] Você pode Fazer isso Pra qualquer
Pessoa/é Recomendado Saber Algumas Linguagens de Programação como por
exemplo Php.
2º Passo- Programação
Paint, Bloco de notas, PhotoScape ou PhotoShop (PhotoScape ou PhotoShop
Partes de Designer Topo , Bg Etc.)
3º Passo-Tipos de Linguagem
HTML
PHP
CSS
Elas não são obrigatórias, Servem Pra sua Ajuda e Melhoram o Seu
Desempenho na Criação da Index ou Qualquer outro Tipo de Arquivo.
4º Passo- Estrutura Necessárias
Apague Tudo o que Você Tiver na Pasta htdocs [ Tudo ]. Agora, Crie duas
pastas: "Imagens" e "css". .. Depois de Criar , Crie Mais 3 Arquivos : Php
"index", "login" e "config" Dentro da pasta css crie um arquivo com a css
chamado "login" Coloque o Seguinte Código em login.php
Código AQUI
Este Código serve para se Conectar no Hotel. Então preencha todos os arquivo
de configuração.
5º Passo- Tags Html
Tags html são muito Necessárias, Primeiro abra a Pasta index.php e coloque
os seguintes Códigos.
<html> <head> <title>Nome de sua Index</title> </head> <body> </body> </html>
Explicação do <html>
<html> Indica quando é o Início e o fim do Código html. <head> Estão no
Topo da Página, Utilizado pra Colocar o Título (Então é <title>), Também
pode Colocar CSS, JS, etc... O <body> Corpo da página Então Tudo o que você
Vê quando entra em uma Página.
6º Passo- Sistema de Registro
Vou Explicar o Sistema de Registro é Muito Simples de Preencher o Formulário
que Vamos Fazer após esta etapa, os Dados são enviados para login.php, o
login.php faz uma consulta na db [ Database ] e se Conectar as informações
Estará Pronta. Esta etapa e nós teremos Feito, O que Fizemos no 4 Passo
Para coloca o Código em login.php
7º Passo- Formulário
Criar um Formulário é muito Simples.
1 Passo a Fazer é : Vá até a primeira linha do index.php, e antes do <html>
você Coloca
<?php include("/config.php"); ?>
No arquivo index.php dentro do arquivo ''tag body'' você coloca Esse Código
<form action="/login.php"> nome: <br> <input type="text"> <br> contrasenha:<br> <input type="password"> <br> <input type="submit" value="enviar"> </form>
Explicando a Tag
A Tag Form é ou Indica um Formulário Qualquer. O Rótulo é o texto de
entrada tipo de entrada para o nick ou e-mail e password é a senha. O rótulo
Serve para uma entrada Exemplo: quando clicamos em Entrar.
Podemos Modificar Qualquer Texto Acrescentando o Seguinte
<font color="black" dace="arial" size="4px">Nome:</font>
8º Passo- Designer do Formulário
O projeto do Formulário é feito com css [Sempre]. Na pasta css, Crie um
Arquivochamado "login". Dentro Devemos Colocar esse código
.input { background-color: Cor que Você Quer, Pode Decidir Aqui ; width: 150px; *****: 30px; }
Explicação
background-color - o Que é ? é a Cor de fundo da Entrada, Você Pode Utilizar
uma imagem Colorida só devemos colocar dois pontos após a Url
("/ imagens / imagem que vai querer"); Width: Largura da Entrada / Altura: Altura da Entrada
Então vamos para o arquivo index.php Dentro do <head> Acrescentamos
<link type="text/css" rel="stylesheet" href="css/login.css" />
Extras
Então vamos para a Forma que Criamos no Passo Anterior e adicionar a Classe
de Entrada = "input" de modo que Seja
<input type="text" class="input">Contrasenha<input type="password" class="input">
Pronto Sua Index Está Feita Espero que Tenha Ajudado.
Créditos
M0nster
Fisher
Nenhum comentário:
Postar um comentário