TUTORIAL: CREAR UN FORMULARIO WEB CON ASP.

NET EN VISUAL STUDIO 2008

Este tutorial ofrece una guía para el usuario en la que se muestran las técnicas básicas para crear una nueva página, agregar controles y escribir código necesario para el funcionamiento de nuestro formulario Web. Objetivos: • •
• •

Crear un sitio Web Crear una página ASP.NET Agregar controles para la implementación de un formulario Web Ejecutar las paginas con el Servidor Web

Para completar este tutorial será necesario:  Visual Studio 2008  El entorno .NET Framework

Carlos De Gracia

Tutorial: Como crear un formulario con ASP.NET en Visual Studio 2008.

. 2. . En el menú Archivo (File).Crear un sitio y una página Web Aquí crearemos un sitio Web y le agregaremos una nueva página..). luego Sitio Web (Web Site. elija Nuevo (New). Para crear un sitio Web: 1. Abra Visual Studio 2008. Carlos De Gracia Tutorial: Como crear un formulario con ASP. Nos aparece el cuadro de dialogo Nuevo Sitio Web (New Web Site).NET en Visual Studio 2008.

Haga clic en Aceptar (OK). el cual será el lenguaje predeterminado del sitio Web que crearemos.NET creará varias carpetas y archivos predeterminadas. 6. seleccione Sistemas de Archivos (File System) y escriba la dirección donde desea guardar la página del sitio Web. En la lista Lenguaje (Language). 5. Se creará una carpeta y una nueva página llamada Default.NET (ASP. .3.NET en Visual Studio 2008.NET Web Site) Esta plantilla Sitio Web ASP. haga clic en Sitio Web ASP. En el cuadro Ubicación (Location). 4. seleccione Visual C#.aspx. En Plantillas instaladas de Visual Studio (Visual Studio installed templates). Carlos De Gracia Tutorial: Como crear un formulario con ASP.

Ahora agregará una nueva página a nuestro Sitio Web. sino que crearemos una página nueva y trabajaremos en ella. En la lista Lenguajes (Language). 5. Para agregar una página al Sitio Web: 1. En el cuadro Nombre (Name). 4. haciendo clic derecho sobre la pestaña que contiene la pagina y escoja la opción Cerrar (Close).NET en Visual Studio 2008.aspx. escoja la opción Web Form.NET En esta sección no trabajaremos con la página predeterminada Default. coloque un nombre para nuestra página. 2. Cierre la página Default.Crear una página ASP. 3.aspx. Carlos De Gracia Tutorial: Como crear un formulario con ASP. 6. seleccione el lenguaje de programación Visual C#. En Plantillas instaladas de Visual Studio (Visual Studio installed templates). haciendo clic derecho sobre el Sitio Web en el Explorador de Soluciones (Solution Explorer). . Desactive la casilla de verificación Colocar el código en un archivo independiente (Place code in separate file).

En el cuadro de herramientas localizado en el lateral izquierdo se encuentran los controles estándar que utilizará: Label.7.NET en Visual Studio 2008. DropDownList. Para agregar controles a la página: 1. además de que agregaremos código para controlar el evento Click del control Button. Haga clic en Agregar (Add). 2. cuadros de texto. entre los cuales están botones. etiquetas. TextBox. . RadioButton y Button. Cambie a la vista Diseño (Design). Carlos De Gracia Tutorial: Como crear un formulario con ASP. Agregar y programar controles para la implementación de un formulario Web En esta parte del tutorial agregaremos controles de servidor a la página.

NET en Visual Studio 2008.3. Carlos De Gracia Tutorial: Como crear un formulario con ASP. 4. Esto permitirá escoger solo una de las opciones que se mostrarán en nuestro formulario. Arrastre estos controles hacia la página para crear la interfaz de nuestro formulario. Presiones SHIFT+ENTER varias veces para dejar espacio. . Al insertar los botones de acción (RadioButton) en nuestra página. Además le asigna a la propiedad Checked el valor True para uno de los botones de acción. en la ventana de propiedades seleccione para ambos la propiedad GroupName y le asigna el mismo nombre.

).. hacemos doble clic sobre el control Button. Ahora para el caso de las etiquetas (Label). por lo que pasamos a editar las etiquetas en la ventana de propiedades. En la vista Diseño (Design). Carlos De Gracia Tutorial: Como crear un formulario con ASP.. rellenando con un espacio vacío la propiedad Text de las mismas. como lo muestra la imagen. agregaremos código que permita leer los datos introducidos por el usuario al formulario y luego al presionar el botón se desplegarán esos mismos datos a través de los controles Label. 6. Programar el control Button En esta parte del tutorial.5. .NET en Visual Studio 2008. con solo seleccionar las tareas de listas desplegables (DropDownList Task) escoger la opción Editar Elementos (Edit Items. con lo cual podemos adherir la cantidad de elementos a listar. Visual Studio permite editar los datos a listar de una manera sencilla. Para el caso de las listas desplegables (DropDownList). Agregando el controlador de eventos de botón: 1. necesitamos que solo nos muestren la información requerida al realizar un clic sobre el botón Desplegar datos. Esto nos cambiará automáticamente a la vista Código fuente (Source) y crea un esquema del controlador de eventos para el evento Click del control Button.

else Label3. Observe que ahora en la vista Código fuente el elemento <asp:Button> tiene el atributo onclick=”Button1_Click”. else Label3.Text). } 3.Text = "Su nombre es " + TextBox1.Text == "Soltero/a") Label3.Text.Text = "Usted es Hombre de " + edad + " años". Dentro del controlador de eventos Click para el botón agregue el siguiente código escrito en Visual C#. if (DropDownList1. } else{ Label2.Text = "Su estado civíl es casada".NET en Visual Studio 2008.Text == "Soltero/a") Label3.Checked) { Label2.SelectedItem. Ejecutar la página Carlos De Gracia Tutorial: Como crear un formulario con ASP.SelectedItem. if (RadioButton1.Text = "Su estado civíl es soltera". int edad = 2008 .Text = "Su estado civíl es casado".añonac. Label1.Text + " " + TextBox2.Text = "Su estado civíl es soltero".2. int añonac = int.Text = "Usted es Mujer de " + edad + " años". Este atributo enlaza el evento Click del botón al método controlador codificado. .Parse(TextBox5. if (DropDownList1.

que se ejecuta localmente y no requiere IIS. Rellene el formulario con los datos correspondientes y haga clic en el botón. Aunque la pagina se muestra en el explorador con extensión . pero en nuestro caso utilizaremos para probar la página el servidor de desarrollo de ASP. .NET en Visual Studio 2008.Para ejecutar la página necesitaremos un servidor Web. Con esto aparece un icono en la barra de tareas. se ejecuta como cualquier pagina HTML. 2. Presione CTRL+F5 para ejecutar la página.aspx. Podemos utilizar el Internet Information Server (IIS) como servidor Web. Carlos De Gracia Tutorial: Como crear un formulario con ASP.NET. que indica que el servidor Web está en ejecución. Ahora probaremos nuestra página: 1.

Por ejemplo.NET en Visual Studio 2008. Carlos De Gracia Tutorial: Como crear un formulario con ASP. edad y estado civil del usuario. . sólo se ve HTML ordinario. el control <asp:Button> se representa como elemento HTML <input type="submit">. sexo. 3. no se ven los elementos <asp:> con los que ha trabajado en la vista Código fuente.Los controles Label se encargarán de desplegar el nombre. En el explorador. 4. vea el código fuente de la página que está ejecutando En el código fuente de la página. Cierre el explorador.

Sign up to vote on this title
UsefulNot useful