navigateur web - formation

1. Mes premiers pas sur le web
Utilisationdu navigateur
@telier 1

2. Utilisation d’un navigateur
• Naviguer sur une page web
• Écrire l’adresse d’un site
• Les onglets
• Ajouter un site à ses favoris
• Nettoyer son historique
• Choisir sa page d’accueil
• La publicité, la sécurité
@telier 2

3. UTILISATION D’UN NAVIGATEUR
• Lancer un navigateur
• Double cliquez sur l’icône du navigateur que vous souhaitez
utiliser. Celui-ci se trouve sur le « Bureau » - page d’accueil de
votre ordinateur.
Firefox Internet Explorer Safari Chrome
3@telier

4. Le navigateur
Un navigateur est un logiciel conçu pour
consulter le World Wide Web.
4@telier

5. Nota : avec Windows 8
• Dans Windows 8 Internet Explorer apparaît sous deux
présentations : une application présente dans l’écran
d’accueil, et une version un peu différente, accessible en
cliquant sur une icône dans la barre des tâches du Bureau.
• Dans l’écran d’accueil, cliquez sur l’icône de l’application
Internet Explorer.
@telier 5

6. @telier 6

7. Dans l’écran d’accueil, cliquez sur l’icône de
l’application Internet Explorer.
@telier 7

8. Internet Explorer via l’accueil W 8
@telier 8

9. • Ce navigateur est adapté aux version tablette de
Windows 8.
• Son interface diffère des navigateurs utilisés via le
« bureau » de W 8.
• Dans un premier temps, nous allons travailler avec
Internet Explorer version standard.
___________________________________
• Plus d’infos sur la nouvelle interface, cliquez sur les liens ci-
dessous.
@telier 9
http://www.monpc-pro.fr/tuto/windows-8-1-internet-explorer
http://windows.microsoft.com/fr-fr/windows-8/browse-web-internet-explorer-
tutorial

10. Ouvrir le
navigateur
@telier 10
De votre accueil « Bureau »
double clic gauche sur l’icone du
navigateur

11. Vous ouvrez votre page de
démarrage de votre navigateur
@telier 11

12. Ouverture d’un onglet
@telier 12

13. La barre d’adresse
@telier 13
La barre d'adresses est le point de départ de la navigation sur le Web.
Cette barre fait office à la fois de barre d'adresses et de zone de recherche, elle
permet de naviguer, d'effectuer des recherches ou d'afficher des suggestions au
même endroit.

14. L’adresse d’un site
• L’adresse d’une page Internet, aussi nommée URL,
est composée de plusieurs éléments :
- Le premier indique le protocole utilisé dans la
conversation qui va s’instaurer entre le demandeur et
le serveur : le plus fréquent étant http://
- Le second indique le nom de domaine à interroger et
son éventuel préfixe : http://www.charliehebdo.fr/
- Une URL (Uniform Resource Locator) est un format
de nommage universel pour désigner une ressource
sur Internet.
@telier 14

15. Des adresses uniques
• Chaque page Web, sur Internet, a sa propre
adresse et deux documents ne peuvent pas
avoir la même adresse.
• De cette façon, n'importe quel ordinateur au
monde peut trouver n'importe quel document
rapidement.
@telier 15

16. Ecrire l’adresse d’un site
@telier 16

17. L’adresse d’un site
@telier 17

18. • Exemple, dans la barre d’adresse écrivez :
@telier 18

19. Passez d’une page à l’autre
@telier 19

20. Utiliser les liens hypertextes
sur une page web
• Le lien est ce qui permet d’aller d’une page Web vers une
autre page.
• Il est activé d'un simple clic sur l'objet graphique ou la partie
de texte désignée comme un lien (en règle générale, le curseur se
transforme en petite main lorsqu’il passe sur un lien).
• Lorsque l’on clique sur le lien, une autre page s’affiche à
l’écran.
20@telier

21. La navigation
• Vous venez, en appuyant sur le clic de la souris, de changer de
page. Vous avez utilisé la fonctionnalité servant à « naviguer »
dans le web.
• Pour reconnaître un lien, c'est facile, le pointeur de la souris
se transforme en main .
Le lien c’est ce qui permet d’aller d’une page Web vers une autre page.
Il est activé d'un simple clic sur l'objet graphique ou la partie de texte désignée
comme un lien (en règle générale, le curseur se transforme en petite main lorsqu’il passe sur un lien).
Lorsque l’on clique sur le lien, une autre page s’affiche à l’écran.
21@telier

