1. Dans le Concepteur de formulaires, sélectionnez le contrôle Panel.

   La fenêtre Propriétés placée dans le coin inférieur droit de l'IDE affiche toutes les propriétés destinées au contrôle Panel nommé Panel1.

2. Dans la fenêtre Propriétés, sélectionnez la propriété Dock, puis cliquez sur la flèche de droite. Une petite fenêtre de sélection de propriétés contenant plusieurs zones s'affiche.

   Conseil :
   La propriété Dock se trouve sous la catégorie Disposition. Vous pouvez trier alphabétiquement les propriétés en cliquant sur le bouton AZ dans la fenêtre Propriétés

3. Cliquez sur la zone supérieure dans la fenêtre de sélection de propriétés pour attribuer à la propriété DockTop. Le contrôle Panel se développe pour occuper le haut du formulaire. la valeur

1. Dans la fenêtre Propriétés, cliquez sur le signe plus (+) à côté de la propriété Size pour la développer.

   Les propriétés Width et Height apparaissent dans la fenêtre Propriétés.

2. Dans la fenêtre Propriétés, vous pouvez remarquer que la propriété Height du contrôle Panel a la valeur 100. Modifiez cette valeur de la propriété et affectez la valeur 50.

3. Dans le Concepteur de formulaires, sélectionnez le contrôle WebBrowser. Dans la fenêtre Propriétés, affectez à sa propriété Dock la valeur Fill en sélectionnant la propriété Dock, en cliquant sur la flèche de droite et en sélectionnant la zone centrale dans la fenêtre de sélection de propriétés.

4. Dans le Concepteur de formulaires, sélectionnez le contrôle Button.

5. Dans la fenêtre Propriétés, sélectionnez la propriété Text du contrôle Button. Dans la colonne de droite, supprimez Button1 et remplacez-le par Go!.

6. Redimensionnez ou déplacez un des contrôles, puis redimensionnez le formulaire à votre guise. Par exemple, vous pouvez augmenter la longueur du contrôle TextBox pour qu'il puisse afficher entièrement une URL valide. L'illustration suivante montre un exemple d'apparence que l'application de navigation Web peut prendre.

   Application de navigation Web.
   

1. Remarque
   Les contrôles TextBox et Button doivent rester au-dessus du Panel. Dans la négative, vous ne pourrez pas les voir lorsque vous exécuterez l'application.

1. Dans le Concepteur de formulaires, double-cliquez sur le contrôle Button.

   Une nouvelle fenêtre appelée l'éditeur de code s'affiche. Elle permet d'ajouter tout le code destiné à votre programme.

2. Dans l'éditeur de code, saisissez les éléments suivants.

   WebBrowser1.Navigate(Textbox1.Text)
   

3. 
   

1. 
   

2. Ce code s'exécute lorsque les utilisateurs cliquent sur le bouton.

   Conseil :
   Lorsque l'éditeur de code s'ouvre, le pointeur est automatiquement placé à l'intérieur de la procédure Button ; vous pouvez alors commencer à taper le code.

1. Dans le menu Démarrer de Windows, cliquez sur Visual Basic 2008 Express.

   L'écran « Bienvenue dans Visual Basic Express » s'affiche. Il s'agit de l'interface de Visual Basic 2008 Express, également connue sous le nom d'environnement de développement intégré ou IDE.

2. 
   

1. 
   

2. Dans le menu Fichier, cliquez sur Nouveau projet.

   La boîte de dialogue Nouveau projet s'ouvre.

1. Sélectionnez Application Windows Forms, puis cliquez sur OK.

   Un nouveau formulaire s'affiche dans l'IDE, et les fichiers nécessaires à votre projet sont ajoutés dans la fenêtre de l'Explorateur de solutions. S'il s'agit du premier projet Application Windows Forms que vous créez, il est nommé « WindowsApplication1 ».

Créer une interface utilisateur.

Il est temps de générer le navigateur Web. Visual Basic Express vous permet de générer l'interface utilisateur (la partie visible avec laquelle l'utilisateur interagit) en ajoutant des contrôles de la Boîte à outils au formulaire.

La Boîte à outils se trouve du côté gauche de Visual Studio et se compose de plusieurs onglets tels que Données, Composants et Tous les Windows Forms. Chaque onglet comprend un jeu d'éléments qui représentent des contrôles ou des composants que vous pouvez ajouter à votre application. Par exemple, l'onglet Tous les Windows Forms possède des entrées nommées TextBox, Button et CheckBox représentant des contrôles que vous pouvez ajouter à votre application en les faisant glisser jusqu'au formulaire.

Pour ajouter des contrôles à votre application

1. Cliquez sur le panneau Boîte à outils.

   La Boîte à outils s'ouvre.

1. Remarque :
   La Boîte à outils est plus facile à utiliser si vous laissez la fenêtre ouverte. Pour ce faire, cliquez sur l'icône Masquer automatiquement qui ressemble à une punaise.

2. Cliquez sur l'onglet Tous les Windows Forms de la Boîte à outils, puis faites glisser le contrôle Panel jusqu'au coin supérieur gauche du formulaire.

   Remarque :
   Si vous ne parvenez pas à trouver le contrôle approprié, cliquez avec le bouton droit sur la Boîte à outils, puis sélectionnez Trier les éléments par ordre alphabétique.

3. Dans le même onglet, faites glisser un contrôle TextBox, puis placez-le au-dessus du contrôle Panel.

   Remarque :
   Vous pouvez également repositionner les contrôles par une opération de glisser-déplacer. Vous pouvez également redimensionner les contrôles en cliquant dessus et en faisant glisser leur bord ou leur coin.

4. À partir du même onglet, faites glisser un contrôle bouton, puis positionnez-le au-dessus du contrôle Panel, à droite du contrôle TextBox.

5. Enfin, dans l'onglet Tous les Windows Forms, sélectionnez un contrôle WebBrowser et placez-le sous le contrôle Panel.

   Remarque :
   Si le contrôle WebBrowser n'entre pas dans le formulaire, vous pouvez le redimensionner en faisant glisser son bord ou son angle.

   Remarque :
   Si la fenêtre de la Boîte à outils est restée ouverte, vous pouvez à présent la fermer pour augmenter votre espace de travail. Pour ce faire, cliquez à nouveau sur l'icône Masquer automatiquement

Vous venez d'ajouter quatre contrôles au formulaire. Les contrôles contiennent du code qui définit l'aspect des contrôles et les tâches qu'ils peuvent effectuer.