Retour
Module 1 : Découvrir le Web et HTML
1.1 — Comment fonctionne le Web Aperçu
1.2 — Installer son environnement de travail
🛠️ Projet 1 — Hello World
Module 2 : Structure d'une page HTML5
2.1 — Anatomie d'une page HTML5 Aperçu
🛠️ Projet 2 — Structure complète
Module 3 : Balises de texte — Titres, paragraphes et listes
3.1 — Hiérarchie des titres et paragraphes Aperçu
3.2 — Listes à puces et numérotées
🛠️ Projet 3 — Article structuré
Module 4 : Liens hypertextes et navigation
4.1 — La balise a (anchor) Aperçu
🛠️ Projet 4 — Mini-site 3 pages
Module 5 : Images et multimédia
5.1 — Images et attributs Aperçu
🛠️ Projet 5 — Page multimédia
Module 6 : Tableaux
6.1 — Créer des tableaux Aperçu
🛠️ Projet 6 — Tableau de données
Module 7 : Formulaires HTML
7.1 — Créer un formulaire Aperçu
🛠️ Projet 7 — Formulaire de contact
Module 8 : Formulaires avancés et validation HTML5
8.1 — Validation HTML5 native Aperçu
🛠️ Projet 8 — Formulaire d'inscription
Module 9 : Sémantique HTML5
9.1 — Les balises sémantiques Aperçu
🛠️ Projet 9 — Page sémantique
Module 10 : Accessibilité web et ARIA
10.1 — WCAG et ARIA Aperçu
🛠️ Projet 10 — Audit accessibilité
Module 11 : SEO — Bases du référencement
11.1 — Les fondamentaux du SEO Aperçu
🛠️ Projet 11 — Optimisation SEO
Module 12 : Iframes et intégration externe
12.1 — Utiliser les iframes Aperçu
🛠️ Projet 12 — Page avec intégrations
Module 13 : SVG et Canvas
13.1 — SVG inline Aperçu
🛠️ Projet 13 — Logo SVG
Module 14 : Site multi-pages
14.1 — Architecture d'un site Aperçu
🛠️ Projet 14 — Site 5 pages
Module 15 : Hébergement et mise en ligne
15.1 — Mettre en ligne gratuitement Aperçu
🛠️ Projet 15 — Publication en ligne
Module 16 : Projet final — Site vitrine HTML5
16.1 — Site vitrine complet Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 15 : Hébergement et mise en ligne Aperçu gratuit

15.1 — Mettre en ligne gratuitement

📋 Objectifs d'apprentissage

  • Publier sur GitHub Pages (gratuit)
  • Publier sur Netlify (glisser-déposer)
  • Comprendre nom de domaine et hébergement
  • Transférer des fichiers par FTP

GitHub Pages (gratuit, illimité)

  1. Créez un compte GitHub
  2. Créez un dépôt nommé votre-username.github.io
  3. Poussez vos fichiers HTML/CSS
  4. Votre site est en ligne sur https://votre-username.github.io

Netlify (glisser-déposer)

  1. Allez sur netlify.com
  2. Glissez-déposez votre dossier de site
  3. Votre site est en ligne en 10 secondes
  4. URL netlify.app gratuite, possibilité d'ajouter un domaine

Nom de domaine et FTP

Un nom de domaine (ex: monsite.com) coûte ~10-15€/an. L'hébergement stocke vos fichiers. Le FTP (FileZilla) permet de transférer les fichiers du PC vers le serveur.

📌 Points clés

  • GitHub Pages = gratuit pour les sites statiques
  • Netlify = glisser-déposer, SSL gratuit inclus
  • Domaine = adresse web personnalisée
  • FTP = FileZilla pour transférer les fichiers
Ceci est un aperçu gratuit.
Voir la formation complète