Documentos de Académico
Documentos de Profesional
Documentos de Cultura
UNIDAD 1 - Pasos para Crear Un Sitio Web ASP - Net Con Visual Studio
UNIDAD 1 - Pasos para Crear Un Sitio Web ASP - Net Con Visual Studio
Unidad 1
Conceptos
Lo primero que necesitamos para crear una aplicacin o proyecto web es seleccionar el
entorno del Visual Studio 20xx, en este caso hemos elegido el Visual Studio 2010, no importa
funciona igualito que en cualquiera de las dems versiones anteriores de Visual Studio:
1. Hacemos clic en la opcin de Archivo -> luego en la de Nuevo sitio web.
Inmediatamente aparecer la ventana de dilogo para que podamos elegir o configurar
la versin del Framework que ser compatible con nuestra aplicacin, la ubicacin
dentro del disco donde se almacenar, el lenguaje de programacin a utilizar, etc. En
este caso hemos elegido Visual Basic por ser el lenguaje de mayor afinidad o dominio.
Hacemos click en Ok para crear el nuevo documento en ASP.NET.
1|Pgina
izquierda de la ventana, donde dice Explorador de Solucin y all tendremos que hacer click
derecho sobre el nombre y ruta de nuestra aplicacin web a crear.
presionamos
desde
el
teclado
las
Unidad 1
2|Pgina
Unidad 1
3|Pgina
4|Pgina
Unidad 1
5|Pgina
Si alternamos la vista de Diseo por la de Cdigo podemos ver que la etiqueta (Label) ha sido
agregada al cdigo del programa automticamente generado, cada elemento que sea agregado
en la aplicacin insertar una lnea de cdigo, observamos que la propiedad Text de la etiqueta
ha tomado el valor de Hola Mundo.
el
botn
Aceptar
para
activar
el
modo
depuracin.
Podemos ver que inmediatamente aparece el navegador configurado por defecto con el
resultado de la ejecucin de la pgina:
Unidad 1
6|Pgina
El Visual Studio 2010 al igual que otras versiones instala un servidor web propio que est
escuchando en un puerto desocupado.
6) Luego de cerrar la ventana del navegador debemos detener la depuracin de nuestra
aplicacin para poder modificarla, para esto podemos seleccionar desde el men
Depurar -> Detener Depuracin o presionar desde la barra de botones el cuadradito
azul (luego de esto aparece el Cuadro de herramientas).
Eventos
1. Modificaremos ahora nuestra aplicacin para que muestre la fecha del servidor en una
etiqueta o Label. Cada vez que desde el navegador solicitamos una pgina aspx lo
primero que se ejecuta es el evento Page_Load. Para poder definir un mtodo para
dicho evento hacemos doble clic sobre el WebForm con lo que inmediatamente se abre
el archivo Default.aspx.vb y genera dicho mtodo:
Unidad 1
7|Pgina
2. Luego codificamos dentro del mtodo Page_Load el algoritmo que muestra la fecha
actual del servidor, agregamos la siguiente lnea de codigo:
Unidad 1
8|Pgina
Como resultado vemos en la ventana del navegador que al pulsar el botn Sumar, la etiqueta
Label ha tomado un valor de 1, antes de ejecutarse la aplicacin tena asignado un valor de 0.
Cada vez que se haga click en el botn Sumar, la etiqueta incrementara su valor en 1. Haga
usted la prueba!
Unidad 1
9|Pgina
y desarrollaremos la siguiente
interface:
2. Disponemos de tres Label, dos TextBox y un Button. Las dos primeras Label las
inicializamos con los textos: Ingrese el primer valor, Ingrese el segundo valor y la
tercera Label borramos todo el contenido de la propiedad Text (como podemos ver el
visor del Visual Studio muestra el nombre del objeto encerrado entre corchetes cuando
la propiedad Text est vaca).
3. Inicializamos la propiedad Text del objeto de tipo Button con la etiqueta Sumar.
Luego codificamos el evento click del objeto de la clase Button (en este evento debemos
extraer el contenido de los dos controles de tipo TextBox y proceder a convertirlos a
tipo de dato entero y sumarlos):
Unidad 1
10 | P g i n a
4. La clase Integer tiene un mtodo esttico llamado Parse y que tiene por objetivo recibir
un String y retornar el valor del mismo convertido a entero.
5. Luego de sumar mostramos en el tercer label el resultado de la suma de los dos valores
ingresados.
6. Como resultado final vemos la ejecucin de la aplicacin con los valores introducidos y
su respectiva suma.
Unidad 1
11 | P g i n a
Control RadioButton.
Para probar el funcionamiento del control RadioButton crearemos un nuevo sitio web llamado
pruebaradiobutton.
1. Crearemos una interface similar al problema anterior, con la salvedad que le
agregaremos cuatro controles de tipo RadioButton para poder indicar si queremos
sumar, restar, multiplicar o dividir los valores ingresados:
Unidad 1
12 | P g i n a
Control CheckBox.
Los controles CheckBox permiten que ms de uno est seleccionado. Similar a los controles
RadioButton tiene dos estados (seleccionado o no seleccionado) y esto lo sabemos segn el
estado de la propiedad Checked.
Codificaremos un nuevo sitio web que permita cargar dos valores y luego calcule la suma y/o
resta de los valores ingresados. Como podemos seleccionar ambas operaciones utilizaremos los
controles de tipo CheckBox.
Unidad 1
13 | P g i n a
Utilizamos tres IF a la misma altura ya que los tres CheckBox pueden estar seleccionados.
Previo a los IF borramos el contenido de la Label en el caso que tenga el resultado de
operaciones anteriores.
Unidad 1
14 | P g i n a
Control ListBox.
El control ListBox permite crear una lista de valores.
La propiedad Item permite definir los miembros de la lista (cada item define las propiedades
Text (valor a mostrar), Value (valor a retornar en caso de estar seleccionado), Selected (con un
valor lgico)).
Otra propiedad muy importante del control ListBox es SelectionMode, esta admite dos valores:
Single o Multiple.
Crearemos una aplicacin que permita cargar dos valores y mediante un control ListBox poder
seleccionar si queremos sumar, restar, multiplicar o dividir dichos valores (como podemos
seleccionar varias operaciones en forma simultnea configuraremos la propiedad
SelectionMode del ListBox con el valor Multiple)
Unidad 1
15 | P g i n a
Luego la interfaz visual a crear es la siguiente (insertamos tambin un Label luego del botn
Calcular, con el objetivo de mostrar los resultados):
Cuando se presiona el botn calcular verificamos cul de las opciones est seleccionada y
procedemos a calcular y mostrar los resultados.
Unidad 1
16 | P g i n a
Como podemos ver primero vaciamos el contenido de la Label3 y procedemos mediante cuatro
If a verificar cuales de los elementos del ListBox se encuentran seleccionados:
If Me.ListBox1.Items(0).Selected Then
Si por ejemplo el primer elemento del ListBox se encuentra seleccionado procedemos a sumar
los dos valores almacenados en los TextBox y los agregamos a la Label:
Dim suma As Integer = x1 + x2
Me.Label3.Text &= "La suma es:" & suma & "<br />"
Control DropDownList
El control DropDownList permite crear una lista de valores y luego seleccionar solo uno de
ellos, esta es la diferencia fundamental con el control ListBox.
Para probar este control implementaremos el problema propuesto con el control ListBox, ahora
la interface es la siguiente:
Unidad 1
17 | P g i n a
Cargamos las cuatro operaciones bsicas en el control DropDownList y para el evento clic del
botn tenemos que codificar:
Como solo un elemento del control DropDowList puede estar seleccionado disponemos una
serie de If/Else para verificar cul de ellos es el seleccionado. Cuando identificamos el item
seleccionado procedemos a efectuar el clculo correspondiente y mostrarlo en la etiqueta
Label3.
Unidad 1
18 | P g i n a
Ejercicios propuestos
1 Crear una pgina que solicite el ingreso del nombre, apellido, direccin, telfono e email de
una persona (cada elemento en un TextBox).
A. Usted deber insertar un botn que permita mostrar en una etiqueta o label si algunos
de los datos no fue introducido desde el teclado.
2 Crear una pgina que muestre un examen Mltiple Choice (Deber incluir 4 preguntas y
tres respuestas posibles por preguntas)
A. Identificar y utilice que tipo de controles se deber utilizar para la seleccin de la
respuesta correcta.
B. Deber incluir un botn que permita mostrar la cantidad de respuestas correctas
3 Solicitar el ingreso de un nmero en un Textbox.
A. Verificar con la funcin IsNumeric si se trata de un nmero.
B. En caso que se trate de un nmero deber mostrar la cantidad de dgitos que tiene.
4 En varios RadioButtons agrupados se requiere:
A. Mostrar en las leyendas de cada RadioButton distintos buscadores (Google, Bing, Yahoo
etc.)
B. Cuando se presione un botn redireccionar a dicho servidor (para redireccionar
debemos utilizar la siguiente sintaxis response.redirect(http://www.google.com.do)
5 Crear el siguiente formulario para registrarse en un sitio web
A. Usted deber utilizar controles de la pestaa estndar.
B. En una Label mostrar los datos cargados en cada control.
C. Utilizar la Label al final del formulario.
D. Hacer por lo menos 5 validaciones y mostrar mensajes de errores en una Label.
Unidad 1
19 | P g i n a