Este documento describe una práctica de introducción a ASP.NET. Explica la estructura de directorios típica de ASP.NET, incluyendo directorios como App_Code y App_Data. También describe el entorno de desarrollo integrado de ASP.NET, con pestañas para archivos, una ventana de propiedades y una ventana de herramientas de controles. A continuación, detalla los pasos para crear un sitio web ASP.NET básico, incluyendo la adición de un formulario, controles y la ejecución del sitio en un n

1. Universidad Gerardo Barrios
Facultad de Ciencia y Tecnología
Fecha:
03/11/2016
Practica 9: Introducción ASP.NET
Programación Computacional I
Objetivos:
 Conocer el entorno del IDE de ASP.NET
 Crear sitio web con ASP.NET
Desarrollo Teórico.
INTRODUCCION ASP.NET
ASP.NET es un modelo de desarrollo Web unificado que incluye los servicios necesarios
para crear aplicaciones Web empresariales con el código mínimo. ASP.NET forma parte
de .NET Framework y al codificar las aplicaciones
ASP.NET tiene acceso a las clases en .NET Framework. El código de las aplicaciones
puede escribirse en cualquier lenguaje compatible con el CommonLanguageRuntime
(CLR), entre ellos Microsoft Visual Basic y C#. Estos lenguajes permiten desarrollar
aplicaciones ASP.NET que se benefician del CommonLanguageRuntime, seguridad de
tipos, herencia, etc.
ESTRUCTURA DE DIRECTORIOS ASP.NET
En general, la estructura de directorios de ASP.NET puede ser determinada por las
preferencias del desarrollador. A parte de unos pocos nombres de directorios
reservados, el sitio puede expandirse a cualquier número de directorios.
La estructura es típicamente reflejada directamente en las urls.
 App_Browsers
Contiene archivos de definición específicos para navegadores.

2.  App_Code
Es un directorio para códigos. El servidor ASP.NET automáticamente compilará
los archivos (y subdirectorios) en esta carpeta en un ensamblado que es accesible
desde cualquier página del sitio.
 App_Data
Directorio por defecto para las bases de datos, tales como archivos mdb de
Microsoft Access y archivos mdf de Microsoft SQL Server. Este directorio es
usualmente el único con permisos de escritura en la aplicación.
 App_LocalResources
Contiene archivos de recursos localizados para páginas individuales del sitio.
 App_GlobalResources
Contiene archivos resx con recursos localizados disponibles para cada página del
sitio. Este es donde el desarrollador ASP.NET típicamente almacenara mensajes
que serán usados en más de una página.
 App_Themes
Usado para temas alternativos del sitio.
 App_WebReferences
Usado para archivos de descubrimiento y archivos WSDL para referencias a
servicios web para ser consumidos en el sitio.
 Bin
Contiene código compilado (archivos .dll) para controles, componentes, y otro
código que pueda ser referenciado por la aplicación. Cualquier clase
representada por código en la carpeta Bin es automáticamente referenciada en
la aplicación.

3. ENTORNO.
1. Carpeta del sitio web, donde están las carpetas, clases y scripts del sitio.
2. Ventana de propiedades de los elementos.
3. Opción de visualización para los scripts, al seleccionar esta opción, se podrá
observar el código y el diseño al mismo tiempo.
4. Muestra el diseño de la página que se está creando.
5. Edición de scripts.
6. Pestañas de los archivos en uso.
7. Ventana donde se encuentran todos los controles que se pueden utilizar para
crear una página.

4. Desarrollo Práctico.
CREACION DE SITIO WEB.
1. Para crear un nuevo proyecto, clic en la opción Archivo -> Nuevo -> Sitio Web
2. Mostrará la siguiente ventana en la cual debe seleccionar, el lenguaje con el
cual trabajará, para el caso Visual Basic y seleccionar Sitio Web Vacio de
ASP.NET, clic en aceptar
Crea la estructura que se muestra en la figura anterior.

5. 3. Agregar un nuevo formulario web.
4. En la opción de visualización seleccionar dividir.

6. 5. Agregue los controles de texto, label y botón como se muestra en la figura.
Nota: Puede agregarlos arrastrando los controles desde la ventana de
herramientas o escribiendo el código para cada uno de ellos.
Al ejecutar en el navegador se muestra de la siguiente manera.