Introduction au Web
Introduction au Web : Chaque jour, nous naviguons sur des sites sans forcément comprendre leur fonctionnement. Que se passe-t-il lorsque nous tapons une adresse dans un navigateur ? Comment les pages s’affichent-elles ?
Dans ce cours, nous allons voir l’essentiel :
Objectif : Avoir une base solide avant de créer un site web !
1. Qu'est-ce que le Web ?
Le Web est un système qui permet d’accéder à des pages en ligne via Internet. Il fonctionne grâce aux sites web, aux liens et aux navigateurs (Chrome, Firefox…).
👉 Différence avec Internet :
- Internet = le réseau qui connecte les ordinateurs.
- Le Web = les sites et pages accessibles sur ce réseau.
Lorsqu’on tape une adresse (URL) dans un navigateur, celui-ci affiche une page récupérée depuis un serveur. C’est ce qui permet de naviguer et d’accéder aux informations en ligne.
2. Fonctionnement du Web
Le Web fonctionne en reliant des utilisateurs, des serveurs et des sites web. Voici les éléments essentiels :
- Navigateur Web (Chrome, Firefox, Edge) → Permet d’afficher les sites.
- Serveur Web (Hostinger, IONOS) → Stocke et envoie les sites aux visiteurs.
- Nom de domaine (ex: google.com) → Adresse utilisée pour accéder à un site.
- Protocole HTTP/HTTPS → Assure la communication entre le navigateur et le serveur.
👉 Quand tu tapes une adresse web, le navigateur demande la page au serveur, qui la renvoie pour l’affichage.
3. Les langages fondamentaux du Web
Pour créer un site web, trois langages principaux sont utilisés :
- HTML → Structure la page (titres, textes, images).
- CSS → Applique le design (couleurs, polices, mise en page).
- JavaScript → Ajoute de l’interactivité (animations, formulaires dynamiques).
👉 HTML construit le squelette, CSS l’habille, et JavaScript l’anime !
4. Différence entre un site statique et un site dynamique
- Site Statique → Codé en HTML/CSS, son contenu ne change que si on modifie le code manuellement. Simple et rapide, mais peu flexible.
- Site Dynamique → Géré avec un CMS (WordPress, Shopify) ou du code côté serveur (PHP, Python). Il peut afficher du contenu mis à jour automatiquement (blogs, e-commerce).
5. Qu'est-ce qu’un CMS ?
Un CMS (Content Management System) est un outil qui permet de créer et gérer un site sans coder. Exemples :
- WordPress : Le plus populaire, idéal pour blogs, sites vitrines, e-commerce.
- Shopify : Pour les sites e-commerce.
- Webflow : Pour le design sans coder.
6. Hébergement et nom de domaine
- Hébergement → C’est l’endroit où sont stockés les fichiers du site (OVH, Hostinger). Sans hébergement, un site ne peut pas être en ligne.
- Nom de domaine → C’est l’adresse web qui permet d’accéder au site (ex: monsite.com).
Newsletter
Restez informé(e) avec des cours exclusifs et les dernières tendances en marketing digital. Abonnez-vous maintenant !