Introducción a ASP.NET – Formularios Web

Quiero mostrarles como funcionan los formularios Web y algunas de sus características. Primero vamos a crear un proyecto de Web utilizando Visual Studio .NET. Bajo el menú principal de File -> New -> Project se encuentra la opción de ASP.NET Web Application. Aquí Visual Studio nos pregunta por un directorio virtual en vez de una ruta física ya que estamos trabajando con un sitio Web. Esto es interesante porque como podemos ver ya de un inicio estamos trabajando bajo un ambiente Web y se nota que todo va encaminado a que funcione en Internet.

Lo primero que nos damos cuenta al ver nuestra pantalla es que aparece una forma muy parecida a la que sale cuando creamos una aplicación de Windows. En un proyecto de Web este control se llama Web Form.
Dibujar una forma es tan sencillo como arrastrar controles a donde se requieran y acomodarlos con el ratón. Solo arrastrando controles (es decir, sin tener que codificar aun nada) podemos dibujar una forma así:

Si nos fijamos bien, hay una pestaña que dice HTML abajo del lado izquierdo. Si nos vamos ahí podemos ver mucho código parecido al lenguaje de marcación HTML. Esto no es solamente lenguaje de HTML sino que tiene etiquetas de controles de asp. Como podemos ver, Visual Studio se encargo de poner el código necesario para mostrar nuestro formulario.

Pero ¿qué es lo interesante de esto? ASP.NET divide una página Web en dos archivos distintos. Uno de presentación (Es el que hemos estado viendo y consta de las pestañas: diseño y HTML) y otro del código para poder visualizar y manipular los controles. Cada archivo es único e interactúan entre sí.
El archivo de presentación es en realidad una página HTML en formato XML, y etiquetas de ASP.NET. Estas etiquetas se utilizan para asignar a cada control de ASP.NET (como una caja de texto, etiqueta de texto, botón de radio, etc.) sus propiedades y localización en la página Web. Cuando un cliente o explorador solicita una página Web, ASP.NET se encarga de reemplazar las etiquetas por los controles verdaderos de HTML y regresarlo en forma de página Web al explorador del cliente. Esto sirve para que ASP.NET pueda identificar el tipo de Explorador usado por el cliente y mandarlo adecuadamente para que la página sea compatible 100% con el cliente.
En el archivo de código se escribe toda la lógica de la página Web. Aquí se escriben las acciones o eventos de cada control. Como podemos ver, el tener 2 archivos separados evita el código mezclado y nos ayuda a tener separada el código lógico de lo gráfico.

Si vienes de desarrollar en ASP clásico o alguna vez tuviste que crear una página Web en ASP a mano, podrás apreciar todas estas características y regocijarte por todo el tiempo extra que te va a quedar utilizando Visual Studio y las ventajas proporcionadas por ASP.NET.