L’@telier
Espace Culture Multimédia.
Médiathèque de Lorient
Initiation à Internet
Module 1
Internet ‐ Le Web – Le navigateur
@telier – 2009
1

Internet ?
• Internet est un
réseau
international
de communication
qui relie des
réseaux
d’ordinateurs
entre eux.
@telier – 2009 2

1945 : Internet, un projet de science‐fiction.
En 1945 Vannevar Bush universitaire américain anticipe Internet.
Article As We May Think (1945) magazine Atlantic Monthly.
Il décrit un dispositif hypermedia avant la lettre
qu'il appelle Memex (\"memory extander\") et qui
devrait permettre aux chercheurs d'accéder plus
facilement à une documentation scientifique
devenue proliférante.
Il s'agit d'un \"dispositif dans lequel un individu
stocke ses livres, ses archives et ses
communications, et qui est mécanisé pour être
consulté d'une façon rapide et souple.\"
Le support de stockage imaginé était le microfilm.
Un bureau spécialement équipé permettait de
sélectionner et de projeter instantanément les
documents désirés.
@telier – 2009 3

LA GUERRE FROIDE
En 1962, l'US Air Force demande la
•
création d’un réseau de communication
militaire capable de résister à une attaque
nucléaire. Le concept reposait sur un
système décentralisé, permettant aux
communications de passer malgré la
destruction d'une ou plusieurs machines.
• Un réseau sous forme de grande toile
maillées est conçu. IL est prévus que les les
données se déplacent de façon
dynamique, en « cherchant » le chemin le
plus facile, et en « patientant » si toutes
les routes sont encombrées.
• Cette technologie fut appelée « packet
switching ».
@telier – 2009 4

L'ARPANET
• En août 1969, hors de tout objectif
militaire, le réseau expérimental
ARPANET est créé afin de relier
quatre instituts universitaires.
• Ce réseau est aujourd'hui considéré
comme le précurseur.
• La communication entre machines
se faisait sans machine centralisée
intermédiaire. Les protocoles
utilisés étaient basiques.
@telier – 2009 5

Le World Wide Web
Dès 1980, Tim Berners‐Lee, un
•
chercheur au CERN de Genève, met au
point un système de navigation
hypertexte et développe, avec l'aide de
Robert Cailliau, un logiciel baptisé
Enquire permettant de naviguer selon
ce principe.
Fin 1990, Tim Berners‐Lee met au point
•
le protocole HTTP (Hyper Text Tranfer
Protocol), ainsi que le langage HTML
(HyperText Markup Language)
permettant de naviguer à l'aide de liens
hypertextes, à travers les réseaux.
• Le World Wide Web est né.
@telier – 2009 6

Les débuts
• 1993, aux États‐Unis, le gouvernement Clinton donne le coup
d’envoi officiel du programme National Information
Infrastructure.
Le navigateur Mosaic version
1.0 sort et en 1996, le terme
« Internet » est utilisé par le
grand public.
Le Web était bien plus qu’une
« autoroute de l’information », il
avait la capacité de donner
accès à des niveaux supérieurs
d’information, classés de
manière intelligente et enrichies
@telier – 2009 7

La toile
Le World Wide Web,
littéralement la « toile
(d’araignée)mondiale »,
communément appelé le
Web, est un système
hypertexte public
fonctionnant sur Internet et
qui permet de consulter, avec
un navigateur, des pages
mises en ligne dans des
sites.
L’image de la toile vient des
hyperliens qui lient les pages
web entre elles.
Le Web n’est qu’une des
applications d’Internet.
@telier – 2009 8

Qu’est ce qu’un site web ?
• Un site Web est un ensemble de pages et autres ressources
du World Wide Web, reliée par des liens hypertextes, ayant
une adresse Web et conçu pour être consulté avec un
navigateur.
Qu’est‐ce que veut dire surfer sur le web ?
• Le Web utilise le navigateur pour afficher les pages web.
• Ces pages contiennent des liens hypertextes qui d’un simple
clic avec le bouton gauche de la souris, vous font surfer d’une
page à une autre.
@telier – 2009 9

