Ingeniero

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 laimplementació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.

Crear un sitio y una página Web
Aquí crearemos un sitio Web y le agregaremos una nueva página.
Para crear un sitio Web:
1.Abra Visual Studio 2008.
2. En el menú Archivo (File), elija Nuevo (New), luego Sitio Web (Web Site...).

Nos aparece el cuadro de dialogo Nuevo Sitio Web (New Web Site).

Carlos De Gracia

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

3. En Plantillas instaladas de Visual Studio (Visual Studio installed templates),

haga clic en Sitio Web ASP.NET (ASP.NETWeb Site)
Esta plantilla Sitio Web ASP.NET creará varias carpetas y archivos
predeterminadas.
4. En el cuadro Ubicación (Location), seleccione Sistemas de Archivos (File

System) y escriba la dirección donde desea guardar la página del sitio Web.
5. En la lista Lenguaje (Language), seleccione Visual C#, el cual será el lenguaje

predeterminado del sitio Web que crearemos.
6. Haga clic enAceptar (OK).

Se creará una carpeta y una nueva página llamada Default.aspx.

Carlos De Gracia

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

Crear una página ASP.NET
En esta sección no trabajaremos con la página predeterminada Default.aspx, sino
que crearemos una página nueva y trabajaremos en ella.
Para agregar una página al Sitio Web:
1. Cierre la páginaDefault.aspx, haciendo clic derecho sobre la pestaña que

contiene la pagina y escoja la opción Cerrar (Close).
2. Ahora agregará una nueva página a nuestro Sitio Web, haciendo clic derecho

sobre el Sitio Web en el Explorador de Soluciones (Solution Explorer).
3. En Plantillas instaladas de Visual Studio (Visual Studio installed templates),

escoja la opción Web Form.
4. En el cuadroNombre (Name), coloque un nombre para nuestra página.
5. En la lista Lenguajes (Language), seleccione el lenguaje de programación

Visual C#.
6. Desactive la casilla de verificación Colocar el código en un archivo

independiente (Place code in separate file).

Carlos De Gracia

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

7. Haga clic en Agregar (Add).

Agregary programar controles para la implementación de un formulario Web
En esta parte del tutorial agregaremos controles de servidor a la página, entre los
cuales están botones, etiquetas, cuadros de texto, además de que agregaremos código
para controlar el evento Click del control Button.
Para agregar controles a la página:
1. Cambie a la vista Diseño (Design).
2. En el cuadro de herramientaslocalizado en el lateral izquierdo se encuentran los

controles estándar que utilizará: Label, TextBox, DropDownList, RadioButton
y Button.

Carlos De Gracia

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

3. Arrastre estos controles hacia la página para crear la interfaz de nuestro

formulario. Presiones SHIFT+ENTER varias veces para dejar espacio.

4. Alinsertar los botones de acción (RadioButton) en nuestra página, en la

ventana de propiedades seleccione para ambos la propiedad GroupName y le
asigna el mismo nombre. Además le asigna a la propiedad Checked el valor
True para uno de los botones de acción. Esto permitirá escoger solo una de las
opciones que se mostrarán en nuestro formulario.

Carlos De Gracia

Tutorial: Como crear un...