epelpad

El post que buscas se encuentra eliminado, pero este también te puede interesar

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.

Tutorial parte 3 Dreamweaver CS3


y vamos a entrar aca.

dreamweaver



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.

tutorial




En esta parte la llenamos de esta menera.

aportazoBYGustysss

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

Tutorial parte 3 Dreamweaver CS3


vamos a juego de registro y lo llenamos de esta manera

dreamweaver

vamos a la siguiente direccion como muestro en la foto

tutorial


el ID lo ponemos oculto
aportazo
el nomobre y el mail lo dejamos como esta y el pass lo ponemos como campo de contraseña como muestra en la foto

BYGustysss

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

Tutorial parte 3 Dreamweaver CS3


y si hacemos una vista previa con F12 se vera asi

dreamweaver


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

tutorial




Luego escribi en la primer celda la palabra inicio y sigan los pasos de la foto para vincular

aportazo


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

BYGustysss


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.


Tutorial parte 3 Dreamweaver CS3




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

dreamweaver


Ahora vamos a donde muetra la imagen para ponerle un efecto desplegable a nuestro inicio de sesion

tutorial


Bien ahora a la segunda celda nos paramos dentro y le damos 60% de ancho de esta manera

aportazo


Modificamos el nombre Ficha como muestra la imagen y agregaremos un formulario para iniciar Sesion de esta manera

BYGustysss


y nos aparecera asi

Tutorial parte 3 Dreamweaver CS3


Reemplazamos la palabra contenido por ese codigo:

<form id="form1" name="form1" method="post" action="">
</form>


y luego nos iremos de vuelta a vista de diseño y nos quedara asi

dreamweaver


tutorial

Con el ID 1 y eiqueta Nombre
aportazo


BYGustysss

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

Tutorial parte 3 Dreamweaver CS3


luego hacemos otro enter y vamos a donde muestra la imagen

dreamweaver


no ponemos nada y aceptamos seleccionamos el boton y le ponemos Iniciar Sesion quedaria asi y luego seleccionaremos el spry para ponerlo en cerrado

tutorial


aportazo


BYGustysss


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

Tutorial parte 3 Dreamweaver CS3


y lo llenamos de la siguiente manera

dreamweaver


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

tutorial

aportazo

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!

BYGustysss


Tutorial parte 3 Dreamweaver CS3

5 comentarios - Tutorial parte 3 Dreamweaver CS3

dragontng02
pero que...? mil visitas y nadie comenta!! que increible!

te felicito por el post, es de mucha ayuda, para quien empieza a ver cosas en php. gracias.
marechal4arg
+10, igual quiciera saber donde puedo encontrar el resto de los tutoriales, ya que este es el 3 si no lei mal!!! Gracias!!!
jomarocas
amigo modifica las imagenes