Lessons
Go to Diane

Fonctionnement, langages et sécurité Web

20 cards

Ce chapitre couvre le fonctionnement du Web, y compris les URL, le modèle client-serveur et les requêtes HTTP. Il aborde également les langages HTML et CSS pour la création de pages Web, les moteurs de recherche et leur référencement, ainsi que la sécurité et la confidentialité sur le Web.

20 cards

Review
Spaced repetition shows you each card at the optimal time for long-term memorization, with increasingly spaced reviews.
Question
Comment effacer son historique de navigation ?
Answer
Utilisez les options du navigateur ou CTRL + SHIFT + SUPPR pour effacer l'historique.
Question
Quels langages sont utilisés par le serveur pour retourner les ressources web ?
Answer
Le serveur retourne les pages web en utilisant le HTML pour la structure et le CSS pour le style graphique.
Question
Quelle est la structure de base d'une page HTML ?
Answer
La structure de base d'une page HTML comprend , , , et .
Question
Quelle balise HTML est utilisée pour les titres ?
Answer
Les balises HTML

à

sont utilisées pour les titres.
Question
À quoi correspond http:// ou https:// dans une URL ?
Answer
Le protocole http:// ou https:// correspond au protocole de communication client-serveur pour le Web.
Question
Qu'est-ce qu'une URL ?
Answer
L'URL est l'adresse d'une page Web, composée d'un protocole, d'un nom de domaine et d'un chemin.
Question
À quoi sert la balise en HTML ?
Answer
Elle sert à déclarer une image.
Question
Quels sont les trois éléments d'une URL ?
Answer
Une URL se compose d'un protocole (http ou https), d'un nom de domaine et d'un chemin.
Question
Quel protocole est utilisé pour les requêtes client-serveur sur le Web ?
Answer
Le protocole HTTP (HyperText Transfer Protocol) est utilisé pour les requêtes client-serveur sur le Web. HTTPS est sa version sécurisée.
Question
À quoi servent les balises en HTML ?
Answer
Les balises HTML structurent le contenu des pages Web, définissant la fonction de chaque élément (titres, paragraphes, liens, images).
Question
À quoi sert le langage CSS ?
Answer
Le CSS définit le style graphique d'une page Web (couleurs, polices, etc.).
Question
Quelle balise HTML permet de créer un lien hypertexte ?
Answer
La balise HTML qui permet de créer un lien hypertexte est la balise ....
Question
Comment le protocole HTTPS se manifeste-t-il visuellement dans le navigateur ?
Answer
Le protocole HTTPS est indiqué par un cadenas dans la barre d'adresse du navigateur.
Question
Comment inclure un fichier CSS dans une page HTML ?
Answer
Utilisez la balise `` dans la section `` de votre HTML.
Question
Que signifie l'acronyme HTML ?
Answer
HTML signifie HyperText Markup Language. C'est un langage de balisage pour créer des pages Web.
Question
Que signifie l'acronyme CSS ?
Answer
CSS signifie Cascading Style Sheets. Ce langage définit la présentation graphique d'une page Web.
Question
Qu'est-ce que le modèle client-serveur ?
Answer
Modèle où un client (ordinateur, navigateur) envoie des requêtes à un serveur qui fournit les ressources demandées.
Question
Quelle balise HTML crée un paragraphe ?
Answer
La balise HTML qui crée un paragraphe est `

`.

Question
Qu'est-ce que le référencement naturel ou SEO ?
Answer
Technique pour améliorer le classement d'un site Web dans les résultats de recherche via les mots-clés.
Question
Comment les moteurs de recherche classent-ils les pages web ?
Answer
Les moteurs de recherche classent les pages web selon des algorithmes analysant textes, mots-clés, balises, popularité et liens entrants.

Le Web : Fonctionnement, Langages et Sécurité

Le Web est un système hypertexte mondial utilisant le protocole HTTP, permettant de naviguer entre des pages Internet. Cette note explore son fonctionnement, les langages qui le construisent, les moteurs de recherche qui l'organisent et les aspects liés à la sécurité et la confidentialité.

1. Le Fonctionnement du Web

Le Web repose sur une architecture client-serveur et utilise des adresses spécifiques pour identifier les ressources.

A) L'URL

