Você está na página 1de 5

DISEO DE SITIOS WEB BOOTSTRAP & ASP.

NET

DISEO DE UN FORMULARIO DE LOGIN

Agregar Otro WebForm De Nombre: Login.aspx, NO


Realizar El Siguiente Diseo Con CSS3 y Bootstrap:

ENLAZAR CON EL MASTER.PEGE y

CDIGO FUENTE: (Realizar Las Siguientes Modificaciones)

Importar Los Siguientes


Archivos CSS y JS

Instructor de Sistemas: Mauico Flores, Roly


Mvil: 9-6774-3864

E-mail: Roly_1587@hotmail.com
Pgina 57

DISEO DE SITIOS WEB BOOTSTRAP & ASP.NET

Ahora Ubicarse Entre Las Etiquetas body Abierto y Cerrado, Luego Crear Los Siguientes Objetos:

Encabezado
De Panel De
Login

Contenido
De Panel
De Login

Pie De
Pgina
De Panel
De Login

CDIGO JAVASCRIPT PARA SU FUNCIONAMIENTO:

Ubicarse En La Carpeta MisJs y Agregar Un Archivo De JavaScript De Nombre: Login.js

Instructor de Sistemas: Mauico Flores, Roly


Mvil: 9-6774-3864

E-mail: Roly_1587@hotmail.com
Pgina 58

DISEO DE SITIOS WEB BOOTSTRAP & ASP.NET

Realizar La Siguiente Codificacin:

Ahora Ejecutar (F5) Nuestro Formulario De


Login.aspx y Probar Su Funcionalidad.

Instructor de Sistemas: Mauico Flores, Roly


Mvil: 9-6774-3864

E-mail: Roly_1587@hotmail.com
Pgina 59

DISEO DE SITIOS WEB BOOTSTRAP & ASP.NET

DISEO DEL MODAL POPUP DE CERRAR SESIN

Ingresar Al Diseo Del Formulario: Centro_Medico.Master, Luego Ingresar A Su Cdigo y


Realizar Las Siguientes Modificaciones:

Agregando Un Pie De Pgina A Tu MasterPage

Creando Nuestro ModalPopup Para Cerrar


Sesin y Salir De Nuestro Master.Page

Instructor de Sistemas: Mauico Flores, Roly


Mvil: 9-6774-3864

E-mail: Roly_1587@hotmail.com
Pgina 60

DISEO DE SITIOS WEB BOOTSTRAP & ASP.NET

Ahora Modificar Nuestro Men De Opciones, Realizar Las Siguientes Modificaciones Al Inicio De
Nuestro Centro_Medico.Master:

Realizar Las Siguientes Modificaciones


Donde Lo Requieran:

Finalmente Ejecutar (F5) Nuestra


Pgina Web y Ubicarnos En La Opcin
Cerrar Sesin:

Ingresar Con Tu Usuario Y Contrasea


De y Verificar Su Funcionamiento.

Instructor de Sistemas: Mauico Flores, Roly


Mvil: 9-6774-3864

E-mail: Roly_1587@hotmail.com
Pgina 61