5 – Le web

5-1 Historique du web.

5-2 Le fonctionnement du Web
5-3 Les langages HTML et CSS
5-4 Les moteurs de recherche
5-5 Sécurité et confidentialité sur le Web
5-6 Résumé sur le Web et Quiz
5-7 Vocabulaire et Lexique
 5-1 Historique et éléments marquants du web
1965 naissance du concept 1989 L’invention du Web 1993 Le premier navigateur
d’hypertexte numérique En 1989, l’informaticien britannique
Pour lire les pages web, il faut une
En 1965, le sociologue américain Ted Tim Berners Lee cherche un moyen
application: C’est le navigateur.
Nelson publie le concept d’hypertexte pour que les physiciens du CERN
Développé aux Etats Unis, à l’université
numérique: Un texte numérique (Conseil Européen pour la Recherche
d’Urbana Champaign, Mozaic est le
contenant des liens vers d’autres textes Nucléaire), où il travaille, puissent
premier navigateur à avoir popularisé
numériques ainsi interconnectés. communiquer et partager des
le Web. D’autres ont existé avant lui
Aujourd’hui, un lien hypertexte informations à travers le réseau
dont un écrit par Tim Berners Lee.
désigne un lien « cliquable » informatique. Il propose alors d’utiliser
Cependant l’ergonomie et la capacité
permettant de naviguer d’une le principe de l’hypertexte sur internet,
de Mozaic à afficher des images
information à l’autre dans des pages donnant ainsi naissance au World
alignées avec un texte et sa
web. La source du lien peut être du Wild Web . Web et internet sont donc
compatibilité avec windows l’imposent
texte comme des images, des vidéos aussi différents qu’une peinture et son
au grand public
ou des sons. support, la toile.
 5-1 Historique et éléments marquants du web
1994 Naissance du 1995 Un Web interactif et
commerce en ligne dynamique 2014 Plus d’un Millard de
On trouve les premières traces du En 1993, le navigateur Mozaïc site Web
commerce en ligne en 1971 sur introduit des images et des En septembre 2014, la barre du
l’Arpanet où des étudiants vendent à formulaires que l’on peut remplir Millard de sites Web est franchie
d’autres étudiants des produits dans des pages désormais pour la première fois et elle se
illicites. En 1982, La France permet interactives. Par le suite, elles stabilise au dessus de ce seuil à
l’achat en ligne via le Minitel .Une s’enrichissent intégrant des langages partir de mars 2016. En 2017, on
sorte d’ancêtre du web, entièrement comme PHP ou JavaScript publiés en compte près de 1,8 Milliard de sites
textuel et accessible via les lignes 1995 et qui les rendent dynamiques. dont les ¾ sont inactifs. Cette
téléphoniques. Mais c’est à partir de En 2001, les pages sont prolifération de site Web a été
1994 que le commerce en ligne standardisées grâce au DOM soutenue par leur accessibilité via le
prend son envol avec la première (Document Object Model) qui développement des applications
transaction sécurisée pour l’achat présente les pages selon une mobiles dès les années 1990
d’un album du chanteur « Sting ». structure en arbre
5-2 Le fonctionnement du Web.
Qu’est ce qu’une l’URL:

Une URL (Uniform Ressource Locator) est l’adresse d’une page Web elle
est composé de 3 éléments

- http:// ou https:// qui correspond au protocole de communication

client-serveur développé pour le Web.
- Un nom de domaine, souvent une marque, une entreprise, une
association, etc…
- Un chemin qui pointe vers une ressource ou une page précise.
[Link]

Protocole Nom du domaine Chemin

5-2 Le fonctionnement du Web.
Le modèle Client serveur et les requêtes HTTP:

Pour consulter une page Web, un poste client envoie une requête à un
serveur. Celui-ci lui retourne les ressources (Texte, images, etc.) sous
forme de code mis en forme par le navigateur. Les requêtes sont basées
sur le protocole HTTP (HyperText Transfert Protocol) qui permet la
communication entre les postes clients et les postes serveurs.

[Link]
 5-3 Les langages HTML et CSS.
HTML: [Link]

La programmation d’une page web repose sur l’utilisation d’un

langage de description appelé «HTML» (HyperText Markup
Language). Le langage HTML utilise des balises pour délimiter le  html 
début et la fin de chaque instruction lue par le navigateur. Chaque  head 
instruction HTML est délimitée par une balise ouvrante élément Donne des informations à
votre navigateur pour
et une balise fermante /élément. Ces balises sont invisibles à traiter correctement les
informations se trouvant
l’écran mais elles permettent au navigateur d’interpréter ce qu’il dans le  body 
 /head 
doit afficher.
 body 
Son rôle est de gérer et d’organiser le contenu de la page web
La partie visible de votre
(titres, textes, images, etc.). Il répond à une norme très précise page qui sera affichée par
le navigateur
 /body 
 /html 
 5-3 Les langages HTML et CSS.
CSS:

Le langage CSS (Cascading Style Sheets) permet de

