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

Vamos aprender como hacer un navegador web con Visulal.net es

muy sencillo y rápido lo que vamos a Necesitar es:
Universidad Popular de Nicaragua “UPONIC”

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.

Selecciona "Windows Forms Application" en las opciones de Project y

Lenguaje de Programación Página 2

Universidad Popular de Nicaragua “UPONIC”

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 3

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 4

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.

En las propiedades del textBox le ponemos el nombre de Txtdireccion

Lenguaje de Programación Página 5

Universidad Popular de Nicaragua “UPONIC”

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

Lenguaje de Programación Página 6

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 7

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 8

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 9

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

Lenguaje de Programación Página 10

Universidad Popular de Nicaragua “UPONIC”

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:

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 11

Universidad Popular de Nicaragua “UPONIC”

Lenguaje de Programación Página 12