Tecnología

Inicio

Cómo crear una página de entrada Con Adobe Dreamweaver CS3

El uso de un programa de diseño Web como Adobe Dreamweaver CS3 para crear una página de inicio de sesión para las cuentas de usuario consta de tres elementos: una página HTML con un formulario donde los usuarios remotos pueden introducir su nombre de usuario o ID y contraseña; diseño de un sistema de comportamiento del servidor utilizado para validar la información introducida; y una base de datos de usuarios autorizados. El tercer elemento consiste en la creación de bases de datos, que está más allá del alcance de este artículo.

Instrucciones

1 Crear una nueva página en Adobe Dreamweaver CS3 haciendo clic en "Archivo", "Nuevo", "página en blanco" y seleccionando el tipo de página "HTML". Añadir un formulario a la página haciendo clic en "Insertar" y "forma" y cambiar el valor predeterminado "Form1" nombre en el cuadro de propiedades en la parte inferior de la pantalla para leer "Acceder".

2 Añadir un campo de texto Nombre de usuario para el formulario haciendo clic en "Insertar", "Forma", "Campo de texto". En el cuadro que se abre, rellene el "ID" en blanco y los campos "Etiqueta" con "nombre de usuario" y "Nombre de Usuario", respectivamente.

3 Pulse la tecla "Enter" para poner el campo siguiente en una nueva línea. Añadir un campo de texto de contraseña, el uso de "contraseña" para el ID y la "contraseña" para la etiqueta. Deje todas las otras opciones en estas pantallas de campo de texto tal como son.

4 Pulse la tecla "Enter" para crear una nueva línea. Haga clic en "Insertar", "Forma", "botón" y rellenar "login" para el ID. Deje el campo Etiqueta vacía. Haga doble clic en el botón, que en este punto se lee en "Enviar" para abrir la ventana Propiedades en la parte inferior de la pantalla. Tipo "Entrar" en el cuadro de Valor. Esto finaliza la creación de una página de acceso HTML para las cuentas de usuario en Adobe Dreamweaver CS3. Guarda tu trabajo.

5 Crear el proceso para verificar la información del usuario en una base de datos. Haga clic en "Ventana" y "Comportamientos del servidor" en el menú de Dreamweaver. Tres pasos aparecen en una ventana emergente. Si ya tiene un sitio web, debe haber una marca de verificación por el primer paso. Haga clic en el de todos modos "sitio" resaltada para verificar la ubicación del sitio. En la siguiente línea, haga clic en "tipo de documento" para elegir el tipo de documento relacionado servidor de prueba de la lista de opciones.

6 Haga clic sobre el tercer punto en la configuración de comportamientos de servidor, que es "servidor de prueba." Aquí tendrá que elegir entre un servidor de prueba en su propio PC o en su sitio web. Al colocar estos elementos, una cuarta línea se mostrará, dirigiendo a través del proceso de creación de un conjunto de registros para acceder a la base de datos de usuario / contraseña para las cuentas de usuario. Suponiendo que la base de datos existe, Dreamweaver le guiará a través del proceso de vincular a ella para finalizar el proceso de inicio de sesión.

Consejos y advertencias

  • Use una tabla para guardar los campos de inicio de sesión, el establecimiento de los anchos de columna y el espaciado de celdas de dimensiones agradables y añadir colores de fondo para mejorar la apariencia de la forma de la conexión.
  • Configurar el comportamiento del servidor para verificar el nombre y contraseñas es necesario el uso de un servidor de prueba de Dreamweaver CS3. Si bien se puede probar en el servidor remoto, es más peligroso en lo que respecta a la seguridad de la prueba en su propio PC de desarrollo.