Crear una página de inicio de sesión

Última actualización el 25 abr. 2024
Nota

La interfaz de usuario se ha simplificado en Dreamweaver y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver y versiones posteriores. Para obtener más información, consulte este artículo.

Acerca de las páginas de conexión

Tu aplicación web puede contener una página que permita a los usuarios registrados iniciar sesión en el sitio.

Una página de conexión consta de los siguientes elementos:

  • Una tabla de base de datos de usuarios registrados

  • Un formulario HTML en el que los usuarios pueden introducir un nombre de usuario y una contraseña

  • Un comportamiento de servidor Iniciar sesión de usuario para asegurarse de que el nombre de usuario y la contraseña introducidos sean válidos

    Se crea una variable de sesión que contiene el nombre de usuario cuando este inicia sesión correctamente.

Crear una tabla de base de datos de usuarios registrados

Necesitas una tabla de base de datos de usuarios registrados para verificar que el nombre de usuario y la contraseña introducidos en la página de inicio de sesión sean válidos.

Usa tu aplicación de base de datos y una página de registro para crear la tabla. Para obtener instrucciones, consulta el enlace del tema relacionado que aparece a continuación.

El siguiente paso para generar una página de inicio de sesión es añadir un formulario HTML a la página para permitir que los usuarios inicien sesión. Consulte el siguiente tema para obtener instrucciones.

Añadir un formulario HTML para permitir que los usuarios inicien sesión

Añades un formulario HTML a la página para permitir que los usuarios inicien sesión introduciendo un nombre de usuario y una contraseña.

Crea una página (Archivo > Nuevo > Página en blanco) y diseña tu página de inicio de sesión usando las herramientas de diseño de Dreamweaver.
Añade un formulario HTML colocando el punto de inserción donde quieras que aparezca el formulario y eligiendo Formulario en el menú Insertar.

Se creará un formulario vacío en la página. Es posible que tengas que activar Elementos invisibles (Ver > Ayudas visuales > Elementos invisibles) para ver los límites del formulario, que están representados por líneas rojas finas.

Asigna un nombre al formulario HTML haciendo clic en la etiqueta <form> en la parte inferior de la ventana Documento para seleccionar el formulario, abriendo el inspector de Propiedades (Ventana > Propiedades) e introduciendo un nombre en el cuadro Nombre del formulario.

No tienes que especificar un atributo action o method para el formulario para indicarle dónde y cómo enviar los datos del registro cuando el usuario haga clic en el botón Enviar. El comportamiento de servidor Iniciar sesión de usuario establece estos atributos por ti.

Añade un nombre de usuario y un campo de texto de contraseña (Insertar > Formulario > Campo de texto) al formulario.

Añade etiquetas (como texto o imágenes) junto a cada campo de texto y alinea los campos de texto colocándolos dentro de una tabla HTML y estableciendo el atributo border de la tabla en 0.

Añade un botón Enviar al formulario (Insertar > Formulario > Botón).

Puedes cambiar la etiqueta del botón Enviar seleccionando el botón, abriendo el inspector de Propiedades (Ventana > Propiedades) e introduciendo un nuevo valor en el cuadro Etiqueta.

El siguiente paso para generar una página de inicio de sesión es añadir el comportamiento de servidor Iniciar sesión de usuario para verificar que el nombre de usuario y la contraseña introducidos sean válidos.

Verificar el nombre de usuario y la contraseña

Debes añadir un comportamiento de servidor Iniciar sesión de usuario a la página de inicio de sesión para asegurarte de que el nombre de usuario y la contraseña que introduce un usuario sean válidos.

Cuando un usuario hace clic en el botón Enviar en la página de inicio de sesión, el comportamiento de servidor Iniciar sesión de usuario compara los valores introducidos por el usuario con los valores de usuarios registrados. Si los valores coinciden, el comportamiento de servidor abre una página (normalmente la Pantalla de bienvenida del sitio). Si los valores no coinciden, el comportamiento de servidor abre otra página (normalmente una página que alerta al usuario de que el intento de inicio de sesión ha fallado).

En el panel Comportamientos del servidor (Ventana > Comportamientos del servidor), haz clic en el botón Más (+) y selecciona Autenticación de Usuario > Iniciar sesión de Usuario en el menú emergente.
Especifica el formulario y los objetos del formulario que los visitantes usan para introducir su nombre de usuario y contraseña.
(ColdFusion) Introduzca el nombre de usuario y la contraseña si es necesario.
Especifica la tabla de base de datos y las columnas que contienen los nombres de usuario y contraseñas de todos los usuarios registrados.

El comportamiento del servidor compara el nombre de usuario y la contraseña que introduce un visitante en la página de inicio de sesión con los valores de estas columnas.

Especifique la página que se debe abrir si el proceso de inicio de sesión se lleva a cabo satisfactoriamente.

Dicha página suele ser la pantalla de bienvenida del sitio.

Especifique la página que se debe abrir si falla el proceso de inicio de sesión.

La página especificada normalmente alerta al usuario de que el proceso de inicio de sesión ha fallado y permite al usuario intentarlo de nuevo.

Si quieres que los usuarios reenvíen a la página de inicio de sesión después de intentar acceder a una página restringida para volver a esa página restringida después de iniciar sesión, selecciona la opción Ir a URL anterior.

Si un usuario intenta acceder a tu sitio abriendo una página restringida sin iniciar sesión primero, la página restringida puede reenviar al usuario a la página de inicio de sesión.Después de que el usuario inicie sesión correctamente, la página de inicio de sesión redirige al usuario a la página restringida que lo reenvió a la página de inicio de sesión en primer lugar.

Nota

Cuando completes el cuadro de diálogo para el comportamiento del servidor Restringir acceso a página en estas páginas, asegúrate de especificar tu página de inicio de sesión en el cuadro Si se deniega el acceso, ir a.

Especifica si conceder acceso a la página basándose en nombre de usuario y contraseña únicamente, o basándose también en el Nivel de autorización, y haz clic en Aceptar.

Se añade un comportamiento del servidor a la página de inicio de sesión que asegura que el nombre de usuario y la contraseña introducidos por un visitante son válidos.