Como criar uma home page HTML

As páginas de login são usadas nos sites como telas iniciais para obter acesso a informações confidenciais. Essas páginas requerem pelo menos um nome de usuário e senha. Às vezes, permite selecionar uma opção para salvar suas informações de registro para uso futuro, mas é recomendável não fazer isso, a menos que você esteja em um computador particular. Para desenvolvedores da web, é bastante simples criar o código HTML de uma página de login. O trabalho real está no back-end na verificação de credenciais de acesso. Este guia o ajudará a criar uma página de login em HTML para as necessidades do seu site.

Passo 1

Abra um editor de texto e crie um arquivo HTML. O Dreamweaver é o programa mais popular usado para desenvolvimento na Web, mas você também pode usar programas gratuitos, como o TextEdit (no Mac) ou o Bloco de Notas (no Windows).

Etapa 2

Crie um formulário HTML. Digite os rótulos e você precisará escrever

; Essas são as tags de formulário em HTML. No rótulo do formulário inicial, você precisará de uma ação, método e enctype (tipo de criptografia). Para o tipo de ação em que o formulário será processado, o método value será “get” ou “post”, o enctype normal é “multipart / form-data”, mas você também pode usar “text / plain”. O valor “texto / sem formatação” implica que não há formato quando é apresentado. Seu último rótulo de formulário inicial será mais ou menos assim:

Substitua /bin/process.php “pelo local do arquivo que processará os dados da página de login.

Etapa 3

Crie uma tag de nome de usuário e um campo de nome de usuário. Os rótulos possuem texto descritivo para indicar qual campo é o seguinte. Na próxima linha, ele codifica um rótulo de entrada com o tipo igual a “texto” para que um usuário possa gravar os dados. Siga o exemplo abaixo:

Etapa 4

Crie uma tag de senha e um campo de senha. Os usuários não verão sua senha quando digitarem no campo de senha, apenas asteriscos. Isso é para proteger as informações do usuário. Siga o exemplo abaixo:

Etapa 5

Crie um botão de envio. Existem duas maneiras de criar um botão de envio de HTML. A primeira é uma tag de entrada com um tipo de remessa que se parece com isso:

Coloque o texto que você deseja que o botão diga dentro do atributo value, como ilustrado acima. A segunda maneira de criar um botão de envio é uma tag de entrada com um tipo de imagem parecido com este:

Isso cria uma imagem de um botão de envio em vez de um botão HTML típico. Substitua “/images/submit.jpg” pelo local da imagem na qual você deseja que as pessoas cliquem ao enviar o formulário. É uma prática geral ter um dos dois tipos de tags de entrada para enviar um formulário, mas não os dois.

Etapa 6

Verifique seu código. Sua página de login, quando concluída, deve ser algo como isto:

Salve o código como um arquivo .html quando estiver completo.

Referências

 

Você pode estar interessado:

Deixe um comentário