Tema: Creación de un Navegador Web en visual.

net
Integrantes: María Massiel Gómez

Edwin Antonio Reyes

Darwing Espinoza Chamorro

Rita Meyling Rojas

Erick José Miranda

Profesor: Ing. Danny Chávez

Fecha: 08/05/2011
Universidad Popular de Nicaragua “UPONIC”

Vamos aprender como hacer un navegador web con Visulal.net es muy sencillo y
rápido lo que vamos a Necesitar es:

Windows XP o Windows Vista

Microsoft Visual Basic versión 2005 o 2008 - (Descarga: www.microsoft.com/express)
en este caso utilizaremos 2005

Los paso a seguir son:

Primero Instala Microsoft Visual Basic (cualquier versión).

Abre el programa se va a inicio, todo los programa Microsoft Visual Basic 2005

Después haz click en "Crear Nuevo Project", en la parte superior del programa.

Lenguaje de Programación Página 1

Universidad Popular de Nicaragua “UPONIC”

Selecciona "Windows Forms Application" en las opciones de Project y nómbralo en la

parte de abajo en este caso lo dejaremos con el nombre por defecto.

Luego de hacer eso, va a aparecer el formulario parecido a una ventana de Windows

Lenguaje de Programación Página 2

Universidad Popular de Nicaragua “UPONIC”

Ve a la parte izquierda donde se encuentran los controles.

Navega en la lista de controles has encontrar "[WebBrowser]"

Arrastra "[WebBrowser]" hacia el formulario y dale forma.

Al colocar este control verás que tiende a acoplarse a la ventana, así que debemos
"desacoplarlo" pulsando en la flecha que tiene arriba a la derecha y que muestra este
menú:

Lenguaje de Programación Página 3

Universidad Popular de Nicaragua “UPONIC”

Le decimos que lo desacople de la ventana y ahora ocupará una zona distinta

pudiéndola cambiar de tamaño:

Ahora le vamos a poner varios controles:

Después ve otra vez hacia los controles y selecciona "[TextBox]".

Arrastra el "[TextBox]" hacia el formulario y dale forma.

Lenguaje de Programación Página 4

Universidad Popular de Nicaragua “UPONIC”

En las propiedades del textBox le ponemos el nombre de Txtdireccion

Después una vez más hacia los controles y selecciona "Button".

Lenguaje de Programación Página 5

Universidad Popular de Nicaragua “UPONIC”

Arrastra el "Button" hacia el formulario y dale forma

Al botón de navegar lo llamaremos btnnavegar nos vamos a Propiedades y el nombre

que deseen que va a tener el botón en este caso le pondré el nombre de Ir.

Debe quedarnos así dependiendo de su diseño:

Lenguaje de Programación Página 6

Universidad Popular de Nicaragua “UPONIC”

Ahora cambiaremos los anclajes para que nos ajuste el control y la dirección al
redimensionar la pantalla con la propiedad anchor. Para el control web quedará:

Para el botón pondremos arriba y derecha y el textBox lo mismo. Si ejecutamos

ahora el programa y movemos la ventana los controles se redimensionarán de
forma automática:

Ahora vamos a escribir el código necesario para que nuestro navegador vaya a
la página que escribamos en el cuadro de texto.
El control de navegación tiene un método que acepta una dirección URL y la
muestra en pantalla. Escribiremos en el cuadro de texto así que tendremos que
leer la propiedad Text de ese cuadro de texto, por tanto el código necesario
será esto:

Lenguaje de Programación Página 7

Universidad Popular de Nicaragua “UPONIC”

Código:
WebBrowser1.navigate (txt_direccion.Text)

¿Dónde tendremos que poner este código? Pues cuando el usuario haga clic en
el botón así que vamos a buscar ese evento del botón. Nos situamos en el
editor pulsando el botón del código o pulsando con el botón derecho en el
formulario:

Una vez en el código seleccionamos el botón en la parte superior izquierda:

Lenguaje de Programación Página 8

Universidad Popular de Nicaragua “UPONIC”

Ahora en la parte derecha nos mostrará los eventos a los que puede atender
este control, seleccionamos "click":

Nos va a mostrar el código que se ejecutará al hacer clic en el botón. Esto es el

controlador para el evento clic del objeto botón:

Después de hacer eso, presiona la tecla F5, escribe la dirección de la pagina

web que quieras el "[TextBox]" y has click en el "Button" ir.

Después el navegador te llevara a la pagina web que escribiste en el

"[TextBox]"

Después de hacer esos pasos, ya tendrás tu propio Navegador Web hecho.

Importante

Usando Microsoft Visual Basic puedes hacer todo tipo de Aplicaciones, esta es
solo una de las mas utilizadas.

Si puedes agregar dos "Button" más, puedes hacer controles de "Atrás" y

"Adelante" con el siguiente Código:

El en segundo "Button" de atrás que agregues el código es:

Lenguaje de Programación Página 9

Universidad Popular de Nicaragua “UPONIC”

En el tercer "Button" que de adelante agregues el código es :

Y ya tenemos todo listo, ejecutemos ahora el programa, Escribe una dirección y

pulsa el botón de ir:

Lenguaje de Programación Página 10