Webmaster 1 : créer ses premières pages web en HTML et CSS

Comprendre comment fonctionne un site, écrire des pages en HTML, les mettre en forme avec CSS, les rendre lisibles sur téléphone, avec l’IA comme assistant de code.

5modules
20leçons
5 semainesdurée estimée, à votre rythme
Quizcorrigés à chaque module
Attestationvérifiable par QR code

Présentation

Première étape du cycle Webmaster d’IFPY. Le webmaster crée, publie et fait vivre les sites des entreprises, des écoles et des associations. Tout commence par deux langages : HTML pour le contenu et CSS pour la présentation.

Ce que vous saurez faire à la fin

Expliquer ce qui se passe entre le navigateur et le serveur quand on ouvre un site.
Écrire une page HTML propre : titres, paragraphes, liens, images, listes, tableaux, formulaires.
Mettre en forme avec CSS : couleurs, polices, marges, mise en page Flexbox et Grid.
Rendre une page lisible sur téléphone (responsive) et accessible à tous.
Utiliser l’IA pour expliquer, corriger et améliorer son code, sans copier à l’aveugle.

Pour qui

Bacheliers, jeunes en reconversion, employés qui gèrent le site de leur structure. Aucun prérequis en programmation. Cette formation prépare au DQP Webmaster d’IFPY.

Programme

1Le web et le métier de webmaster

Ce qui se passe quand on ouvre un site
Le métier de webmaster
Les outils de travail
Organiser ses fichiers et nommer correctement

2HTML : structurer une page

Balises et structure d’un document
Titres, paragraphes et mise en valeur
Liens, images et listes
HTML sémantique et tableaux

3CSS : mettre en forme

Relier le CSS et écrire une règle
Couleurs et polices
Le modèle de boîte
Unités et bonnes pratiques

4Mise en page et site adapté au téléphone

Flexbox : aligner sur une ligne
Grid : construire une grille
Mobile d’abord et media queries
Images légères et accessibilité

5Formulaires, IA et projet : la page d’une école

Les formulaires HTML
L’IA comme assistant de code
Projet : la page d’accueil d’une école
Vérifier et présenter son travail

Comment se déroule cette formation

InscriptionPaiement par MTN MoMo ou Orange Money : votre accès s’ouvre dès la confirmation.
Leçons à votre rythme5 modules et 20 leçons à lire sur téléphone ou ordinateur, quand vous voulez. Votre progression est enregistrée.
Un quiz par module8 questions tirées au hasard, à réussir avec au moins 70 % pour ouvrir le module suivant. En cas d’échec, vous recommencez avec d’autres questions.
L’examen finalUne évaluation qui reprend l’ensemble de la formation.
Votre attestationDélivrée à la réussite, avec un QR code que tout recruteur ou client peut vérifier.

Module 3 · Leçon 1

Relier le CSS et écrire une règle

Le CSS se place dans un fichier séparé, relié dans le <head> : <link rel="stylesheet" href="css/style.css">. Un seul fichier sert à toutes les pages : on change une couleur à un endroit, tout le site suit. Une règle CSS a trois parties : le sélecteur (ce qu’on vise), la propriété et la valeur. h1 { color: #15294b; font-size: 2rem; } Sélecteur de balise : p vise tous les paragraphes ; ; Sélecteur de classe : .bouton v...

La suite dans la formation…

Quiz du module 3 · exemple

Qu’est-ce que le padding ?