Créez votre premier site Web d'entreprise (HTML, CSS & JavaScript + IA)

Description

Créez et publiez un simple site Web d'entreprise avec HTML, CSS, JavaScript et l'aide de l'IA pour la mise en page et le contenu — sans framework requis. Niveau : débutant · Idéal pour : propriétaires de PME et personnel marketing Programme en ligne en direct de 6 semaines · 10 sessions en direct · Fuseau horaire Europe/Londres Ce que vous apprendrez Structurer des pages accessibles avec HTML sémantique. Styliser des mises en page responsives avec CSS moderne (flexbox et grid). Ajouter une légère interactivité avec JavaScript natif. Utiliser l'IA pour rédiger du contenu et du CSS tout en conservant le contrôle de la qualité. Déployer un site statique vers une cible d'hébergement et expliquer comment les mises à jour fonctionnent. Ce que nous couvrons Fondations front-end Structure HTML5 et notions d'accessibilité de base Variables CSS, flexbox et grid Points de rupture responsives et approche mobile-first JavaScript DOM et événements (introduction) Création de sites d'entreprise Sections héros, services, témoignages et contact Formulaires, validation et intégrations respectueuses de la vie privée Notions de base sur les performances et l'optimisation des images L'IA dans le flux de travail Génération de contenu à revoir pour précision Suggestions CSS à tester dans DevTools Éviter le balisage IA inaccessible ou gonflé Structure du cours Phase 1 — Structure HTML (Semaine 1 · 2 sessions en direct) Construire le squelette d'une page marketing à sections multiples. Balises sémantiques : header, nav, main, section, footer Titres, listes, liens et images avec texte alternatif Formulaires et étiquettes pour les blocs de contact Livrable : Maquette HTML non stylisée pour votre page d'entreprise. Phase 2 — Mise en page et branding CSS (Semaine 2 · 2 sessions en direct) Appliquer typographie, couleur et mise en page responsive. Réinitialisation CSS / normalisation et propriétés personnalisées Flexbox pour la navigation et les lignes de cartes Grid pour les sections de fonctionnalités Livrable : Mise en page stylisée pour bureau + mobile. Phase 3 — Composants et finition (Semaine 3 · 2 sessions en direct) Boutons, cartes et systèmes d'espacement cohérents. État des boutons et anneaux de focus Modèles de cartes et utilisation d'icônes Mode sombre optionnel (prefers-color-scheme) Livrable : Bibliothèque de sections de style composant sur une page. Phase 4 — Interactivité JavaScript (Semaine 4 · 2 sessions en direct) Menu mobile, défilement fluide et validation simple des formulaires. querySelector et écouteurs d'événements Changement de classes pour la navigation et FAQ Validation côté client avant soumission Livrable : Navigation interactive + FAQ sur votre page. Phase 5 — Notions de base sur le contenu et le SEO (Semaine 5 · 2 sessions en direct) Balises meta, Open Graph et structure de texte lisible. Balises titre, description et canonique Hiérarchie des titres et liens internes Flux de travail d'édition assisté par IA Livrable : Liste de contrôle SEO appliquée à votre site. Phase 6 — Publier et maintenir (Semaine 6 · 2 sessions en direct) Déployer des fichiers statiques et planifier des habitudes de mise à jour sécurisées. Options d'hébergement statique (Netlify / similaire) Aperçu des domaines personnalisés et HTTPS Flux de travail de mise à jour et sauvegarde Livrable : URL en direct pour votre site complété. Prérequis À l'aise avec l'utilisation d'un navigateur et d'un éditeur de texte. Aucune connaissance préalable en programmation requise. Livraison Vous pouvez utiliser votre véritable marque d'entreprise si désiré (les images de stock doivent être sous licence). Les frameworks (React, Vue) ne sont pas inclus — ce cours se concentre sur les fondamentaux. Détails complets du cours : https://nlcrc.co.uk/courses-web-fundamentals-ai Réservations et demandes : nlcrc.co.uk · 020 3393 0948