Descarga

Programación Aplicada II
Ing. Héctor Abraham Hernández
Guía #8
Fecha: 7/03/2011
Añadir controles desde la pestaña de Diseño
Objetivo:
Agregar diferentes tipos de controles a nuestra página.
1. Cree un nuevo proyecto ASP – VB y llámelo SegundaWeb .
2. Ubíquese en la pestaña de Diseño.
3. Agregue una control Label que diga “Página Web con ASP”, luego de unas cuatro veces
enter
4. Vaya a la pestaña de código y obtendrá lo siguiente: (prueba para ver como ha quedado)
Recuerde todo el código ASP, está escrito en dentro de un formulario. Ahora modifícalo de tal
forma que quede de la siguiente forma:
5. Volvamos a la pestaña de diseño. Y agrega un Label que diga “Escribe tu Nombre”
6. Luego agrega un TextBox, y posteriormente un Buttom, cámbiale la propiedad Text en la
ventana de propiedades a “Mostrar Nombre”. Presiona Enter dos veces.
7. Ahora agrega otro Label. Y ve a la ventana de código:
En la vista Código fuente, se muestra el código HTML de la página, incluidos los
elementos que Visual Web Developer ha creado para los controles de servidor. Los
controles se declaran utilizando sintaxis de tipo HTML, con la excepción de que las
etiquetas utilizan el prefijo asp: e incluyen el atributo runat="server".
8. Ubíquese en la etiqueta Label1 y luego de la etiqueta asp:Label puedes presionar la barra
espaciadora así como se muestra en la pantalla.
Aparece una lista desplegable que muestra las propiedades que se pueden establecer para un
control Label. Esta característica, denominada IntelliSense, ayuda en la vista Código fuente con la
sintaxis de los controles de servidor, los elementos HTML y otros elementos de la página.
9. Elige ForeColor y luego =, aparecerá los nombres de los colores que puedes usar, elige uno
y enciérralo entre comillas.
10. Ahora vamos agregar instrucciones al buttom, nos movemos en la vista de diseño,
hacemos doble clic sobre el botón para que nos aparezca el esquema de código de fuente,
luego escribimos lo siguiente:
11. Ahora vamos agregar otro control, vamos a la vista de diseño y nos ubicamos en la parte
inferior, nos vamos a las herramientas estándares y elegimos un Calendario, luego
cambiamos el formato haciendo clic en la flecha que se encuentra a la derecha del
calendario.
Elegimos formato automático, seleccionamos simple
o el que más te parezca.
12. Ahora agreguemos en la parte baja de
calendario “Fecha de la cita” y un control TextBox.
13. Programemos el control calendar1 en el
evento SelectionChanged lo siguiente: