Formation Webmaster

Description

Formation webmaster : 10 jours pour créer, gérer et faire évoluer un site web professionnel

La formation webmaster du CIDFP vous rend autonome, en 10 jours (70 heures), sur toute la vie d’un site internet : conception, intégration HTML et CSS, programmation, CMS WordPress, boutique en ligne, référencement, sécurité et mise en conformité. En effet, le webmaster est la personne qui fait vivre le site au quotidien : il publie les contenus, corrige les incidents, suit l’audience et coordonne les prestataires (développeur, graphiste, hébergeur, rédacteur).

Pourtant, beaucoup d’entreprises confient leur site à une seule personne formée sur le tas, ce qui fragilise la sécurité, la visibilité et la conformité légale du site. C’est pourquoi la formation suit l’ordre réel d’un projet web, du cahier des charges à la mise en ligne. De plus, chaque journée se termine par un atelier qui fait avancer votre propre projet de site.

Ainsi, débutants, chargés de communication, assistants, indépendants et futurs webmasters repartent avec un site complet, en ligne ou prêt à l’être, et une méthode pour le maintenir et le faire progresser.

Programme de la formation webmaster

Semaine 1 : concevoir et coder un site

➜ Jour 1 – Le métier de webmaster et le fonctionnement du web

D’abord, vous posez les bases. En effet, comprendre comment un site arrive à l’écran évite bien des erreurs plus tard.

• ❯ D’abord, les missions du webmaster : technique, éditoriale, marketing, coordination des prestataires, veille
• ❯ Ensuite, le fonctionnement d’internet : client et serveur, navigateur, protocole HTTP et HTTPS
• ❯ Puis, le nom de domaine, le DNS et le choix d’un hébergement (mutualisé, VPS, offre gérée)
• ❯ Enfin, le cahier des charges d’un site : objectifs, cibles, fonctionnalités, budget, planning
• ❭ Atelier : analyser trois sites d’entreprise et rédiger le cahier des charges de votre projet

➜ Jour 2 – Concevoir le site : ergonomie, maquette et accessibilité

Ensuite, vous concevez avant de coder. Ainsi, le site répond aux besoins de ses visiteurs.

• ❯ D’abord, l’arborescence, le parcours utilisateur et les principes d’ergonomie (UX)
• ❯ Ensuite, le zoning, le wireframe et la maquette avec un outil de prototypage comme Figma
• ❯ Puis, la charte graphique : couleurs, typographies, images, optimisation des visuels pour le web
• ❯ Enfin, l’accessibilité numérique et le référentiel général d’amélioration de l’accessibilité (RGAA)
• ❭ Atelier : dessiner l’arborescence et la maquette de la page d’accueil de votre site

➜ Jour 3 – HTML5 : structurer les pages

Puis, vous écrivez vos premières pages. En effet, le HTML reste la base de tout site, même construit avec un CMS.

• ❯ D’abord, la structure d’un document HTML et les balises sémantiques (header, nav, main, article, footer)
• ❯ Ensuite, les titres, paragraphes, listes, liens, images et tableaux
• ❯ Puis, les formulaires : champs, libellés, validation côté navigateur
• ❯ Enfin, l’éditeur de code, les outils de développement du navigateur et la validation du code
• ❭ Atelier : intégrer en HTML les pages principales de votre maquette

➜ Jour 4 – CSS3 : mettre en forme et rendre le site responsive

Ensuite, vous donnez vie à la maquette. Ainsi, le site s’affiche correctement sur ordinateur, tablette et mobile.

• ❯ D’abord, les sélecteurs, la cascade, le modèle de boîte et les unités
• ❯ Ensuite, la mise en page avec Flexbox et CSS Grid
• ❯ Puis, le responsive design : approche mobile first et media queries
• ❯ Enfin, les transitions, les animations légères et l’usage d’un framework comme Bootstrap
• ❭ Atelier : mettre en forme vos pages et les tester sur plusieurs tailles d’écran

➜ Jour 5 – JavaScript : rendre les pages interactives

Enfin, pour cette première semaine, vous ajoutez de l’interactivité. En effet, menus, onglets et formulaires dynamiques reposent sur JavaScript.

• ❯ D’abord, les bases du langage : variables, conditions, boucles, fonctions
• ❯ Ensuite, la manipulation du DOM et la gestion des événements
• ❯ Puis, la vérification d’un formulaire avant envoi et les messages d’erreur
• ❯ Enfin, l’intégration de scripts tiers (carte, vidéo, widget) et leur impact sur la performance
• ❭ Atelier : créer un menu mobile et un formulaire de contact interactif

Semaine 2 : gérer, vendre, référencer et sécuriser

➜ Jour 6 – PHP et MySQL : les bases du site dynamique

D’abord, vous passez côté serveur. Ainsi, vous comprenez ce qui se passe derrière un CMS.

• ❯ D’abord, l’installation d’un serveur local et la structure d’un projet PHP
• ❯ Ensuite, la syntaxe PHP, les inclusions et le traitement d’un formulaire
• ❯ Puis, la base de données MySQL : tables, requêtes SQL, lecture et écriture de données
• ❯ Enfin, les failles courantes (injection SQL, faille XSS) et les bonnes pratiques pour s’en protéger
• ❭ Atelier : enregistrer les messages du formulaire de contact dans une base de données

➜ Jour 7 – WordPress : créer et administrer un site avec un CMS

Ensuite, vous passez au CMS le plus utilisé au monde. En effet, la plupart des sites d’entreprise reposent aujourd’hui sur un CMS.