22. Suivez les liens
@telier 22

23. Un lien peut se cacher sous plusieurs formes
• Du texte : On le reconnait car il est d'une couleur différente,
généralement souligné et bleu, mais de plus en plus souvent,
d'autres couleurs sont utilisées (cliquez sur le texte souligné
pour tester).
• Une image : en passant la souris sur l'image, le curseur se
transforme en main. On sait alors que l'on peut cliquer dessus
pour aller à un autre endroit. Souvent l'image est entourée
d'un cadre bleu, mais ce n'est pas obligatoire (cliquez sur
l'image pour tester).
23@telier

24. Exercice
• Écrire l’adresse du journal libération :
• liberation.fr
• Voyez le résultat
@telier 24

25. Explication
• Une URL est une adresse de site web
• L’adresse internet complète est
http://www.liberation.fr, c’est la « porte
d'entrée » du site du journal Libération.
• Les navigateurs actuels nous facilitent la vie, il
suffit d’écrire les éléments essentiels de
l’adresse URL, ils ajoutent le reste.
@telier 25

26. Ne pas faire de fautes d’écriture
@telier 26
Si vous écrivez l’adresse avec un accent, un espace, vous ne pourrez accéder au
site

27. • En principe ,pour indiquer au navigateur que l’on visite une
page web, l’adresse à saisir dans la barre d’adresse commence
souvent par les lettres : « WWW »
Vous devez ensuite taper le « nom de domaine ».
• C’est le nom que le propriétaire a souhaité donner à son site.
• Exemple : « mediatheque.lorient »
• Vous devez enfin saisir l’extension
• Il s’agit d’un préfixe. Il en existe plusieurs :
• .fr = France .it = Italie .us = USA
• .com : organisation à but commercial
• .org = organisation à but non commercial
• .gouv.fr = informations publiques
27@telier

28. HTTP
• Ce qui donne au final :
• http:// www. mediatheque.lorient.fr
Le HyperText Transfer Protocol, HTTP, « protocole de
transfert hypertexte », est un protocole de communication
client-serveur développé pour le World Wide Web
• Souvenez-vous bien qu’il ne doit y avoir aucun espace, aucun
accent et aucun signe de ponctuation autre que le tiret ou le
trait de soulignement.
28@telier

29. Les sites sont identifiés par des noms
• Chaque ordinateur directement connecté à internet possède
au moins une adresse IP propre.
• Cependant, il n’est pas très pratique de travailler avec des
adresses numériques du genre 194.153.205.26, d’où l’usage
du système des noms de domaine, des adresses plus explicites
du type « www.commentcamarche.net. » Ainsi, il est possible
d'associer des noms en langage courant aux adresses
numériques grâce à un système appelé DNS (Domain Name
System).
29@telier

30. La page d’accueil
d’Internet Explorer
@telier 30
Pour la grande majorité des navigateurs, l'interface utilisateur est
composée d'une zone d'affichage gérée sous forme d'onglets, d'une
barre de menus déroulants, d'une barre d'outils et d'une barre d'état.

31. Utiliser les icônes « suivant », « précédent »
• Pour revenir aux pages précédentes, cliquez sur le bouton «
précédent » (ou sur la petite flèche s’orientant vers la
gauche), ceci autant de fois qu’il y a de pages précédentes.
• Si vous voulez revenir à la page suivante cliquez sur la petite
flèche qui s’oriente vers la droite
31@telier

32. La barre des menus
La barre des menus vous donne accès à
l’ensemble des fonctionnalités du
navigateur
32@telier

33. A l’installation d’un nouveau navigateur,
la barre de menus disparait
Faire apparaitre la barre de menus
@telier 33
Mozilla Firefox
Internet Explorer

34. @telier 34

35. Navigation par onglets
• Avec les navigateurs anciens chaque fois que vous
souhaitiez surfer simultanément sur plusieurs sites
Internet, il fallait ouvrir une nouvelle. L’inconvénient
était de voir se multiplier les fenêtres ouvertes et les
boutons dans la barre des tâches, au risque de ne
pouvoir s’y retrouver.
• En pratique, lorsque vous consultez plusieurs sites
Internet, une seule fenêtre du navigateur est ouverte
et vous passez aisément d’un site à l’autre grâce aux
onglets.
@telier 35

36. Navigation par onglet
@telier 36

37. Navigation par
onglets
@telier 37

38. Les favoris ou marque-pages
• Les navigateurs utilisent une fonctionnalité appelée
Favoris (ou « Marque pages » ou « Signets » ) pour
faciliter votre accès aux sites que vous visitez
fréquemment.
• Vous n’avez plus à vous souvenir des adresses ni à
saisir quoi que ce soit. Il vous suffit de cliquer deux
fois, et le tour est joué.
38@telier

39. Les favoris ou marque-pages
• Pour ajouter une page web à vos favoris :
Accédez à la page Web que vous voulez ajouter à vos
Favoris
Dans le menu Favoris, cliquez sur Ajouter aux favoris.
Dans la boîte de dialogue Ajout de Favoris, tapez un
nouveau nom pour la page si vous le souhaitez, et
cliquez sur OK.
Ou …. Utilisez l’option graphique du navigateur
39@telier

40. @telier 40
Internet Explorer
Mozilla Firefox

41. Marque-pages
de Firefox
Favoris d’Internet
Explorer
41@telier

42. @telier 42
Consultez le site marmiton.org par exemple.
Cliquez sur le symbole des marque-pages (avec une
étoile).
Cliquez sur « marquer cette page / ajouter aux favoris »
Cliquez sur « terminer »
Votre site se rajoute alors à votre liste de sites préférés.
Pour revenir dessus :
Cliquez sur le symbole des marque-pages (avec une
étoile).
Cliquez sur le nom du site.
C'est tout.

43. Pour accéder à une page web de
votre liste des Favoris.
Dans le menu Favoris, cliquez sur
le lien vers la page Web que vous
voulez visiter. ( ou sur )
Si vous avez déjà organisé les
pages Web en dossiers, dans le
menu Favoris, pointez d'abord sur
le dossier de la page que vous
voulez visiter, puis cliquez sur le
lien pour accéder à la page.
43@telier

44. Nettoyer son historique de navigation
• Lorsqu'on navigue sur Internet, on laisse des traces.
L'ordinateur mémorise tous les sites visités. Leur liste apparaît
dans un « historique ».
• Heureusement, l'historique des sites visités est effaçable.
• Pour ne pas laisser de traces, vous pouvez naviguer en mode
privée, sans laisser d'empreinte.
• Attention car l'historique de navigation est un bon moyen de
retrouver les sites oubliés.
@telier 44

45. La navigation « privée »
• Internet Explorer propose un mode navigation privée qui ne
laisse aucune empreinte dans l'historique. Pour l'activer,
cliquez en haut à droite de l'écran sur Sécurité, puis sur
Navigation InPrivate. Une fois terminé, fermez simplement le
navigateur inPrivate.
• Utilisez la navigation privée avec modération. Quand elle est
activée, l'historique des sites visités reste vide. Or cet
historique est utile.
@telier 45

46. Avec Internet Explorer
• Ouvrez votre navigateur. En haut à droite,
cliquez sur Outils.
• Une liste s'affiche. Tout en bas de la liste,
cliquez sur Options Internet.
• Une boite s'affiche. Au milieu, on trouve un
bouton Supprimer. Cliquez dessus, puis cliquez
une deuxième fois sur Supprimer. Patientez
puis cliquez sur OK.
@telier 46

47. @telier 47

48. Avec Firefox
@telier 48

49. Avec Chrome
@telier 49

50. La page de démarrage
• Lorsque vous démarrez votre navigateur, celui-
ci s’ouvre sur sa page d’accueil.
– Cliquez sur l’image « Maison » pour réactiver votre page de
démarrage
@telier 50

51. Navigation par onglets : paramétrages
@telier 51

52. Paramétrer sa page de démarrage
• La page de démarrage est la page sur laquelle se lance votre
navigateur ou lors du Clic sur la barre d’outils.
• S’il existe un site que vous visitez chaque fois que vous allez
sur Internet, vous pouvez le définir comme votre page de
démarrage.
• Ainsi, il apparaîtra chaque fois que vous démarrerez votre
navigateur ou que vous cliquerez sur l’icône équivalent à la
petite maison.
52@telier

53. Pour modifier votre page de démarrage
• Allez à la page Web que vous voulez utiliser comme page de
démarrage
• Dans le menu Outils d’Internet Explorer (ou l’équivalent pour un
autre navigateur), cliquez sur Options Internet
• Dans la boîte de dialogue Options Internet, dans l’onglet Général,
cliquez sur le bouton Page actuelle.
Cliquez sur
OK.
Lorsque vous êtes sur le Web, cliquez sur le bouton Démarrage .
Le navigateur vous conduit directement à votre page d’accueil.
53@telier

54. Internet Explorer
@telier 54

55. Mozilla Firefox
@telier 55

56. Enregistrer une image
@telier 56

57. Imprimer une page web sous Internet Explorer
• Dans le menu Fichier
• vous pouvez tout d’abord
effectuer un Aperçu avant
impression afin de vérifier si
le contenu de la page est
intact.
• Cliquez ensuite sur le
bouton Imprimer.
57@telier

58. Imprimer une page web sous
Mozilla firefox
@telier 58

59. Un autre navigateur :
Google Chrome
@telier 59

60. Aller sur une page Internet
• Pour vous rendre sur une page Internet, Google Chrome
fonctionne comme un navigateur normal.
• Cliquez dans la barre d'adresse, écrivez l'URL du site Internet
puis appuyez sur la touche Entrée du clavier.
@telier 60

61. • Les onglets : Chrome a mis en place un système
d'onglets pour faciliter votre navigation.
@telier 61
Pour ouvrir un nouvel onglet : cliquez sur le bouton
Pour fermer un onglet, cliquez sur
la croix située à droite de chacun des onglets X
Pour rouvrir un onglet que vous venez de
fermer, faites un clic droit sur la barre des onglets et cliquez sur Rouvrir l'onglet
fermé

62. http://www.mediatheques.pays-romans.org/espaces/tuto/14_j-
utilise-google-chrome.htm
@telier 62

63. L’utilisation du navigateur Chrome
au quotidien
• Faire une recherche sur Internet
Pour faire une recherche sur Internet, nous nous
rendons sur des sites Internet appelés Moteur de
recherche, Google étant le principal.
La barre d'adresse peut être utilisé à son tour comme
barre de recherche.
Dans cette barre, indiquez les mots clés à utiliser pour
la recherche et tapez sur la touche « Entrée » du
clavier.
@telier 63

64. Réglages de
personnalisation
Pour accéder à la
fenêtre de réglages
des options, cliquez
sur l'icône dans la
partie supérieure
droite de l'écran.
@telier 64

65. @telier 65

66. La publicité omniprésente sur le web
66@telier

67. Les cookies
• Un cookie est une information déposée sur votre disque dur
par le serveur du site que vous visitez.
• Il contient plusieurs données :
• le nom du serveur qui l'a déposée ;
• un identifiant sous forme de numéro unique
• éventuellement une date d'expiration…
• Ces informations sont parfois stockées sur votre ordinateur
dans un simple fichier texte auquel un serveur accède pour
lire et enregistrer des informations.
@telier 67

68. Tout savoir sur les cookies !
@telier 68
http://vimeo.com/82084441

69. @telier 69
http://windows.microsoft.com/fr-fr/internet-explorer/delete-manage-cookies#ie=ie-11

70. Supprimer les cookies
@telier 70
Lorsque vous purgez votre historique, vous
pouvez nettoyer les cookies accrochés à votre
navigateur

71. Bloquer la publicité
• Avec Chrome
@telier 71

72. Bloquer la publicité
• Avec
Firefox
@telier 72
Modules complémentaires
« Catalogue »

73. @telier 73

74. Pour internet Explorer
@telier 74

75. @telier 75

76. Avant tout
• Utilisez des programmes officiels obtenus légalement
• De nombreux logiciels que l’on peut obtenir illégalement sont
truffés de failles de sécurité pour nuire à l’utilisateur.
• Mettez régulièrement à jour votre ordinateur :
de nombreuses failles de sécurité sont découvertes chaque jour.
Afin de les combler, les mises à jours sont essentielles pour vos
programmes et votre ordinateur.
@telier 76

77. La sécurité passive et active
• Pare feu : Sélectionne les flux d’informations qui entrent et
qui sortent de votre ordinateur - Neutralise les tentatives
d’accès non autorisé.
• Anti Espion : détecte et élimine les logiciels espions.
• Antivirus : Analyse les fichiers et les différentes mémoires
de votre ordinateur.
• Empêche l’intrusion des logiciels malveillants.
• Eradique les menaces déjà présentes sur votre ordinateur.
@telier 77

78. Antivirus, anti spyware,
antimalware
@telier 78

79. Informez vous
@telier 79

80. Exemples d’outils gratuits
@telier 80
Des conseils : http://windows.microsoft.com/fr-fr/windows-8/how-protect-pc-from-
viruses

81. @telier 81
Exemple de virus qui bloque
votre ordinateur

82. Bref, naviguez couvert et soyez vigilant
@telier 82