Présentation PowerPoint - Internet
Document Sample


Internet
Dessine moi Internet
- Février 2005 -
1
Naissance d’Internet
Dans un contexte historique de guerre froide le ministère
américain de la Défense met en place l’ARPA dont l’objectif est
de renforcer les développements scientifiques susceptibles
d'être utilisés à des fins militaires
Un réseau distribué d'ordinateurs : APRANET est mis en place
dans les années 60
2
Le réseau ARPANET
ARPANET: un réseau pour connecter différents sites
informatiques
Un objectif: rendre ce réseau insensible à la destruction de
l’un de ses nœuds
3
Le réseau ARPANET - suite
Quelques caractéristiques d’ARPANET:
Permet à des ordinateurs de types différents de communiquer
Les données sont échangées par paquets
Les données allant d’un ordinateur A à un ordinateur B peuvent
prendre plusieurs chemins
Une seule norme de communication: IP
Une autre utilisation de la technologie ARPANET: NSFNET
Utilisée par les universités pour échanger des données dans les
années 80
4
Interconnexion: Internet
La connexion des différents réseaux donne naissance à
Internet "Interconnected Networks"
Internet va connaître un succès fulgurant
Un trafic important…
Des millions de machines sont connectées
Des tera-octets de données sont échangés chaque jour
…Et des écarts importants
45% du trafic mondial provient des Etats-Unis
5% du trafic provient d’Allemagne
5
Protocole Internet (IP)
Comment échanger des données entre un ordinateur A et un ordinateur
B?
aussi simple qu’une lettre à la poste!
Une adresse unique pour A et pour B
Numérique (exemple: 134.206.11.15)
Nom associé (exemple: chimay.lifl.fr)
Le lien adresse IP/nom est conservé dans des serveurs DNS
« poster » des petits paquets de données
Contient l’adresse de l’expéditeur et du destinataire
Chaque paquet peut emprunter un chemin différent
Un paquet peut même se perdre
6
Adressage IP (v4)
On nomme adresse IP l’adresse codée sur 4 octets
Exemple 134.206.11.15
Certaines adresses sont réservées
Pour les réseaux privés
Pour les masques réseaux
…
Il existe des classes d’adresses
Classe C: choix sur le dernier octet
194.206.13.*
Classe B: choix sur les deux derniers octets
134.206.*.*
7
Adressage IP: nom d’hôte
Il est plus facile pour les êtres humains que nous sommes de
retenir des noms ayant une signification plutôt qu’une suite de
nombres!
On associe à une adresse IP un nom de machine
134.206.11.15 = chimay.lifl.fr
Il existe une hiérarchie de domaine pour les noms
frliflchimay
La résolution de nom se fait grâce à des serveurs de
résolution de nom: les serveurs DNS
Ces serveurs conservent des tables d’association nom/IP
8
Contrôle des échanges:
Protocole TCP
Comment communiquer normalement si des paquets peuvent
se perdre?
Contrôler que chaque paquet est arrivé à son destinataire
En cas de perte d’un paquet: réexpédier
TCP = Transfert Control Protocole
Couche au dessus de IP
Analogie: correspondance écrite
As tu reçu ma lettre du 12 décembre?
Non, j’attends une nouvelle copie de cette lettre
Il existe d’autres protocoles (UDP…)
9
Une couche de plus au-dessus
de TCP/IP?
Chaque application a des besoins différents en termes d’échanges de
données
Echange de mail
Consultation de page Web
Téléchargement de fichiers
Il existe différents protocoles qui standardisent les échanges pour ces
différentes applications:
POP, IMAP, STMP pour les mails
HTTP pour le Web,…
FTP pour l’échange des fichiers
Ils utilisent des canaux TCP différents: les ports
HTTP: port 80
10
Les e-mails
Les e-mails (electronic mail) ou mél en français sont les
équivalents électroniques des courriers postaux
C’est un des services les plus utilisés sur Internet
Il permet d’envoyer des messages sous format texte
Les adresses mail ont la forme suivante:
Login@serveur
Exemple: defrance@lifl.fr
11
Les e-mails (2)
Un e-mail est constitué:
d’une enveloppe
et d’un contenu (en-tête et corps du message)
L’en-tête contient entre autre les champs suivants:
From: expéditeur
To: destinataire(s)
Cc: destinataires secondaires
Bcc: destinataires secondaires cachés
12
Echange de mails
Différents protocoles sont utilisés pour envoyer/recevoir les
mails
Le protocole SMTP (Simple Mail Transfert Protocole) permet
l’envoi de mails
Entre serveurs
Du client au serveur
Le protocole POP (Post Office Protocol) permet à un client de
recevoir des mails d’un serveur
Le protocole SMTP (Internet Message Access Protocol) permet
de consulter les mails à distance (sans avoir à les télécharger)
13
Le World Wide Web
14
Le World Wide Web
Quelques définitions:
« A system of Internet servers that support specially formatted documents »
« The complete set of documents residing on all Internet servers that use the
HTTP (Hyper Text Transfert Protocol) protocol, accessible to users via a simple
point-and-click system »
Les pages Web comportent des liens vers d’autres documents: les
hyperliens
On utilise des navigateurs pour visionner ces pages
Microsoft Internet Explorer
mozilla.org Firefox
Apple Safari
15
Une page Web?
Une page Web telle que celle affichée par un navigateur
nécessite différents fichiers:
De l’hypertexte:
Fichiers HTML (Hyper Text Markup Language)
Fichiers XML
Des images:
Fichiers JPEG
Fichiers GIF
Fichiers PNG
Une feuille de style
Fichiers CSS
16
HTML: intérêts et limites
HTML est un langage permettant de formater des documents
hypertextes
HTML mélange le contenu et sa mise en forme
Mais progressivement (au fil des normes) la mise en forme est
déportée vers des feuilles de styles…
La dernière norme XHTML 1.1 se rapproche du langage de
structuration de données: XML
17
HTML: Le langage
Un document HTML est un document texte structuré par des
éléments
Un élément est délimité par une balise ouvrante et une balise
fermante
Une balise possède un nom encadré par des chevrons
Balise ouvrante: <p>
Balise fermante: </p>
Une balise peut posséder des attributs:
Dans la balise ouvrante: nom_attribut = « valeur »
Exemple: <ol start=« 1 »>
18
HTML: Le langage (2)
Un document possède une structure hiérarchique
Les éléments se suivent (frères):
<p>paragraphe1</p><p>paragraphe2</p>
Ou sont imbriqués (fils) <p> <b>texte</b> </p>
On peut représenter la structure d’une page sous forme
d’arbre dont les éléments sont des noeuds:
<p>
<p> <b>pomme</b>
et
<b> et <b>
<b>orange</b>
</p>
pomme orange
19
HTML: Le langage (3)
Il existe un grand nombre de balises permettant de:
structurer le contenu
<h1>
<p>
<a>
Et de le mettre en forme
<b>
<i>
20
HTML: un exemple
<html>
<head>
<title>titre de ma page</title>
</head>
<body>
<h1>Première section</h1>
<p>
Un paragraphe
</p>
</body>
</html>
21
Exemple visionné dans un
navigateur
22
HTML: structure d’une page
Une page possède une racine : balise <html>
Une page doit posséder:
Un en-tête: <head>
Et un corps: <body>
<html>
<head>
<html> </head>
<body>
<head> <body> </body>
</html>
23
En-tête d’une page HTML
L’en-tête d’un document HTML contient son titre, des
informations sur son style, des informations pour les moteurs
de recherche,…
Eléments de l’en-tête:
Le titre de la page : <title>
Une feuille de style: <style>
<html>
<head>
<title>titre de ma page</title>
</head>
</html>
24
Corps d’une page HTML
Le corps du document contient le contenu et sa mise en forme
Les données sont structurées en:
Sections <h1>
Sous-sections <h2>, <h3>, …
Paragraphes <p>
Listes <ul>
Tableaux <table>
25
HTML: Les listes
Liste non ordonnée Liste ordonnée
Création d’une liste: élément <ul> Création d’une liste: élément <ol>
(unordered list) (ordered list)
Un objet de la liste est défini par Un objet de la liste est défini par
<il> (list item) <il> (list item)
<ul> <ol>
<li>un élément</li> <li>premier élément</li>
<li>un autre élément</li> <li>deuxième élément</li>
</ul> </ol>
26
HTML: Les tableaux
Un tableau est défini par l’élément <table>
Il est structuré en lignes: <tr> (table row)
Puis chaque ligne est divisée en cellules: <td> (table data)
<table>
<tr>
<td>case 1</td> Case 1 Case 2
<td>case 2</td>
<tr>
</table>
27
HTML: Les tableaux (2)
Il est possible de fusionner des cellules en utilisant les
attributs colspan et rowspan de la balise <td>
Colspan=« 2 » étendre sur 2 colonnes
Rowspan=« 2 » étendre sur 2 lignes
<table>
<tr>
<td colspan=« 2 »>case 1</td> Case1
</tr>
<tr>
<td>case 2</td> Case2 case3
<td>case 3</td>
<tr>
</table>
28
HTML: Les liens
Pour faire référence à d’autres pages ou documents on utilise
les liens
Balise <a>
Attribut href: adresse du lien
Exemple: <a href=« page2.html »>mon lien</a>
29
Recherche
d’informations
Utilisation des moteurs de recherche
30
Recherche d’informations sur
Internet
Une première étape indispensable: la définition du sujet
Il faut définir les mots clés qui qualifient le sujet
Pour cela on répondra aux questions: qui, quoi, comment…
Deuxième étape: choisir des outils adaptés pour effectuer sa
recherche
Moteur général de type Google
Moteur spécialisé …
31
Moteurs de recherche et
annuaires
Pour rechercher des informations sur Internet il est possible
d’utiliser:
Moteurs de recherche qui indexent de manière automatique les
documents
Alltheweb www.alltheweb.com
Google www.google.fr
Des annuaires résultant souvent de l’indexation par des humains
Yahoo www.yahoo.fr
32
Utilisation des moteurs de
recherche
Afin d’effectuer des recherches précises ou complexes il
est possible d’utiliser des requêtes structurées
Pour cela les opérateurs booléens suivants sont disponibles
NOT pour exclure certains termes
AND pour associer plusieurs termes
OR lorsque différents termes sont synonymes
On pourra également utiliser les parenthèses pour modifier les
priorités de l’évaluation de la requête
En utilisant la liste de mots clés établie précédemment
on construit alors sa requête
(DNA OR ADN) AND regulation
33
Moteur de recherche: le cas
Google
Google est le moteur de recherche actuellement (2005) le plus
utilisé
65% des recherches effectuées sur Internet (en France)
utilisent Google
Une grande part des visiteurs d’un site sont passés par
Google pour le trouver
34
Utilisation de Google: quelques
chiffres www.revue-referencement.com/
Utilisation des principaux sites Les recherches précisant un pays
Google en France pour les contenus
35
Utilisation de Google: quelques
chiffres (2)
Classement en fonction du nombre de Classement en fonction de la page
mots utilisés par recherche contenant la réponse choisie par
l'internaute
36
Effectuer une recherche sur
Google: opérateurs booléens
Google utilise l’inclusion automatique de l’opérateur AND
« dna regulation » est équivalent à dna AND regulation
L’operateur OU se note OR (en majuscule)
Pas de négation d’un terme (pas de NOT)
Mais négation d’un mot possible: utiliser un - devant le mot
Le - doit être collé au mot et précédé d’un espace
Adn -dna
37
Recherche sur Google: un peu
plus
La casse des mots (majuscule/minuscule) n’est pas prise en
compte
Les accents ne sont pas pris en compte par défaut
Mais on peut utiliser le signe + pour forcer la prise en compte des
accents
Les mots courts et le bruit (le, les, …) sont ignorés
Mais on peut utiliser le signe + pour forcer la prise en compte de ces
mots
Il est possible de rechercher des expressions en utilisant les
guillemets
Par exemple en utilisant le titre d’un livre « adn mots et modèles »
38
Get documents about "