Creando nuestro primer sitio Web con ASP.net y C#

Para crear un proyecto web debemos seleccionar desde el entorno del Visual Studio (Yo utilizo el 2010): Archivo ->Nuevo sitio web. Inmediatamente aparece un diálogo donde podemos configurar que versión de Framework será compatible nuestra aplicación, la ubicación dentro del disco donde se almacenará, el lenguaje de programación a utilizar:
Podria coger la opcion ASP.NET Web Site, esta te crear una plantilla de ejemplo desde la cual podras empezar a trabajr, pero trae muchas cosas innecesarias y para nuestro ejemplo elegiremos la segunda opcion: ASP.NET Empty Web Site.
Este nos quedo guardado en la ruta C:\Projects\WebSite1.




 Se creara automaticamente un archivo llamado web.config, este lo dejaremos sin modificar.
Ahora tendremos que añadir las paginas que vamos a utilizar y para eso ubicaremos a nuestra derecha el explorador de soluciones (si no te aparece ves a Ver - Eplorador de soluciones).
 Damos click derecho en la parte superior donde esta el nombre de la aplicacion (En este caso : WebSite1) y seleccionamos la tercera opcion [Add New Item]. O presionar Ctrl + Shift + A.




Luego Se pasa a configurar la pagina, se selecciona el tipo de archivo (Web Form), el lenguaje (C#), se selecciona la opcion "Place Code in Separate File" esto es para que cree un archivo independiente donde manejaremos los eventos de los controles en nuestra pagina y por ultimo le damos Click en agregar (Add).
Puedes si lo deseas cambiarle el nombre a la pagina pero para este ejemplo lo dejaremos con el nombre que trae (Default.aspx).



El siguiente paso sera agregar un TextBox a la pagina, un Label y un Boton desde la barra de de herramientas (ToolBox) que esta situada en la parte derecha de Visual Studio, si no te aparece ves al Menu Vista - Barra de herramientas o Ctrl + Alt + X, Soolo arrastras los controles y ya esta.
Por Buenas practicas de programacion renombraremos el ID de los controles utilizando nombres mas descriptivos:
 TextBox = TxtNombre, Label = LblDisplay, Boton = BtnAccion
Cambiaremos la propiedad Text del Boton a "Ejecutar."
Al  Label le quitaremos el valor que contiene la propiedad Text y  pondremos "Ingresa tu nombre"
y agregaremos entre cada control dos
.




Ahora escogeremos la vista Spllit ( Dividida ) y daremos doble Click en el boton. Agregaremos el siguiente codigo:

  

LblDisplay.Text = "Hola " + TxtNombre.Text + " Bienvenido!!"; //Aqui concatenamos el valor del TexBox con el texto que querramos
TxtNombre.Visible = false; //Ocultamos el TextBox
 BtnAccion.Visible = false; //Ocultamos el Boton


 Ejecutamos la pagina presionando F5 y listo tenemos nuestro "Hola Mundo" en ASP.NET Y C#.

Les dejo el ejemplo para su descarga:

WebSite1.zip

1 comentario:

Google