Criar uma página de logon

Última atualização em 25 de abr de 2024
Nota

A interface de usuário foi simplificada no Dreamweaver 2017. Logo, talvez você não consiga encontrar algumas das opções descritas neste artigo no Dreamweaver 2017 e em versões posteriores. Para obter mais informações, consulte este artigo (em inglês).

Sobre as páginas de logon

Seu aplicativo web pode conter uma página que permite que usuários registrados façam logon no site.

Uma página de logon é formada pelos seguintes blocos de criação:

  • Uma tabela de banco de dados de usuários registrados

  • Um formulário em HTML para permitir aos usuários digitar um nome de usuário e senha

  • Um comportamento de servidor Fazer logon do usuário para garantir que o nome de usuário e a senha inseridos sejam válidos

    Uma variável de sessão que consiste no nome de usuário é criada para o usuário quando este faz logon com êxito.

Criar uma tabela de banco de dados de usuários registrados

É necessária uma tabela de banco de dados de usuários registrados para verificar se o nome de usuário e a senha inseridos na página de logon são válidos.

Use o aplicativo de banco de dados e uma página de registro para criar a tabela. Para obter instruções, consulte o link do tópico relacionado abaixo.

A próxima etapa na criação de uma página de logon é adicionar um formulário HTML à página para permitir que os usuários façam logon. Consulte o próximo tópico para obter instruções.

Adicionar um formulário HTML para permitir que os usuários façam logon

Adicione um formulário HTML à página para permitir que os usuários façam logon inserindo um nome de usuário e uma senha.

Crie uma página (Arquivo > Novo > Página em branco) e configure a página de logon usando as ferramentas de design do Dreamweaver.
Adicione um formulário HTML colocando o ponto de inserção onde deseja que o formulário apareça e escolhendo Formulário no menu Inserir.

É criado um formulário vazio na página. Talvez seja necessário ativar Elementos invisíveis (Exibir > Auxílios visuais > Elementos invisíveis) para ver as bordas do formulário, que são representadas por linhas vermelhas finas.

Nomeie o formulário HTML clicando na tag <form> na parte inferior da janela Documento para selecionar o formulário, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um nome na caixa Nome do formulário.

Não é necessário especificar um atributo action ou method para o formulário informar onde e como enviar os dados do registro quando o usuário clica no botão Enviar. O comportamento de servidor de logon do usuário define esses atributos para você.

Adicione um nome de usuário e um campo de texto de senha (Inserir > Formulário > Campo de texto) ao formulário.

Adicione rótulos (como texto ou imagens) ao lado de cada campo de texto e alinhe os campos de texto colocando-os dentro de uma tabela HTML e definindo o atributo border da tabela como 0.

Adicione um botão Enviar ao formulário (Inserir > Formulário > Botão).

É possível alterar o rótulo do botão Enviar selecionando o botão, abrindo o Inspetor de propriedades (Janela > Propriedades) e inserindo um novo valor na caixa Rótulo.

A próxima etapa na criação de uma página de logon é adicionar o comportamento de servidor Fazer logon do usuário para verificar se o nome de usuário e a senha inseridos são válidos.

Verificar o nome de usuário e a senha

É necessário adicionar um comportamento de servidor Fazer logon do usuário à página de logon para garantir que o nome de usuário e a senha que um usuário insere sejam válidos.

Quando um usuário clica no botão Enviar na página de logon, o comportamento de servidor Fazer logon do usuário compara os valores inseridos pelo usuário com os valores para usuários registrados. Se os valores coincidem, o comportamento do servidor abre uma página (geralmente a tela de boas-vindas do site).Se os valores não coincidem, o comportamento de servidor abre outra página (geralmente uma página que alerta o usuário de que a tentativa de logon falhou).

No painel Comportamentos do servidor (Janela > Comportamentos do servidor), clique no botão Mais (+) e selecione Autenticação do usuário > Fazer logon do usuário no menu pop-up.
Especifique o formulário e os objetos de formulário que os visitantes usam para inserir o nome de usuário e a senha.
(ColdFusion) Digite o nome do usuário e a senha, se aplicável.
Especifique a tabela do banco de dados e as colunas que contêm os nomes de usuário e senhas de todos os usuários registrados.

O comportamento do servidor compara o nome de usuário e a senha que o visitante insere na página de login com os valores nessas colunas.

Especifique uma página a ser aberta caso haja êxito no processo de logon.

A página especificada costuma ser a tela de boas-vindas do site.

Especifique uma página a ser aberta caso haja falha no processo de logon.

A página especificada geralmente alerta o usuário de que o processo de login falhou e permite que o usuário tente novamente.

Se quiser que os usuários encaminhados para a página de login após tentarem acessar uma página restrita retornem a essa página restrita após fazer login, selecione a opção Ir para URL anterior.

Se um usuário tentar acessar seu local abrindo uma página restrita sem primeiro fazer login, a página restrita poderá encaminhar o usuário para a página de login.Depois que o usuário fizer login com êxito, a página de login redireciona o usuário para a página restrita que o encaminhou para a página de login em primeiro lugar.

Nota

Ao concluir a caixa de diálogo para o comportamento do servidor Restringir acesso à página nessas páginas, certifique-se de especificar sua página de login na caixa Se acesso negado, ir para.

Especifique se deve conceder acesso à página com base apenas no nome de usuário e senha ou com base no nível de autorização também e clique em OK.

Um comportamento do servidor é adicionado à página de login que garante que o nome de usuário e a senha inseridos por um visitante sejam válidos.