Crear un formulario Web Form con Visual Studio .Net

Crear un formulario Web Form con Visual Studio .Net

·         Las nuevas aplicaciones Web ASP.NET crean un formulario Web predeterminado: WebForm1.aspx

·         Crear formularios Web Forms adicionales desde el Explorador de soluciones

·         Actualizar páginas HTML existentes en formularios Web Forms

Aplicaciones Web nuevas

Cuando creamos un nuevo proyecto en Visual Studio .NET, se incluye automáticamente en el proyecto un formulario Web Form predeterminado denominado WebForm1.aspx.

A)     Crear un nuevo proyecto de aplicación Web ASP.NET y un formulario Web Form predeterminado

1. En Visual Studio .NET, en la Página de inicio, hacer clic en Nuevo proyecto.

2. En el cuadro de diálogo Nuevo proyecto, hacer clic en Aplicación Web ASP.NET, escribir el nombre del proyecto en el campo Ubicación y hacer clic en Aceptar.

Visual Studio .NET crea una nueva aplicación Web y un formulario Web Form predeterminado denominado WebForm1.aspx.

Crear formularios Web Forms adicionales

Si estamos expandiendo un proyecto existente, podemos utilizar el Explorador de soluciones para agregar rápidamente formularios Web Forms adicionales.

A)     Agregar formularios Web Forms adicionales a un proyecto de aplicación Web

1. En la ventana del Explorador de soluciones, hacer clic con el botón derecho en el nombre del proyecto, seleccionar Agregar, y hacer clic en Agregar formulario Web Form. Se abrirá el cuadro de diálogo Agregar nuevo elemento - NombreProyecto.

2. En el cuadro de diálogo Agregar nuevo elemento - NombreProyecto, cambiar el nombre del formulario Web Form, y hacer clic en Abrir. Se creará un nuevo formulario  Web Form y se agregará al proyecto.

Actualizar páginas  HTML

Si estamos revisando un sitio Web existente, podemos importar páginas HTML a Visual Studio .NET y actualizar esas páginas a formularios Web Forms.

    A)  Actualizar páginas HTML existentes

1. En el Explorador de soluciones, hacer clic con el botón derecho en el nombre del proyecto, seleccionar Agregar y hacer clic en Agregar elemento existente.

2. En el cuadro de diálogo Agregar elemento existente, navegar hasta la ubicación del archivo HTML, hacer clic en el nombre del archivo y posteriormente en Abrir.

3. Cambiar el nombre del archivo nombreArchivo.htm por nombreArchivo.aspx, y hacer clic en Sí a la pregunta de si estamos seguros de desear cambiar la extensión del archivo.

4. Cuando se nos pregunte si deseamos crear un nuevo archivo de clase, hacer clic en Sí.

Convertir una pagina Html en un Formulario WebForm

Cambiar la extensión .html por la extensión .aspx

Un modo rápido de crear páginas Web ASP.NET es convertir las páginas HTML existentes.

    A)   Ejecutar esta demostración

1. Iniciar Visual Studio .NET.

2. Crear un nuevo Proyecto de aplicación Web ASP.NET y establecer la ubicación en http://localhost/Demos03.

3. Hacer clic en Agregar elemento existente en el menú Archivo.

4. En el cuadro Archivos de tipo del cuadro de diálogo Agregar elemento existente, hacer clic en Todos los archivos (*.*).

5. Seleccionar la página HTMLPage.htm y hacer clic en Abrir. Este archivo se puede encontrar dentro del fichero demos03.zip.

6. Abrir la página HTMLPage.htm y cambiar a la vista HTML.

7. Agregar una cuarta opción al cuadro de lista que contenga Lead Program Manager para mostrar que la ayuda de contexto IntelliSense® está funcionando en el archivo HTML.

El código debería ser parecido el siguiente:

<option>Lead Program Manager</option>

8. Guardar los cambios de la página.

9. En el Explorador de soluciones, hacer clic con el botón derecho en HTMLPage.htm y hacer clic en Cambiar nombre. Cambiar la extensión .htm de la página por .aspx, hacer clic en Sí cuando se nos pregunte si se estamos seguros, y hacer clic en Sí de nuevo cuando se nos pregunte si deseamos crear un nuevo archivo de clase.

10. En la página HTMLPage.aspx, observamos que se ha añadido una directiva @Page a la página.

11. Hacer clic en Mostrar todos los archivos en el Explorador de soluciones para mostrar la página de código subyacente que se ha creado.

12. Hacer clic en Guardar para guardar el proyecto.

13. Hacer clic con el botón derecho sobre HTMLPage.aspx en el Explorador de soluciones, clic en Generar y examinar para generar el proyecto y visualizar la página en el navegador de Visual Studio .NET. Debemos generar el proyecto puesto que Visual Studio .NET necesita compilar la nueva página de código subyacente.

14. Escribir un nombre en el cuadro de texto Nombre, hacer clic en una profesión en la lista Profession y hacer clic en Guardar. Cuando se muestre la página de nuevo, la información en los controles se habrá perdido. Es el comportamiento predeterminado de los formularios

HTML.

15. Hacer clic con el botón derecho en la página y clic en Ver fuente para mostrar el HTML fuente en el cliente. El HTML enviado al cliente es el mismo que el HTML creado en el servidor.

16. Cerrar la vista del código fuente HTML en el navegador.