Une URL (Uniform Resource Locator) est l'adresse unique d'une ressource sur le Web, comme une page ou une image. Elle est structurée en trois parties essentielles :

  • Protocole de communication : Indique comment les données doivent être échangées. Les plus courants sont http:// et https:// (sécurisé).

  • Nom de domaine : L'identifiant unique d'une marque, d'une entreprise ou d'une organisation sur Internet (ex: clg-louis-de-marie.com).

  • Chemin : Précise l'emplacement de la ressource ou de la page spécifique sur le serveur.

Exemple : https://clg-louis-de-marie.com/activites/semaine-interdisciplinaire/

Protocole

Nom de domaine

Chemin

https://

clg-louis-de-marie.com

/activites/semaine-interdisciplinaire/

B) Le Modèle Client-Serveur et les Requêtes HTTP

La consultation d'une page Web suit un processus client-serveur :

  1. Un poste client (votre ordinateur, smartphone) envoie une requête vers un serveur.

  2. Le serveur reçoit la requête, traite l'information, puis renvoie les ressources demandées au client.

Les requêtes HTTP (HyperText Transfer Protocol) sont le moyen de communication entre le client et le serveur. Elles contiennent des informations sur ce que le client souhaite et sur le client lui-même.

Exemple de requête HTTP :
GET /.../ HTTP/1.1
Host: www.site-education.fr
User-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:95.0) Gecko/20100101 Firefox/95.0
Accept: text/html

Après réception de la requête, le serveur retourne les ressources (texte, images, etc.) sous forme de code. Le navigateur du client (tel que Chrome, Edge, Safari, Firefox) interprète et met en page ce code en utilisant principalement deux langages :

  • HTML : Pour la structure et le contenu.

  • CSS : Pour le style graphique (couleurs, polices, mise en page).

Le HTTPS (HyperText Transfer Protocol Secure) est une version sécurisée du HTTP, reconnaissable par un cadenas dans la barre d'adresse, protégeant l'intégrité et la confidentialité des données.

2. Les Langages HTML et CSS

Ces deux langages sont fondamentaux pour la création et la présentation des pages Web.

A) Le HTML (HyperText Markup Language)

Le HTML est un langage de description qui utilise des balises pour structurer le contenu d'une page Web. Ces balises délimitent le début et la fin de chaque instruction et sont invisibles à l'écran, mais elles sont essentielles pour que le navigateur interprète ce qu'il doit afficher.

  • Chaque instruction HTML est délimitée par une balise ouvrante (<element>) et une balise fermante (</element>).

Structure d'une page Web HTML de base :

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

Les principales balises HTML incluent :

  • <p>...</p> : Pour créer un paragraphe.

  • <h1>...</h1> à <h6>...</h6> : Pour les titres (du plus important au moins important).

  • <img> : Pour insérer une image.

  • <a href="...">...</a> : Pour créer un lien hypertexte.

  • <table>...</table> : Pour déclarer un tableau.

B) Le CSS (Cascading Style Sheets)

Le CSS est un langage qui permet de définir le style graphique d'une page Web. Il contrôle l'apparence visuelle des éléments HTML (par exemple, la couleur de l'arrière-plan, la taille et le type des polices).

L'avantage du CSS est que la modification d'un style dans une feuille de style se répercute automatiquement sur toutes les pages HTML qui y font référence.

Pour inclure un fichier de style CSS dans une page HTML :

Entre les balises <head> et </head>, on ajoute :

<link rel="stylesheet" type="text/css" href="style.css">

Exemple d'instructions CSS dans un fichier style.css :

body {
    background-color: blue;
    padding: 5px 25px;
}
h1 {
    font-size: 40px;
    color: green;
}

C) Les Liens Hypertextes

Les liens hypertextes sont essentiels à la navigation sur le Web. Ils permettent de passer d'une section d'une page à une autre, d'une page à une autre au sein du même site, ou vers un autre site Web.

  • Ils sont identifiés par la balise <a href="..."> et se terminent par </a>.

  • Un lien se compose d'une URL cible (l'adresse vers laquelle le lien pointe) et d'un libellé (le texte ou l'image cliquable, souvent en couleur).

Exemple : <a href="https://wle.whschoole.com/css/">Cliquer ici !</a>

3. Moteurs de Recherche

