UNIDAD I PROGRAMACION VISUAL

TEMA 13: PAGINAS EN VISUAL WEB DEVELOPER 2005 Visual Basic

El siguiente problema comun con el manejo de programas en visual Visual Basic 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, ya creada pueden usar el administrador de proyectos (solution explorer) oara renombrarla a pagina1.aspx.

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 default.aspx a pagina2.aspx y con lenguaje = Visual Basic si manda el error de costumbre solo usar la opcion de copia local.

RECORDAR USAR TAMBIEN EL ADMINISTRADOR DE PROYECTOS PARA MARCAR PAGINA1.ASPX COMO SET AS START PAGE (SOLO CLICK DERECHO EN PAGINA1.ASPX) Y DELETE DEFAULT.ASPX SI ES QUE TODAVIA ESTA EN TU SITIO.

SI QUIEREN EVITAR ESTAR VIENDO ESTA VENTANA DE ERROR SOLO FILE CLOSE PROYECT Y LUEGO USAR FILE OPEN WEBSITE Y USAR LA SIGUIeNTE VENTANA:

image501.jpg

YA DENTRO DEL SITIO CARGAR EL ADMINISTRADOR DE PROYECTOS (SOLUTION EXPLORER) Y CLICK EN EL PROGRAMA O PAGINA O DEFAULT .ASPX CON EL QUE QUIERAN TRABAJAR

Observar tambien que en el ADMINISTRADOR DE PROYECTOS (SOLUTION EXPLORER) aparecen registradas (y tambien pueden renombrar) las dos ventanas pagina1.aspx y pagina2.aspx, recordar hacer un save all para grabar la segunda ventana.

Corrida solution explorer:

image502.jpg

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="VB" %>
 
<!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>PRIMERA PAGINA</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://lsoto.dotnet29.hostbasket.com/pagina2.aspx">PAGINA2</asp:HyperLink><br />
 
</form>
 
</body>
 
</html>

Notas:

0.- USAR EL DISEnADOR PARA ARRASTRAR DESDE TOOLBOX LOS CONTROLES APROPIADOS.

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 segunDa 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="VB" %>
 
<!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>SEGUNDA PAGINA</title>
 
</head>
 
<body>
 
<form id="form1" runat="server">
 
<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 />
 
</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://tidominioenLUNARPAGES) 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 tusitio.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 Visual Basic:

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