UNIDAD I PROGRAMACION VISUAL
14.- PAGINAS EN VISUAL WEB DEVELOPER 2005 C#
El siguiente problema comun con el manejo de programas en visual C# 2005, es el de poder crear, controlar y administrar mas de dos PAGINAS con sus formas apropiadas a la vez.
En este tema se trabaja con dos paginas en tiempo real.
Tambien es recomendable usar la propiedad NAME para todos los componentes que se usen dentro de una forma o ventana.
PROCEDIMIENTO
a) Crear un projecto normal con su default.aspx normal.
b) Ahora se crea una segunda pagina , para esto solo usar la opcion WEB SITE→ADD NEWITEM y seleccionar WEB FORM y aprovechar esta ventana de grabacion para cambiar el nombre de default1.aspx a pagina2.aspx y con lenguaje = c#
Observar tambien que en el ADMINISTRADOR DE PROYECTOS (SOLUTION EXPLORER) aparecen registradas las dos ventanas pagina1.aspx y pagina2.aspx, recordar hacer un save all para grabar la segunda ventana.
c) Solo click en pagina2.aspx en el administrador de proyectos ( o usar la pestana arriba en el compilador que ya debe mostrar las dos formas o ventanas) para tener en la pantalla de diseno la segunda ventana, cargarle con sus propios label's, textbox's y buttons, es decir contruirle su programa, recordar tambien asignarles sus propios NAME'S.
d) El codigo de PAGINA1. Aspx es:
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>VENTANA1 ASPX</title> </head> <body> <form id="form1" runat="server"> <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar> <br /> <br /> <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://LUNARPAGES/pagina2.aspx">PAGINA2</asp:HyperLink><br /> <br /> </form> </body> </html>
Notas:
1.- No se ocupo el EVENTO que va dentro del <script>…</script> porque esta pagina no incluye un programa.
2.- Por supuesto que en las tareas ustedes si tendran que usar el EVENTO porque cada una de las paginas que construyan deberan resolver un problema de programacion y recordar “QUE LO QUE SE PERMITE AL MAESTRO, NO SE PERMITE AL ALUMNO ;) ”
3.- Esta ventana se construyo con solo dos componentes:
3.1- Un calendario (calendar) solo para recordar que existen muchos controles y componentes que no se estudian en el curso y que es recomendable que ustedes traten por su cuenta de estudiarlos y usarlos.
3.2.- Un control hyperlink para hacer el enlace a la seguna pagina, su propiedad navigateurl debera ser cargada con el url de la pagina que se quiere activar, por supuesto que pueden usar este componente para hacer tambien ligas o enlaces a otros sitios de su interes.
4.- En general es recomendable que usen el disenador (pestanita DESIGN abajo) junto con el toolbox y ventana de propiedades para cargar componentes, mejorar la presentacion de la pagina y de los componentes que contengan.
CORRIDA PAGINA1:
El Codigo de PAGINA 2 es:
<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <div> <asp:Image ID="Image1" runat="server" ImageUrl="~/lauro.jpg" Width="113px" Height="98px" /><br /> <br /> <br /> <asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="~/pagina1.aspx">PAGINA1</asp:LinkButton><br /> <br /> <br /> <br /> </div> </form> </body> </html>
NOTAS:
1.- Otra vez no se usa programa o script, eso es la tarea.
2.- Se uso un componente IMAGE para desplegar la imagen y observar con cuidado como se carga su propiedad IMAGEURL.
3.- La imagen jpg deben subirla a su sitio con algun programa de ftp, pueden usar el ftp del explorer ( solo pongan la siguiente direccion en el internetexplorer ftp://LUNARPAGES) y explorer les preguntara el login y paswword, ya dentro de sus sitio, solo arrastrar la imagen desde tu disco duro a tu sitio.
Les recomiendo el ftpexplorer que lo pueden bajar gratis desde www.ftpx.com solo registrarlo para que no se desactive.
4.- El componente de enlace de paginas es ahora LINKBUTTON y la direccion se pone en la propiedad POSTBACKURL, observar que en esta propiedad se puede poner el url completo (ej http://LUNARPAGES etctetc) o la pagina que se quiere.
5.- Recueden que para enlazar paginas pueden usar controles HyperLink o LinkButton, SOLO USAR UNO DE ELLOS EN SUS PROGRAMAS, yo use los dos para ejemplos.
6.- Recordar que si se quiere que PAGINA2.ASPX haga otro proceso u operacion solo agregarle componentes y BUTTON.
Corrida: pagina2
Pero lo importante aqui es recordar que NET FRAMEWORK o TOOLBOX contiene un conjunto muy grande de componentes utiles para la construccion de programas o aplicaciones y que en este curso no se usaran mas que algunos de los mas importantes, el resto de ellos deberan estudiarlos, analizarlos y emplearlos por su cuenta.
TAREAS PROGRAMACION VISUAL WEB DEVELOPER 2005 C#:
1.- Construir la primera PAGINA1.ASPX con tres botones que active cada quien su propia ventana, la segunda pagina calcula el area de un circulo, la tercera pagina convierte libras a kilogramos y la tercera pagina resuelve cualquier funcion o problema del modelo de solucion.
