Ing. Eddier A. Flores Idrugo

CREANDO UNA APLICACIÓN WEB 011. Cargar a visual Studio 2010 como administrador.

Seleccionar el Menú “File”, “New Web Site”

2. Luego seleccionar el Lenguaje Visual Basic, así como el Net Framework

3.5 ó Framework 4.0 aquí pueden cambiar con cuál de ellos trabajar.

Seleccionamos ASP.NET Web Site, en la parte de Web Location:

seleccionamos HTTP. En la dirección de la aplicación Web colocaremos

lo siguiente: http://localhost/nombre_sitio_web/

En nuestro caso: http://localhost/MiaplicacionWeb/Clic en el botón OK.

Ing. Eddier A. Flores Idrugo

Se tendrá la Pantalla siguiente.

3. En la parte derecha de Visual Studio se encuentra el explorador de

Soluciones, en él podemos ver

todos los formularios que

insertemos; por defecto se crea uno

denominado Default.aspx.

App_Data: Lugar en el cualpodemos agregar algún evento deconectividad y ejecución porcomandos.Default.aspx: Formulario por

defecto.Web Config: Archivo de

configuración

Los controles que tiene Visual Studioestán divididos de la siguiente manera.Standad. Son los controles con loscuales podemos interactuar mediante losusuarios de la aplicación, en él seencuentran: Label (etiquetas), textbox(cajas de textos), buttons (botones), radiobutton, checkbox, etc.

Controles

FormularioDefault.aspx por

defecto

Explorador deSoluciones

Propiedades deObjetos

Ing. Eddier A. Flores Idrugo

Data: Son los controles por intermedio del cual tenemos acceso a recursos

de base de datos, poder conectarnos, mostrar información almacenada.

Validation: Controles de Validación, aquellos que nos permiten validar un

control antes de poder realizar una acción, Por ejemplo: que el control

textbox, no se encuentre vacío al momento de ejecutar una inserción de

datos.

Navigation: Controles de exploración, son aquellos con los que podemos

tener acceso a recursos del disco duro, y algunos controles de ejecución

como el Menú.

Login: Controles de Inicio de Session: Estos controles están destinados a

la validación de un recurso web al momento de la identificación de usuarios.

Ajax extensión: Extensiones Java: Son los controles principales para poder

trabajar con aplicaciones Web y Ajax de forma asíncrona.

4. Una vez creado la aplicación iremos a Toolbox (Cuadro de

herramientas) y en la ficha HTML arrastrar un control Table al formulario

por defecto.

Esto control nos permitirá ubicar mejor a los

diferentes controles que se puedan insertar en

formulario Web.

Ing. Eddier A. Flores Idrugo

5. Quedando de la siguiente manera.

6. Hay que acostumbrarnos a colocar los nombre internos de cada control

que se llamara en la programación por ejemplo:

Los controles Label: lbl_mensaje

Los controles textbox: txt_apellidos, txt_nombres

Los controles button: btn_aceptar

Esto permitirá identificar mucho más rápidamente al control usado en la

programación.

7. Luego seleccionar la última fila y realizar una combinación de celdas,

seleccionamos todas la fila luego clic derecho Modify (Modificar) y luego

Clic en Merge Cells (combinar celdas)

8. Luego insertaremos un control Label al cual en su propiedad Text se

encuentra vacio y en su propiedad ID tiene por valor de: lbl_mensaje

quedando el formulario de la siguiente manera.

Ing. Eddier A. Flores Idrugo

9. Hacer doble clic para programar dentro del botón Aceptar.

La idea es mostrar nuestros apellidos y nombres en el control:

lbl_mensaje.

10.Dentro del código digitaremos los siguiente

Partial Class _DefaultInherits System.Web.UI.Page

Protected Sub btn_aceptar_Click(ByVal sender As Object, ByVal e AsSystem.EventArgs) Handles btn_aceptar.Click

lbl_mensaje.Text = "Hola como estas" + " " + txt_nombres.Text + " " +txt_apellidos.Text

End SubEnd Class

11.Toda la programación tiene que estar dentro de la clase del formulario, si

alguna programación se realiza fuera se tendrá errores de compilación y

la aplicación no se ejecutará.

Partial Class _Default

End Class

12.Luego presionamos F5 para ejecutar la aplicación y se mostrará un

cuadro emergente que nos dice que se modificará el archivo

Web.config le decimos Ok, esto aparece cada vez que una aplicación

se ejecuta por primera vez.

Ing. Eddier A. Flores Idrugo

13.Se mostrará la Aplicación.