Les moteurs de recherche (comme Google, Bing, Qwant) sont des applications informatiques qui aident les internautes à trouver des ressources sur le Web.

A) Les Critères de Classement des Résultats

Les moteurs de recherche fonctionnent en deux étapes principales :

  1. Indexation des pages Web : Des robots (appelés crawlers) parcourent le Web, analysent le contenu des pages pour en détecter les mots-clés et les stockent dans leurs bases de données (indexation).

  2. Recherche de l'internaute : Lorsque l'internaute effectue une recherche, des algorithmes analysent les textes, les balises, la popularité de la page et les liens entrants pour classer les résultats les plus pertinents.

B) Le Référencement "Naturel" (SEO)

Le référencement naturel ou SEO (Search Engine Optimization) est l'ensemble des techniques visant à améliorer le classement d'un site Web dans les résultats "naturels" (non payants) des moteurs de recherche. Cela inclut l'optimisation des mots-clés, de la structure du site et de la qualité du contenu.

Il est à distinguer du référencement payant (publicités et liens sponsorisés) où les annonceurs paient pour apparaître en haut des résultats.

4. Sécurité et Confidentialité sur le Web

Naviguer sur le Web implique de faire attention à sa sécurité et à la confidentialité de ses données.

A) Paramétrer son Navigateur

Pour protéger sa vie privée, il est important de gérer les traces laissées en ligne :

  • Effacer l'historique : Vous pouvez effacer l'historique de votre navigation directement depuis les options de votre navigateur ou en utilisant la combinaison de touches CTRL + SHIFT + SUPPR.

B) Les Sites Sécurisés

Le HTTPS (HyperText Transfer Protocol Secure) est un protocole de communication qui crypte les échanges entre l'ordinateur de l'internaute et le serveur. Cela garantit l'intégrité et la confidentialité des données (mots de passe, informations bancaires, etc.). Un site HTTPS est identifiable par un cadenas dans la barre d'adresse du navigateur.

C) Notions Juridiques

Les ressources publiées sur le Web (textes, photos, images, vidéos) ne sont pas libres de droits par défaut. Elles sont la propriété de leur auteur et leur utilisation est régie par diverses législations ou des régimes spécifiques comme les licences Creative Commons.

Important : Toujours vérifier les conditions d'utilisation avant de réutiliser du contenu trouvé sur le Web afin de respecter le droit d'auteur.

Vocabulaire Clé

  • Client : Logiciel (souvent un navigateur) envoyant des demandes (requêtes) à un serveur.

  • CSS : Cascading Style Sheets : Feuilles de style décrivant la présentation des documents HTML.

  • HTML : HyperText Markup Language : Langage de balisage pour la création de pages Web.

  • HTTP/HTTPS : Protocole de transmission pour accéder aux pages Web via un navigateur. HTTPS est la version sécurisée.

  • Indexation : Analyse et tri du contenu des pages Web par les moteurs de recherche pour détecter les mots-clés.

  • Lien hypertexte : Élément cliquable (texte, image) renvoyant vers une autre partie de la page, une autre page ou un autre site.

  • Moteur de recherche : Application permettant de trouver des ressources sur le Web à partir d'une requête (ex: Google, Bing).

  • Navigateur : Logiciel permettant d'afficher des sites Internet (Ex: Chrome, Firefox).

  • Requête : Demande envoyée par un client à un serveur ou à une base de données.

  • Serveur : Ordinateur exécutant des opérations et répondant aux requêtes des clients.

  • URL : Uniform Resource Locator : Adresse unique d'une page Web.

  • World Wide Web : Système hypertexte basé sur HTTP pour la navigation entre pages Internet.

Points Clés à Retenir

  • Le Web fonctionne via des URL et un modèle client-serveur utilisant des requêtes HTTP/HTTPS.

  • Le HTML structure le contenu des pages Web avec des balises, et le CSS définit leur style visuel.

  • Les moteurs de recherche indexent et classent les pages grâce à des algorithmes, le SEO améliore le classement naturel.

  • La sécurité passe par le paramétrage du navigateur et l'utilisation de sites HTTPS.

  • Les ressources en ligne sont soumises au droit d'auteur même si elles sont accessibles.

Start a quiz

Test your knowledge with interactive questions