• Tout public

À l’issue de cette formation, les participants seront capables de :
?? Comprendre les bases du développement web et du fonctionnement des navigateurs
?? Maîtriser la syntaxe du HTML pour structurer une page web
?? Utiliser le CSS pour styliser et rendre les pages web responsives
?? Concevoir des mises en page modernes et adaptatives avec Flexbox et Grid
?? Intégrer les bonnes pratiques en matière d’accessibilité et d’optimisation du code

1?? Introduction au Développement Web
?? Qu’est-ce que le HTML et le CSS ?
?? Comprendre le fonctionnement du web et des navigateurs
?? Installation des outils : éditeurs de code (VS Code, Sublime Text), navigateurs, extensions utiles
?? Présentation des bases du référencement naturel (SEO) et de l’accessibilité web
2?? Structurer une Page Web avec HTML
?? Syntaxe et structure d’un document HTML
?? Les balises HTML essentielles : titres, paragraphes, liens, images, listes, tableaux
?? Utilisation des formulaires et des inputs
?? Introduction aux balises sémantiques (header, section, article, footer)
3?? Mise en Forme et Stylisation avec CSS
?? Introduction au CSS : sélecteurs, propriétés et valeurs
?? Gestion des couleurs, typographies et unités de mesure
?? Modèle de boîte CSS (box model, marges, paddings, borders)
?? Application de styles sur des éléments, classes et ID
4?? Mises en Page Avancées avec Flexbox et Grid
?? Comprendre et utiliser Flexbox pour organiser les éléments dynamiquement
?? Utiliser CSS Grid pour créer des mises en page complexes
?? Création d’un layout responsive adaptable aux différentes tailles d’écran
?? Utilisation des media queries pour le design adaptatif
5?? Animation et Interactions CSS
?? Introduction aux animations CSS et aux transitions
?? Utilisation des pseudo-classes et pseudo-éléments
?? Création de menus interactifs et effets au survol (hover, focus)
?? Introduction aux frameworks CSS (Bootstrap, Tailwind CSS)
6?? Bonnes Pratiques et Optimisation du Code
?? Structurer son CSS pour faciliter la maintenance
?? Optimiser le temps de chargement des pages (minification, lazy loading, CDN)
?? Compatibilité avec les navigateurs et tests sur mobile
?? Introduction au versioning avec Git/GitHub
7?? Mise en Pratique et Validation des Compétences
?? Création d’un projet web complet : intégration d’une page avec HTML & CSS
?? Développement d’une landing page responsive
?? Exercices de mise en page et corrections personnalisées
?? Ressources et roadmap pour approfondir HTML, CSS et JavaScript

Aucun prérequis

Durée totale : 40 heures

Formacode (Domaines de formation) :

• 30857 Langage HTML

Rome (Métiers) :

• M1805 Études et développement informatique

NSF (Spécialités de formation) :

• 326 Informatique, traitement de l'information, réseaux de transmission des données

Consulter la fiche détaillée sur le site de l'organisme