Download - Crear Una Aplicacion Web 01
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.