apprenum.
Aperçu gratuit

Comment fonctionne un site web ?

🎯 Objectif : comprendre ce qui se passe quand tu ouvres une page web et le rôle de chaque langage.

Quand tu tapes une adresse comme www.apprenum.com dans ton navigateur, il se passe en quelques secondes une série d'échanges entre ton téléphone (ou ordinateur) et un autre ordinateur, très puissant, appelé serveur, qui garde les fichiers du site.

Les étapes d'une visite

  1. Tu tapes l'adresse (l'URL) ou tu cliques sur un lien.
  2. Le navigateur (Chrome, Firefox, Safari, Edge) envoie une demande au serveur.
  3. Le serveur renvoie des fichiers : HTML, CSS, JavaScript, images.
  4. Le navigateur assemble ces fichiers et affiche la page.

Les trois langages du web

LangageRôleAnalogie avec une maison
HTMLStructure et contenu : titres, textes, images, liens.Les murs, les pièces, les portes.
CSSApparence : couleurs, polices, tailles, mise en page.La peinture, la décoration, la disposition.
JavaScriptComportement : réagir aux clics, calculer, animer.L'électricité et les appareils : lumière, porte automatique.

Côté client et côté serveur

CôtéOù ça se passeExemples
Frontend (côté client)Dans le navigateur de l'utilisateur.HTML, CSS, JavaScript.
Backend (côté serveur)Sur le serveur.PHP, Python, Node.js : enregistrer une commande, vérifier un mot de passe.
Base de donnéesSur le serveur.Stocke les produits, utilisateurs, commandes.

Dans ce cours, tu apprends le frontend : ce que voit et utilise le visiteur. C'est la porte d'entrée vers les métiers du web.

Ce que tu sauras faire à la fin

  • Écrire une page web complète en HTML.
  • La rendre belle et adaptée au téléphone avec CSS.
  • La rendre interactive avec un peu de JavaScript.
  • Créer un petit site pour ton activité, avec un bouton WhatsApp.
  • Le mettre en ligne gratuitement.

💡 À retenir : Tu n'as pas besoin d'être fort en maths pour apprendre le web. Il faut de la patience, de la rigueur et l'envie d'essayer.

Envie de voir la suite ?

Inscrivez-vous à « Créer son premier site web : HTML, CSS et JavaScript » pour accéder à toutes les leçons.

Voir le cours