Creacién de un navegador Web en este tutorial voy a mostrar como crear un navegador Web usando c#, totalmente funcional, aunque basico, pero suficiente para navegar por Internet. El navegador que vamos crear en este tutorial es el siguiente, como se ver en la imagen, aunque vosotros podéis darle el disefio que mejor o guste. Este tutorial se va a dividir en los siguiente paso — ereaci6n de una barra de navegacién (la tipica barra que todos navegador tiene) — ereaci6n de una barra de estado (mostrando la carga de la pagina y los enlace) —_ inserta c6digo en los control de la barrar de navegacién, Creaci6n de una barra de navegacion vamos a empezar a crear una barra de navegacién tipica, que contendra los siguiente botones. 6 botones yun cuadro de texto, los 6 botones sera los tipico de “Atras’, “siguiente’, “actualizar,’ Stop”” Principa’,’ Ira” PASO 1 emperzemos creando un proyecto nuevo de aplicacién windows forms.el nombre de proyecto puede ser cualquier nombre que se ocurra, en este tutorial yo le es dado el nombre de navegadorWeb. con el proyecto ya creado, arrastra el control tooStrip a formulario. FlowLeyoutPanel | GroupBox 1 Panel 1] Spitcontainer TabControl Ga TebieLayoutPane! © Mens y barras de herramientas De Puntere 3 ConteeMenustrip & Menustrip La Stotusst ToolstripContai PASO 2 afiadiendo botones ala barra TooStrip que vemos creado el primer botén que vamos a crear el de “Anterior” la funcién de este boton cuando se pulse hard carga la pagina anterior en la sesi6n de navegacién. Para agregarle un bot6n pulsamos y seleccionamos “Button” con esto se abra agregado un bot6n aa barra de tooStrip, iron ProgressBarAhora le vamos a cambiar la imagen de botén seleccionamos el botén recién creado, y hacemos click con el botén derecho del ratén y no saldré un mend seleccionamos “Establecer imagen." y buscamos la imagen que queremos ponerle a botén en este tutorial le es puesto esta imagen a bot6n de “Anterior’. Alignment DisplayStyle Convertir en > Insertar , Seleccionar » Conar Copiar Pegar X Bi & Elirminar Ahora le vamos a cambiar el nombre a bot6n. con el botén seleccionado, en la barra de propiedades buscamos donde poner name y borramos el nombre tooStripButton1 y en su lugar le ponemos el nombre “Anterior” sin la comillas. tootSeripButtont System. Windows.Fon = ee [2 Accel’, Detoul ‘ictal gE 205 Auten AutoTooTip True BeckColor [2] Control Backgroundimag [—] (ningune) Backgroundimag Tile Siguiendo con el paso anterior, afiadir un segundo botén, afiadirle una imagen, y ponerle el nombre a botén “Siguiente” > afadir un tercer botén, afadirle una imagen, y cambiarle el nombre de botén por “Actualizar’ £3 afiadir un cuartos botén, aiadirle una imagen, y cambiarle el nombre de bot6n a “Stop"E2 afiadir un quinto botén, aftadirle una imagen, y ponerle el nombre a bot6n “principa’@> afiadir un sexto bot6n, aftadirle una imagen, y cambiarle el nombre por “IR A” |= | y por ultimo afiadir un cuadro de texto, y cambiale el nombre por “URL” una vez terminado de afiadirle los botones el aspecto de nuestra barra deber de queda como se vez en la imagen Brom eovas SaasPASO 3 Creaci6n de un contenedor para mostrar la pagina Web el siguiente paso el crear el contenedor donde se mostrara la pagina para ello vamos a usar el control WebBrowser, Este control realmente el un navegador web que podemos integra en nuestro formulario, Enla barra de herramienta buscamos el control WebBrowser y los arrastramos a formulario veremos el control agregado en el formulario cubriendo todos el formulario de color blanco. No tenemos que hacer nada mas [Cusdtodeherramientas SX) om Sele 22 NumericUpDown eae = i Il PictureBox © RadioButton 25 RichTextBox TextBox be a Toottip = Treeview PASO 4 Afiadiendo evento a los botones de la barra de navegacién de TooStrip ahora vamos a ir aitadiendo cédigo a los botones de la barra de navegacién, selecciona el primer botén llamado “Anterior” @ y darle dos click seguido, con esto se abrir4 el editor de cédigo con el eventos de botén. afiadir el siguiente cédigo dentro de evento los que esta de color rojo. private void Anterior Click(object sender, EventArgs e) iL webBrowserl.GoBack(); J el cédigo que vemos agregado en el bot6n Anterior, los que hacer el mostrar la pagina anterior en el control WebBrowser1. llamando a la funcién de control encargada de mostrar y carga la pagina anterior en una sesién de navegacién por Internet. Ahora entramos en modo disefio y seleccionamos, el segundo botén llamado "Siguiente" €> y darle dos click seguido, con esto se te abriré el editor de cédigo con el evento creado. afiadir el siguiente cédigo dentro de evento, el cédigo a afiadir esta de color rojo, private void Siguiente_Click(object sender, EventArgs e) { webBrowserl,GoForward(); } el cédigo que vemos agregado a evento de botdn. los que hacer es que cuando se pulse sobre el botén cargarfa la pagina Siguiente dentro de una sesi6n de navegacion por Internet. ya que cuando navegamos la pagina visitada se va guardado en la cache de navegador. Volvamos de nuevo a modo disefio y seleccionamos, el 3 botén llamado “Actualizar” S y darle 2 click seguido, se te abriré editor de cédigo con el eventos creado de bot6n.. afiadir el siguiente cédigo dentro del eventos el cédigo. private void Actualizar_Click(object sender, EventArgs e) it webBrowserl Refresh(): } el cédigo que vemos agregado a evento de botén. los que hacer el recarga de nuevo la pagina que tenga abierta, la pagina que esta viendo en eso momento .volvamos de nuevo a moda disefio y selecciona, el cuarto botén llamado “Stop” Ey darle dos click seguido se te abrira el editor de cédigo de evento de bot6n, y aiiadirle el siguiente cédigo dentro de evento el codigo a aitadir esta en rojo. private void Stop Click(object sender, EventArgs e) € webBrowserl.Stop(); } el cédigo que vemos agregado a eventos de botén, los que hacer el aborta la carga de la pagina que estemos cargando en eso momento, Volvamos a modo disefio y seleccionamos el quinto botén llamado "prineipa’(® y darle dos click seguido a botén, y se te abrird el editor de cédigo con el evento creado de botén. afiadir el siguiente cédigo dentro de evento recién creado. el cédigo a afiadir esta en rojo. private void Principa Click(object sender, EventArgs e) { webBrowser1.GoHome(); } el cédigo que vemos acabado de agrega a evento de bot6n, los que hacer el carga la pagina de i tenga configurado en Internet explores. jo que Volvamos a modo diseito y seleccionamos el botén llamado “IRA” |mp y darle 2 click seguido y se te abrira el editor de cédigo con el evento creado. afadir el siguiente cédigo dentro de evento el cédigo a afiadir esta en rojo. private void IR_A_Click(object sender, EventArgs e) iC webBrowserl Navigate(URL. Text); Mt el cédigo que acabamos de agrega a evento de botdn. los que hacer que cuando se teclear la direccién de una pagina web, en el cuadro de texto ,cargue la pagina web en el control WebBrowserl. ahora si compilamos el proyecto y tecleamos una direccién web en el cuadro de texto, y le damos a bot6n|a| se cargara la pagina, ya tenemos creado un navegador web, prueba a navegar por Internet con tu nuevo navegador. Enun posterior articulo le afiadiremos mas caracteristica a navegador como una barra de estado con informacién de la carga de la pagina y los enlace . Mas que nada para no hacer este articulo demasiado largo.