Tutorial: Crear un sitio seguro en ASP.Net Web Forms.

En esta primer entrega vamos a crear un nuevo proyecto, generar la estructura del sitio, la presentación visual y poner en funcionamiento todos los controles necesarios para hacer que nuestro sitio tenga áreas protegidas por contraseña, y extender la funcionalidad de seguridad para agregar algunos datos personales del usuario, como nombre, apellido, etc.
Comenzamos entonces con un nuevo sitio vacío, seleccionando del menú del Visual Studio 2010 Express "Crear Nuevo Proyecto" y de las plantillas instaladas en "Visual C#", "Web", seleccionamos "Aplicación Web Vacía de ASP.Net. Cambiamos el nombre del proyecto a WebSegura, y dejamos el resto de las opciones tal como están.

(Click para ampliar la imagen)

Una vez creada la solución con el proyecto, vamos a empezar por agregar la Master Page. Recordemos que la master page nos va a servir como "plantilla" de todas las otras páginas que la usen más tarde, así que vamos a poner un poco de empeño en el diseño de esta.

Vamos a ponerle como nombre "web.master", así nos queda luego en la solución junto con todas las páginas de configuración del sitio (web.config, web.sitemap, web.css, que iremos creando a lo largo del ejercicio)
En la Master Page, vamos a dejar todo como está, lo único que vamos a cambiar es el nombre de los ContentPlaceHolders, llamando "Cabecera" al que se llama "Head" y "Principal" al que se llama ContentPlaceHolder1, luego trabajaremos sobre los contenidos generales, estilos, etc.
El código nos quedaría así, entonces:

Por ahora vamos a agregar las páginas que nos hagan falta para esta primer parte de la aplicación:
Agregamos seis nuevas páginas, seleccionando "Formulario Web Forms que utiliza una página maestra" (por estrafalario que suene el nombre), y nombramos a estas páginas: Default.aspx, CambiarPassword.aspx, CrearCuenta.aspx, OlvidePassword.aspx, Ingresar.aspx y AdministrarCuentas.aspx. Cada vez que agregamos uno, Visual Studio nos pide que seleccionemos nuestra página Maestra, lo que haremos seleccionando la única página maestra que tenemos en la solución:

(Click para ampliar la imagen)

Agregaremos ahora un archivo especial, que nos va a servir para administrar el menú de nuestra aplicación. Este archivo se llama web.sitemap, 

(Click para ampliar la imagen)

Terminado el agregado de páginas, nuestro proyecto quedará así:
Con esto ya tenemos bastante para trabajar.
Modificamos el web.Sitemap para que refleje nuestra estructura de páginas:

Terminamos con esto. Mañana vamos a configurar la seguridad.

Saludos cordiales