2D - Gamers
Bienvenu dans la communauté 2D-Gamers!

Vous pouvez vous inscrire pour visiter des endroits pour les membres!
(Script, Tutoriels, etc...)
Vous pouvez parler avec nos membres, est demander plein de chose etc... .
Est si vous jouer a minecraft, vous pouvez venir sur notre server de la communauté!

Bonne Visite!
Administrateur: Vergix

Rejoignez le forum, c’est rapide et facile

2D - Gamers
Bienvenu dans la communauté 2D-Gamers!

Vous pouvez vous inscrire pour visiter des endroits pour les membres!
(Script, Tutoriels, etc...)
Vous pouvez parler avec nos membres, est demander plein de chose etc... .
Est si vous jouer a minecraft, vous pouvez venir sur notre server de la communauté!

Bonne Visite!
Administrateur: Vergix
2D - Gamers
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

Chapitre 1: Une page web

Aller en bas

Tuto Chapitre 1: Une page web

Message par iVarlix Dim 23 Mar - 14:22

Chapitre 1: Une page web



Bonjour, nous allons voir comment créer un navigateur web basique, il faut donc savoir que dans un navigateur web, il y a:

  • Une barre d'adresse
  • Un bouton "actualiser"
  • Un bouton pour revenir en arrière
  • Un bouton pour revenir en avant
  • Un bouton pour revenir a la page d'accueil
  • Un affichage de page web (WebBrowser)


Donc pour commencer, nous allons ouvrir Microsoft Visual Studio 2013, où il faudra créer un projet "Windows Form".

Nous avons deux onglets:

  • Boîtes à outils
  • Sources de données


Nous allons placer deux boutons l'un a coter de l'autre, en haut a gauche.
Vous pouvez redimensionner les boutons et la fenêtre.
Sur le bouton gauche nous allons marquer ceci: "<=", pour dire que l'utilisateur peut revenir une page en arrière.
Et pour celui de droite, nous allons marquer: "=>", pour dire que l'utilisateur peut revenir une page en avant.

Nous allons ajouter deux autre boutons, mais on va les modifiés pour obtenir ceci:
Bouton:


Une fois les boutons ajoutés, cliquez une fois dessus.
Vous aurez en bas à droite les propriétés des boutons.
Cherchez la ligne:
"FlatStyle" et changez le "standard" en "flat".

Voilà les boutons ressemblerons aux boutons précédent.
Mettais un bouton a coter des deux autres, puis marquer ceci: "©", modifier le font pour plus voir le c.
Le deuxième nous allons mettre a droite, puis on va marquer ceci: "⌂".

Une fois les boutons mis, nous allons ajouter un textbox, entre les boutons.
Puis ajouter le "WebBrowser" dans la form.

Maintenant, coter design, fini, passons aux codes!
Cliquer deux fois sur le bouton "<=", un comme celui-ci, s'afficheras:

Code:


Donc, on voudrais, que le bouton retourne en arrière si il y a une page précédent.
Donc pour coder avec le webbrowser, nous allons marquer ceci:
"WebBrowser1.", une liste d'objets s'affiche, recherche ou marquer ceci:

Code:


Ensuite, retourner a la form, et double cliquer sur le bouton: "=>".
Pour aller a la page d'avant, même chose, sauf que c'est "GoFoward":

Code:


Maintenant pour le bouton: "©", nous allons utiliser le refresh de WebBrowser1.

Code:


Une fois fait, il nous reste le bouton: "⌂", pour aller a la page d'accueil de l'utilisateur, qui utilise dans son navigateur par défaut.

Code:


Maintenant, il nous reste le TextBox1, nous allons double cliquer dessus, mais une fois dans le code en haut vous aurai ceci:
Propriété Code:

Cliquer sur le "Click" puis sélectionner "KeyPress".
Vous aurai ceci:
Code:


Donc, quand on écrit dans le textbox, et on appuie sur "Entrée", la commande s’exécute!
Pour aller dans une page web nous allons utiliser ceci, voici un exemple qui va dans la page google:
Code:


Mais nous voulons l'adresse que l'utilisateur a marquer dans le TextBox1, donc a la place de l'url,
nous allon marquer simplement ceci:
Code:
iVarlix
iVarlix
Admin
Admin

Messages : 22
Date d'inscription : 18/04/2012
Age : 27

Caractéristique du personnage
Participation:
Chapitre 1: Une page web Left_bar_bleue0/500Chapitre 1: Une page web Empty_bar_bleue  (0/500)

https://2d-gamers.forumsrpg.com/

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum