Jour 1 : Introduction et fondamentaux du web
Matinée (4h)
1. Comprendre le fonctionnement d’un site internet
Qu’est-ce qu’un site web ? Les bases du fonctionnement d’Internet.
Différents types de sites : blogs, vitrines, e-commerce.
Structure d’un site web : client/serveur, domaine, hébergement.
2. Initiation aux langages de base
Présentation des langages web : HTML, CSS, JavaScript.
Découverte des outils nécessaires : éditeurs de code, navigateurs, outils de test.
Après-midi (4h)
3. Premiers pas avec HTML et CSS
Structure de base d’une page HTML.
Introduction à la mise en forme avec CSS : couleurs, typographie, mise en page.
Atelier pratique : création d’une page web simple avec HTML et CSS.
Jour 2 : Approfondissement des bases techniques
Matinée (4h)
4. Création d’un site multi-pages
Structurer un site avec plusieurs pages reliées.
Utilisation des liens internes et externes.
Gestion des images et médias dans un site web.
5. Introduction au design réactif (Responsive Design)
Techniques pour adapter un site aux écrans mobiles et tablettes.
Utilisation de media queries en CSS.
Après-midi (4h)
6. Introduction à JavaScript pour l’interactivité
Comprendre le rôle de JavaScript dans un site web.
Éléments interactifs simples : boutons, animations, formulaires.
Atelier pratique : ajouter des fonctionnalités interactives à un site.
Jour 3 : Découverte des CMS et création de visuels
Matinée (4h)
7. Découvrir WordPress (ou autre CMS)
Qu’est-ce qu’un CMS et pourquoi l’utiliser ?
Installation et configuration de WordPress.
Découverte de l’interface : tableau de bord, pages, articles.
8. Création de visuels pour le web
Introduction aux outils de création graphique : Canva, Figma, Photoshop (selon les besoins).
Principes de conception graphique : couleurs, typographie, harmonie visuelle.
Création de bannières, logos, et images optimisées pour le web.
Après-midi (4h)
9. Atelier pratique : Création de visuels
Création de visuels adaptés à un site : bannières, arrière-plans, icônes.
Exportation et optimisation des visuels pour une intégration rapide et fluide.
Jour 4 : Personnalisation et optimisation du site
Matinée (4h)
10. Personnalisation avancée avec WordPress
Ajout et gestion des thèmes.
Personnalisation du site via le customizer.
Installation et configuration des plugins essentiels (SEO, sécurité, formulaires, etc.).
11. Gestion des contenus
Création et mise en forme de pages et articles.
Intégration de médias : vidéos, galeries d’images, documents téléchargeables.
Après-midi (4h)
12. Introduction au référencement naturel (SEO)
Optimisation des contenus pour le SEO (balises, mots-clés, URL).
Utilisation de plugins SEO comme Yoast ou RankMath.
Cas pratique : optimisation d’une page pour le référencement.
Jour 5 : Finalisation et mise en ligne
Matinée (4h)
13. Tester et sécuriser le site
Vérifications avant la mise en ligne : compatibilité, navigation, vitesse.
Sauvegardes et mises à jour.
Sécurisation de base : plugins de sécurité, HTTPS, mots de passe.
14. Hébergement et mise en ligne
Choisir un hébergeur et un nom de domaine.
Transférer les fichiers du site sur le serveur.
Gestion des paramètres DNS et mise en ligne officielle.
Après-midi (4h)
15. Atelier final : Création d’un site complet
Réalisation d’un projet individuel ou en groupe :
Structuration du site.
Intégration des visuels.
Personnalisation et mise en ligne.