définir le style graphique d’une page Web (Arrière-
plan, type et taille des polices de caractère, etc…)
La modification du style d’un élément dans une feuille
de style se répercute automatiquement à toutes les
pages HTML qui y font appel.

Son rôle est de gérer l’apparence de la page web

(agencement, positionnement, décoration, couleurs,
taille du texte, etc.).
[Link]
 5-3 Les langages HTML et CSS.
Les liens hypertextes:
Le lien Hypertexte est sans doute la balise la plus emblématique : Elle permet
un renvoi à un autre endroit d’une page Web, à une autre page du site ou à
un autre site.
Elle est identifiée par la balise a = href et se termine par /a.
Un lien est composé principalement d’une URL cible et d’un libellé (le texte
cliquable souvent de couleur, ou une image).

Exemple d’intégration
de lien hypertexte
 5-4 Les moteurs de recherche.
Les critères de classement des résultats:

Les moteurs de recherche parcourent le Web, indexent les

pages au moyen de robots (crawler) et classent les pages
grâce à des algorithmes qui analysent les textes, mots-clés,
balises, popularité de la page, liens entrants, etc.

Exemple: Google avec son puissant module d’intelligence artificielle « Rank-brain »

agence les pages de résultats pour maximiser leur efficacité
 5-4 Les moteurs de recherche.
Le référencement naturel:

Le référencement naturel ou SEO (Search

Engine Optimization) permet d’améliorer
le classement d’un site Web dans les
résultats de recherche grâce notamment à
des mots-clés placés dans le contenu
rédactionnel.
Le référencement naturel est distinguer du
référencement payant des annonces et les
liens sponsorisés.
Référencement SEO Premier sur Google les astuces - YouTube
 5-5 Sécurité et confidentialité sur le Web.
Paramétrer son navigateur

Pour surfer sur le Web en toute sécurité et confidentialité, il faut éliminer ses
traces en paramétrant son navigateur.
Il est possible d’effacer son historique à partir des options du navigateur ou
par la combinaison des touches CTRL+SHIFT+SUPPR
5-5 Sécurité et confidentialité sur le Web.
Les sites sécurisés

HTTPS (HyperText Transfer Protocol Secure ou protocole

de transfert hypertexte sécurisé) est un protocole de
communication qui protège l’intégrité ainsi que la
confidentialité des données lors du transfert
d’informations entre l’ordinateur de l’internaute et le
serveur. Le protocole HTTPS est reconnaissable par un
cadenas dans la barre d’adresse du navigateur
 5-5 Sécurité et confidentialité sur le Web.
Les cookies: Cookieviz visualisez les cookies lors de votre navigation ! HD 4 -
YouTube

Les cookies sont généralement des petits fichiers de texte qui sont stockés dans
le répertoire ou dans les sous-dossiers de données de programme du navigateur
de votre ordinateur.
Les cookies sont créés lorsque vous utilisez votre navigateur pour consulter un
site web qui utilise des cookies comme aide pour suivre vos mouvements sur le
site, pour reprendre là où vous vous êtes arrêté en quittant le site, pour se
souvenir de vos identifiants de connexion, de la sélection du thème, de vos
préférences et d'autres fonctions de personnalisation.
 5-5 Sécurité et confidentialité sur le Web.
Notions juridiques
Les ressources publiées sur le
Web (Texte, Photos, Images,
Vidéos) sont la propriété de leur
auteur et ne sont pas libre de
droits. Leur usage est
règlementé par différentes
législations en fonction du pays
ou encore par les régimes
spécifiques dont peuvent se
réclamer les auteurs, comme
les licences Creative Commons
5-6 Résumé sur le Web et Quiz.

[Link]
 5-7 Vocabulaire et Lexique.
Client: Logiciel envoyant des demandes à un serveur.

CSS (Cascading Style Sheets): Feuille de style décrivant la présentation du

document HTML.

HTML (HyperText Markup Language): Langage de balisage utilisé pour la

création de pages Web.

HTTP ou HTTPS: Protocole de transmission permettant d’accéder à des

pages Web via un navigateur. Le HTTPS est sécurisé.

Indexage: Analyse le contenu des pages Web pour détecter les mots clés.
 5-7 Vocabulaire et Lexique.
Lien hypertexte: Elément d’une page Web (Texte, image, etc.) qui, lorsque
l’on clique dessus, renvoie vers une autre zone de la même page, une autre
page, ou un autre site Web.

Moteur de recherche: Application informatique permettant de rechercher

une ressource (pages, Web, images, vidéos, fichiers, etc.)A partir d’une
requête sous forme de mots.

Navigateur: Logiciel permettant d’afficher des sites web (Chrome, Firefox,

Edge, Safari, etc).
 5-7 Vocabulaire et Lexique.

Serveur: Ordinateur exécutant des opérations suivant les requêtes

effectuées par un ordinateur appelé « Client ».

URL (Uniform Ressource Locator): Adresse d’une page d’un site

Web (World Wide Web): Système hypertexte utilisant le protocole HTTP,

permettant de visiter des pages sur le web/internet

(3) Watch | Facebook

(3) Watch | Facebook
(3) Facebook