Sciences Numériques et Technologie 2A, 2B et 2C
Thème 3 : Le Web –Bilan
Le World Wide Web, ou plus simplement le Web, désigne un système donnant accès à
un ensemble de données (page, image, son, vidéo) reliées par des liens hypertextes et
accessibles sur le réseau internet. Ces données, textuelles notamment, sont codés dans
un langage, le HTML, et sont transmises sur le réseau via le protocole HTTP.
Les pages, les images, les sons des divers sites sont reliés entre eux par des liens
hypertextes qui constituent à l’échelle mondiale une sorte de toile d’araignée. Pour
consulter une page j’indique son URL dans la barre d’adresse d’un navigateur.
Un navigateur est un logiciel permettant d'afficher à l'écran le site visité (Microsoft Edge,
Firefox, Chrome, ...). Les principaux navigateurs actuels sont :
A. Repères historiques :
- Theodor Holm Nelson, sociologue américain est considéré comme l'inventeur du
terme hypertexte (1965)
- Timothy John Berners-Lee est un informaticien britannique, principal inventeur du
World Wide Web (WWW) en 1990.
- Mosaic est un navigateur web développé à partir de fin 1992 au centre de
recherches américain NCSA (National Center for Supercomputing Applications)
- Mise dans le domaine public des technologies du Web en 1993
- Création de Yahoo et d’Internet Explorer en 1995.
- Naissance de Google en 1998
- Lancement de Facebook en 2004
- Lancement de Youtube en 2005
B. Accéder à un contenu ou l’histoire d’un dialogue entre un client et un serveur.
Le Web s’appuie sur le dialogue entre clients et serveurs : L’accès à un contenu, que ce
soit une page Web, une vidéo ou autre, se fait à travers un navigateur, un logiciel qui
s’exécute sur votre ordinateur : le client.
Sciences Numériques et Technologie 2A, 2B et 2C
Les pages Web sont des fichiers qui sont stockés sur un ordinateur distant, qu’on
appelle le serveur. Pour accéder à ces fichiers :
1. Le visiteur saisit une URL (Uniform Resource Locator) dans la barre de recherche de
son navigateur
2. L’ordinateur client demande une connexion avec le protocole http
3. Le serveur « web » interprète chaque requête HTTP et envoie une page HTML du site.
4. Le navigateur du client interprète le code des pages reçues
Internet
L’URL est constituée de plusieurs parties Exemple :
.
C. Les pages Web sont écrites dans le langage de balises HTML (Hypertext
Markup Language). Leur style graphique est défini dans le langage CSS
(Cascading Style Sheets).
1. L’HyperText Markup Language : HTML
Le HTML est un langage de balisage, c’est-à-dire un langage qui va servir à définir
chaque contenu dans une page.
Il existe 2 types de balises :
Sciences Numériques et Technologie 2A, 2B et 2C
- Les balises orphelines qui sont des balises uniques telles que la balise <meta>
(<meta charset= ̎ UTF-8 ̎ > qui permet d’afficher les accents et les caractères
spéciaux) et la balise< ! DOCTYPE>
- Les balises de couple ou double balise (balise ouvrante et fermante) telles que
les balises <p>, <body>, <div>, etc….
-Autres exemples de balise de couple :
<ul> qui permet de créer une liste non organisée
<ol> qui permet de créer une liste organisée
<li> qui permet d’ajouter un élément à la liste
<table> qui permet de créer une table
<tr> qui permet d’insérer une ligne dans le tableau (table row)
<th> qui permet de définir les titres des colonnes(table header)
<td> qui permet de remplir une case de la table(table detail)
<a href= “ URL”> qui permet d’insérer un lien absolu (vers un autre site web
ou un lien relatif (vers une autre page de du site)
<h1> qui permet d’ajouter un titre (on peut avoir jusqu’à 6 niveaux de titres)
2. Le langage CSS :
- Le code html est accompagné d’une feuille de style qui permet la mise en forme
(couleur, police, bordures…).
- La balise <link rel = "stylesheet" href= " [Link]"> permet de lier la page
web à sa feuille de style " [Link]"
- « [Link] » contient des propriétés permettant de définir le format et le
style de la page.
Comment sont paramétrées les
- Chaque balise peut être paramétrée comme le propriétés CSS ?
cas de la balise h1 dans cet exemple
h1 {
- Il faut tout d’abord définir la balise
Font-family: sans-serif;
- Encadrer les propriétés de cette partie par des
Font-style: normal;
accolades
Font-size : 2.5 em;
- Chaque propriété est suivie par " :" puis de sa
valeur et se termine toujours par « ; » Font-weight : bold;
Color: blue;
Text-align: center;
}
Sciences Numériques et Technologie 2A, 2B et 2C
D. Les moteurs de recherche
Le Web contient plus de 100 milliards de pages. Pour s’y retrouver et accéder à la page
souhaitée, on fait appel à un moteur de recherche (Google, Bing, Qwant).
Un moteur de recherche est un outil ou une application web qui permet de rechercher sur
le Web des ressources, des contenus, des documents etc., à partir de mots clés.
Les moteurs de recherche fonctionnent en trois temps :
1. D’abord, l’exploration qui consiste à faire parcourir le Web par des robots pour
collecter des informations sur les pages Web.
2. Puis, c’est l’indexation : les données sont analysées et classées dans des bases
de données afin de permettre leur exploitation.
3. Enfin, un internaute effectue une requête. Un algorithme est appliqué pour
identifier dans l’index les sites qui correspondent le mieux aux mots-clés de la
recherche.
Algorithmes de traitement des
recherches :
Google utilise les algorithmes de
recherche de différentes manières :
Analyse des termes de recherche
Recherche de correspondances
Classement des pages selon leur
utilité (page rank)
Prise en compte du contexte
Affichage des meilleurs résultats
