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 />
 
&nbsp;&nbsp;<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:

image454.jpg

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 />
 
&nbsp;</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 tusiito.com 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

image455.jpg

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.

Politica de Privacidad