Internet et le Web
• Le Web est une des applications d'Internet, comme le sont le
courrier électronique, la messagerie instantanée et les systèmes de
partage de fichiers poste à poste.
• Internet, Intranet, Extranet
• Il importe de distinguer Internet des intranets, les réseaux privés au
sein des entreprises, administrations, etc., et des extranets,
interconnexions d'intranets pouvant emprunter Internet.
@telier – 2009 10

Le courrier électronique
• En 1971, Ray Tomlinson mit au point un nouveau mode de
communication : le courrier électronique.
• Le caractère « @ » servait déjà à séparer le nom de
l'utilisateur du nom de la machine dans les adresses.
Comment taper @ (l'arobase) sur son
clavier ?
•Sur Mac, il suffit d'actionner la touche
située au dessus de la touche de
tabulation.
•Sur PC, enfoncer les touches Alt Gr + à
(sur la seconde rangée du clavier).
@telier – 2009 11

Que peut‐on faire avec Internet ?
• Visiter des sites web pour s'informer, apprendre, se distraire
et faire des achats.
• Echanger des fichiers ou des données avec d’autres
ordinateurs (transfert de fichiers ftp) .
• Echanger des messages (ainsi que des images, du son, de la
vidéo ….) avec des personnes qui sont dans le monde entier,
grâce, entre autres, au courrier électronique.
• Discuter en direct avec d'autres personnes : t’chat,
visioconférence et téléphonie.
@telier – 2009 12

Internet, aujourd’hui
• Les usages de l’internet ont évolué avec l’évolution des
technologies de l’information et de la communication.
• L’ordinateur connecté au web est au cœur d’une offre
multimédia globale.
• Internet permet de chercher de l’information, de partager, de
créer, communiquer, de consommer…la liste des usages est
longue .
• L’ internaute est désormais acteur dans la toile, les échanges
entre communautés, la visiophonie, les blogs, les sites
personnels, les wikis, la consultation, le téléchargement, le
partage de musique, d’images, de textes, de fichiers, de
vidéos.
@telier – 2009 13

@telier – 2009 14

@telier – 2009 15

Les médias et les réseaux sociaux
Le web est un moyen de
De nouveaux usages existent et •
•
reconstituer des groupes
se développent, au travers ce que
relationnels, familiaux ou
l’on appel le web social. Ce n’est
professionnels ( Facebook,
plus un simple outil informatique,
Copains d’avant, Viadeo )
mais un vecteur relationnel.
• Nous sommes tous
potentiellement des acteurs sur
le web, les plateformes le
permettant sont diverses
• ( Wikipedia, Youtube, Myspace,
Flickr, Skyblog…
@telier – 2009 16

Le réseau, comment ça marche ?
• TCP/IP «Transmission Control Protocol/Internet Protocol»
est un système gère l'ensemble des règles de communication
sur internet et se base sur la notion adressage IP, c'est‐à‐dire
le fait de fournir une adresse à chaque machine du réseau
afin de pouvoir acheminer des paquets de données. elle est
conçue pour répondre à un certain nombre de critères parmi
lesquels :
• Le fractionnement des messages en paquets
• L'utilisation d'un système d'adresses ;
• L'acheminement des données sur le réseau (routage)
• Le contrôle des erreurs de transmission de données
@telier – 2009 17

De quoi a‐t‐on besoin pour aller sur Internet ?
• Un ordinateur ‐ Une ligne téléphonique
• Un modem : accessoire qui relie l'ordinateur au réseau
téléphonique et sert à envoyer et recevoir les informations.
• Un navigateur : logiciel servant à accéder aux pages web. Vous avez
le choix entre Internet explorer de Microsoft, Firefox de Mozilla,
Opera, Chrome (et d’autres encore)
• L'accès à Internet : abonnement chez un Fournisseur d'accès via
divers moyens de télécommunication : soit filaire (réseau
téléphonique ‐ bas débit ‐ ADSL ‐ câble coaxial ‐ fibre optique ‐
courant électrique porteur ), soit sans fil (Wifi, Wimax, par satellite,
3G...).
• Un logiciel de messagerie pour le courrier électronique souvent
présent dans votre ordinateur (Outlook express par exemple)
@telier – 2009 18

Le navigateur
• Un navigateur web est un logiciel conçu pour consulter le
World Wide Web. Le terme navigateur web (ou navigateur
Internet) est inspiré de Netscape Navigator.
• Le plus utilisé est Internet Explorer, mais il en existe d’autres,
Google Chrome, AOL Explorer, Opera, Safari, Mozilla Firefox
(celui que je vous recommande – navigateur sécurisé et
facile d’emploi )
• La barre de menus abrite les favoris (ou marques pages), les
commandes des fichiers (ouverture, fermeture), les options
de configuration, etc.
@telier – 2009 19

• 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
•
@telier – 2009 20

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.
@telier – 2009 21

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).
@telier – 2009 22

Le lien hypertexte
• Pour comprendre le fonctionnement
d’internet, cliquer ( clic gauche, une fois ) sur
la souris
@telier – 2009 23

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.
@telier – 2009 24

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.
@telier – 2009 25

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).
@telier – 2009 26

