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: