🕸️ Le Web

🎯 Créer une page web simple et comprendre les moteurs de recherche

Tim Berners-Lee (1989), URL (protocole/domaine/chemin), HTML (structure), CSS (mise en forme), moteurs de recherche (crawl → index → ranking).

🤖 Chat IA — ce thème 📗 Suite en Première NSI

🕸️ Web et pages HTML

Le Web — définition et URL

Définition

WEB :
Ensemble de pages reliées par des HYPERLIENS
accessibles via le protocole HTTP.
Inventé par Tim Berners-Lee en 1989 au CERN.

WEB ≠ INTERNET :
• Internet = infrastructure (réseau de réseaux)
• Web = service sur Internet (pages, sites)

URL (Uniform Resource Locator) :
protocole://domaine:port/chemin?paramètres

EXEMPLE :
https://www.wikipedia.org/wiki/France

• https : protocole sécurisé (HTTP + TLS)
• www.wikipedia.org : nom de domaine
• /wiki/France : chemin vers la ressource

HTTPS = HTTP + chiffrement TLS
→ Cadenas dans le navigateur
→ Données chiffrées (mots de passe, CB)

HTML et CSS — bases

Notion clé

HTML = HyperText Markup Language → STRUCTURE

<!DOCTYPE html>
<html>
  <head>
    <title>Ma page</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Titre principal</h1>
    <p>Paragraphe de texte.</p>
    <a href="https://...">Lien</a>
    <img src="photo.jpg" alt="description">
    <ul>
      <li>Élément liste</li>
    </ul>
  </body>
</html>

CSS = Cascading Style Sheets → APPARENCE

h1 { color: blue; font-size: 24px; }
.maClasse { background: #f0f0f0; }
#monId { margin: 10px; padding: 5px; }

SÉLECTEURS :
tag {} → toutes les balises de ce type
.class {} → éléments avec class="class"
#id {} → élément avec id="id"

Exercices

EX-W1FacileDécoder une URL

Analyser : https://docs.python.org/3/library/math.html Identifier : protocole, domaine, chemin, fichier.

🤖 Résoudre avec IA

EX-W2FacileÉcrire du HTML

Écrire le code HTML d'une page avec : titre 'Mon CV', sous-titre 'Compétences', liste de 3 langages.

🕸️ Le Web

2.1 Web, URL et HTML/CSS

2.2 Moteurs de recherche