De pages en pages…
• Un bouton :
• Un bouton sur lequel il suffit d'appuyer permet aussi de se
déplacer d'un endroit à un autre (cliquer sur le bouton pour
tester).
• Certains liens permettent d'écrire à une personne sur
Internet. En cliquant dessus, votre logiciel de courrier
électronique s'ouvrira et vous pourrez envoyer un message.
• medlor02@hotmail.fr
• Ce n’est pas plus compliqué que cela de naviguer sur
Internet !
@telier – 2009 27

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
@telier – 2009 28

Internet Explorer 7
Pour la grande majorité des navigateurs, l'interface
utilisateur est composée d'une zone d'affichage
éventuellement 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.
@telier – 2009 29

La page d’accueil
La barre de menus abrite les favoris (ou marques pages), les
commandes des fichiers (ouverture, fermeture), les options
de configuration, etc.
@telier – 2009 30

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
@telier – 2009 31

Saisir et valider une adresse web (adresse URL)
Cliquez à l’intérieur de la barre d’adresse, effacez le contenu si besoin et
•
inscrivez l’adresse du site que vous voulez consulter (ex : www.bnf.fr).
Validez en appuyant sur la touche. « Entrée » ou cliquez sur le bouton
« OK » [ou un bouton similaire.]
•
@telier – 2009 32

La barre des menus
La barre des menus vous donne
accès à l’ensemble des
fonctionnalités du navigateur
@telier – 2009 33

Dans Internet Explorer 7, les
boutons de la barre d’outil sont
peu nombreux. Afin de les révéler
cliquez sur le bouton « Outils »
L’accès aux outils de
réglage du navigateur
@telier – 2009 34

Interface de paramétrage
des boutons de la barre d’outils
@telier – 2009 35

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.
@telier – 2009 36

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.
@telier – 2009 37

Enregistrer des favoris
• 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é.
• 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.
@telier – 2009 38

Marque-pages
de Firefox
Favoris d’Internet
Explorer
@telier – 2009 39

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.
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.
@telier – 2009 40

Enregistrer une image
• Exemple : allez sur le site
• http://cliophoto.clionautes.org
• Positionnez votre pointeur de
souris sur un choix de photo et
cliquez sur le bouton droit de votre
souris afin d’obtenir le menu.
• Cliquez sur Enregistrer l’image sous
et indiquez l’emplacement où elle
sera enregistrée sur votre
ordinateur.
• Vous pouvez ainsi envoyer votre
image par courrier électronique, ou
l’imprimer.
@telier – 2009 41

Imprimer une page web
• 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.
@telier – 2009 42

Options Internet
@telier – 2009 43

Module options internet
onglet : Général
•C’est ici que :
-vous pouvez définir votre
page d’accueil
- Gérer votre historique ( les
adresses des sites qui restent
enregistrées)
@telier – 2009 44

Module options internet
onglet : Sécurité
•C’est ici que :
-vous pouvez régler vos
niveaux de sécurité de votre
page navigateur
@telier – 2009 45

