Tutorial parte 3 Dreamweaver CS3

Como Crear un Inicio de Sesion? Hola taringueros sigamos con el tuto Parte 3 Bueno primero abrimos el wamp y nos vamos a phpmyadmin bueno una vez que estemos en nuestra base de datos la que habiamos llamado webmaster hacemos click en la misma de esta manera. y vamos a entrar aca. ahi vamos a crear una tabla para el inicio de sesion que la llamaremos login para tener en cuenta hay que pensar cuantos campos queremos que tenga por ejemplo en este caso yo quiero que tenga 3 campos algo sensillo y no nos tenemos que olvidar nunca del identonces serian 4 campos ID, Nombre, Mail, Password (Atencion no pongan contraseña porque van a tener problemas con la maldita Ñ) de esta manera. En esta parte la llenamos de esta menera. y hacemos click en grabar listo ya estamos listo para abrir el dreamweaver. una ves abiero el dreamweaver vamos creamos una pagina llamada registro_ok.php otra llamada registro:nullo.php y otra llamada registro.php entramos en registro.php que ya saben como ponerle el diseño si vieron el tutorial anterior. Tuto 1 Tuto 2 una vez abierto la pagina registro vamos a vinculaciones vamos a juego de registro y lo llenamos de esta manera vamos a la siguiente direccion como muestro en la foto el ID lo ponemos oculto el nomobre y el mail lo dejamos como esta y el pass lo ponemos como campo de contraseña como muestra en la foto y le damos aceptar y nos quedaria asi. yo en este caso le puse una tabla y una cabecera cualquiera para que valla teniendo algo de vida y si hacemos una vista previa con F12 se vera asi bueno sigamos ya tenemos para para registrarnos, ahora nos falta para iniciar sesion como hacemos ? de esta menera espero que lo vayan entendiendo cualquier cosa me consultan. bueno el inicio de sesion lo haremos en el index.php ustedes lo pueden hacer en donde quieran pero lo mas logico es ahi en el index.php que seria la pagina principal. BUeno vamos al index lo abrimos lo primero que hice es crear una fila con 5 columnas y todas centradas despues hice, arrastre el mouse desde andentro de la primera columna hasta la ultima y le puse 20% asi quedan ben centraditas esto se hace de esta manera Luego escribi en la primer celda la palabra inicio y sigan los pasos de la foto para vincular Luego escribi en la celda siguiente Registrarse luego de vincular la palabra Registrarse la seleccionamos y nos vamos a la solapa comportamientos como muestra en la imagen y creamos un juego de registro ATENCION: Llenen todo talcual esta en la imagen respetando las mayusculas y minusculas luego le dan aceptar. despues vamos al mas nuevamente y hagan lo que muestra la imagen siguiente seleccionen la palabra Registrarse. Ahi le estamos diciendo que muestre la palabra registrarse si nadie inicio Sesion y si alguien inicia sesion que oculte la palabra registrarse. Esta bueno que vallan haciendo esto pero es bueno que sepan el porque lo estamos haciendo para que vayan aprendiendo Ahora vamos a donde muetra la imagen para ponerle un efecto desplegable a nuestro inicio de sesion Bien ahora a la segunda celda nos paramos dentro y le damos 60% de ancho de esta manera Modificamos el nombre Ficha como muestra la imagen y agregaremos un formulario para iniciar Sesion de esta manera y nos aparecera asi Reemplazamos la palabra contenido por ese codigo:

y luego nos iremos de vuelta a vista de diseño y nos quedara asi Con el ID 1 y eiqueta Nombre luego le dan un enter para bajar una linea y en la linea de abajo hacen lo mismo pero con la etiqueta Password y quedaria asi luego hacemos otro enter y vamos a donde muestra la imagen no ponemos nada y aceptamos seleccionamos el boton y le ponemos Iniciar Sesion quedaria asi y luego seleccionaremos el spry para ponerlo en cerrado y nos preguntara en que tabla y le indicamos en la de login Luego nos paramos dentro de la fila que esta en rojo y nos dirigimos a donde muestra la foto y lo llenamos de la siguiente manera El registro_nullo que habiamos creado antes y si lo abrimos con el dreamweaver le podemos escribir algo como para que el usuario se de cuanta de que no pudo iniciar sesion porque el password o la contraseña son incorrectos o algo asi y le damos aceptar luego nos paramos en la celda siguiente al lado de registrarse y vamos a donde muesrta la foto para crear un link de cerrar sesion y esto es lo ultimo por hoy espero que les haya gustado Luego vamos a vista codigo y cambiamos el nombre desconectar y le ponemos Cerrar Sesion listo esto fue todo por hoy espero que les haya gustado taringueros T!