• ❯ D’abord, l’installation de WordPress chez un hébergeur et les réglages essentiels
• ❯ Ensuite, les pages, articles, menus, médias, catégories et comptes utilisateurs
• ❯ Puis, le choix d’un thème, la création d’un thème enfant et la personnalisation
• ❯ Enfin, les extensions indispensables, les constructeurs de pages et l’usage de l’IA générative pour produire contenus et extraits de code, avec relecture humaine
• ❭ Atelier : construire votre site sous WordPress à partir de votre maquette

➜ Jour 8 – E-commerce : créer une boutique en ligne

Puis, vous ouvrez la vente en ligne. Ainsi, vous savez lancer et gérer une boutique conforme.

• ❯ D’abord, le choix d’une solution : WooCommerce ou PrestaShop
• ❯ Ensuite, le catalogue : produits, variations, prix, stocks, visuels
• ❯ Puis, le paiement en ligne, la livraison, les taxes et les e-mails de commande
• ❯ Enfin, les obligations de la vente à distance : conditions générales de vente, information du consommateur, droit de rétractation de 14 jours
• ❭ Atelier : créer une boutique de démonstration et passer une commande test

➜ Jour 9 – Référencement, performance et mesure d’audience

Ensuite, vous rendez le site visible. En effet, un site qu’on ne trouve pas dans Google ne sert pas l’entreprise.

• ❯ D’abord, le référencement naturel (SEO) : mots clés, balises title et meta, structure des titres, maillage interne
• ❯ Ensuite, le SEO technique : sitemap, robots.txt, redirections, données structurées
• ❯ Puis, la Google Search Console et la mesure d’audience avec Google Analytics ou Matomo
• ❯ Enfin, la vitesse de chargement, les Core Web Vitals, et les bases du référencement payant (SEA) et des réseaux sociaux
• ❭ Atelier : réaliser l’audit SEO de votre site et corriger les points prioritaires

➜ Jour 10 – Sécurité, maintenance, conformité et projet final

Enfin, vous préparez la vie du site après la formation. Ainsi, vous savez le protéger et le mettre en ligne en toute conformité.

• ❯ D’abord, la sécurité : certificat HTTPS, mots de passe, comptes administrateurs, extensions de sécurité
• ❯ Ensuite, la maintenance : sauvegardes, mises à jour, restauration, transfert par SFTP
• ❯ Puis, la conformité : mentions légales, politique de confidentialité, gestion des cookies et RGPD
• ❯ Enfin, la mise en ligne et la présentation de votre projet de site
• ❯ Évaluation des acquis et attestation de fin de formation
• ❭ Projet final : présenter votre site complet et recevoir un retour personnalisé

Le cadre légal à connaître pour gérer un site web

D’abord, tout site professionnel doit afficher des mentions légales qui identifient l’éditeur et l’hébergeur, comme le prévoit l’article 6 de la loi n° 2004-575 du 21 juin 2004 pour la confiance dans l’économie numérique (LCEN). Ensuite, le dépôt de cookies non essentiels exige le consentement préalable de l’internaute : la CNIL détaille les règles sur sa page cookies et autres traceurs. De plus, les données collectées par les formulaires relèvent du RGPD.

Par ailleurs, une boutique en ligne doit respecter le droit de la vente à distance, notamment le droit de rétractation de 14 jours prévu par l’article L221-18 du Code de la consommation. Enfin, l’accessibilité devient une exigence pour de plus en plus de sites : le référentiel RGAA, publié par la direction interministérielle du numérique, sert de référence en France.

Les livrables de la formation webmaster

À la fin des 10 jours, vous repartez avec votre projet de site complet, votre cahier des charges et votre maquette. En effet, vous gardez aussi une check-list de mise en ligne, une check-list SEO, un plan de maintenance (sauvegardes, mises à jour, sécurité) et un modèle de mentions légales à adapter. De plus, le support de cours et les fichiers des ateliers vous sont remis.

Méthodes pédagogiques

La formation alterne courtes séquences d’apports et pratique sur poste, à raison d’environ deux tiers du temps en ateliers. Ainsi, chaque notion est appliquée immédiatement à votre propre projet de site. Par ailleurs, des études de cas de sites d’entreprise, des exercices corrigés et le projet final fil rouge ancrent les acquis. Enfin, un positionnement en début de formation et une évaluation des acquis encadrent le parcours.

Moyens d’encadrement de la formation webmaster

Chaque session est animée par un formateur webmaster et développeur en activité, qui crée et maintient des sites pour des entreprises. En outre, un accompagnement individualisé est assuré pendant les ateliers. Enfin, une attestation de fin de formation vous est remise.

Une formation en inter, intra ou sur-mesure

La formation a lieu en présentiel ou en classe virtuelle, sur deux semaines consécutives ou en journées réparties selon vos disponibilités. D’une part, en inter, vous échangez avec des participants d’autres structures. D’autre part, en intra, nous travaillons directement sur le site de votre entreprise, sa technologie et ses outils. Enfin, le sur-mesure permet de renforcer un bloc, par exemple WordPress, e-commerce ou SEO, selon votre niveau et vos objectifs.

Passez à l’action

Vous voulez reprendre la main sur le site de votre entreprise ou devenir webmaster ? D’abord, découvrez toutes nos formations et apprenez-en plus sur le CIDFP. Ensuite, contactez-nous pour une session inter, intra ou sur-mesure. De plus, la formation peut être financée par le plan de développement des compétences ou par votre OPCO, sous réserve d’éligibilité.

Les obligations légales citées sont présentées à titre général, à vérifier selon les textes en vigueur et la situation de votre site.

Formations liées à découvrir : WordPress : créer son premier site internet, Travailler avec PrestaShop, Optimiser le référencement naturel (SEO) et Sécuriser un site web.