Module options internet
onglet : Confidentialité
•C’est ici que : vous pouvez
régler ce que vous accepter
de laisser filtrer les
informations vous concernant.
-(Un cookie est en réalité un
fichier stocké sur le disque dur
de l'utilisateur, afin de
permettre au serveur web de le
reconnaître d'une page web à
l'autre. Les cookies sont
notamment utilisés par les
sites de commerce
électronique afin de conserver
les préférence de l'utilisateur.
@telier – 2009 46

Module options
internet
onglet : Contenu
•C’est ici que :
-vous pouvez activer
le contrôle
parental.
@telier – 2009 47

Module options
internet
onglet : Connexion
•C’est ici que :
-vous pouvez régler les
paramètres de
connexion d’internet
Si tout
fonctionne,
n’y touchez pas.
@telier – 2009 48

Module options
internet
onglet :
Programmes
•C’est ici que :
-vous pouvez
modifier des
paramétrages
automatisés de
votre connexion
internet
Ne pas modifier,
sauf si vous savez
ce que vous
faites…
@telier – 2009 49

Module options internet
onglet : Avancées
•C’est ici que :
-Vous êtes amené à
changer certains
paramétrages avancées.
- ( alors prudence )
-Nota : il est possible
de rétablir les
paramètres avancées
en cas problèmes.
@telier – 2009 50

Et si l’on ne connaît pas
exactement l’adresse d’un site web ?
• Les moteurs de recherche.
• Les moteurs de recherche sont des annuaires qui permettent
de trouver des sites web en fonction de critères de recherche.
On peut les comparer aux annuaires pages jaunes du
téléphone.
• Tous les moteurs n’ont pas la même capacité à trouver les
informations. Chacun a ses sources d'information, il peut donc
être intéressant d'en utiliser plusieurs.
@telier – 2009 51

UTILISATION D’UN MOTEUR DE
RECHERCHE
• A quoi sert un moteur de recherche ?
• C'est un service sur le Web permettant de rechercher des
informations sur Internet. Il suffit pour cela de saisir au clavier
des mots clés, et le moteur de recherche retrouve tous les
sites Web contenant de l'information sur le ou les sujets
choisis. On peut le comparer à un annuaire téléphonique.
• Quelques exemples de moteurs de recherche :
• ‐ www.google.fr ‐ www.yahoo.fr
• ‐ www.msn.fr ‐ www.voila.fr
• ‐ www.exalead.fr ‐ www.kartoo.com
@telier – 2009 52

Utiliser un moteur de recherche
Tout d’abord il faut identifier l’objet de la recherche et la formuler en mot
clés. Ex : quiche lorraine + recette
Evitez les phrases trop longues et les articles.
Repérez ensuite la zone de saisie du texte, inscrivez votre mot clé, précisez
le domaine de recherche et validez en appuyant sur la touche Entrée.
Si vous souhaitez n’obtenir que des images, cliquez sur le lien Images.
@telier – 2009 53

Lire les réponses obtenues
En bleu, le titre de la réponse qui sert également de lien.
En noir, une brève explication du contenu du site.
En vert, l’adresse du site (mais qui ne fait pas office de lien).
En rouge, le site sur lequel je viens de cliquer.
Identifiez les réponses qui sont proches de votre recherche et cliquez
sur le lien désiré en bleu.
Remarque : les liens des pages que vous avez déjà visitées s’affichent
en violet.
@telier – 2009 54

@telier – 2009 55

La publicité est omniprésente.
Attention à bien distinguer
l’information que l’on souhaite
obtenir à la publicité archi présente.
@telier – 2009 56

@telier – 2009 57

@telier – 2009 58

@telier – 2009 59

@telier – 2009 60

@telier – 2009 61

@telier – 2009 62

@telier – 2009 63

Les dangers
• Bref internet et le web permettent de faire circuler les idées
instantanément au travers du globe.
• Ce qui change avec le Web 2.0, est que l’on peut participer,
partager facilement avec des outils aux interfaces simplifiées,
sans connaissances techniques particulières.
• Le revers de ces prodiges techniques sont ceux de notre
société, addiction aux univers virtuels, accès à des images, à
des contacts non souhaités ( risques réels pour les plus jeunes
et les plus fragiles ).
• L’usage d’internet ne diffère pas avec la vie, on y trouve le pire
et le meilleur.
Merci de votre attention.
@telier – 2009 64