Objectif du cours sur Bootstrap 5
Introduction
Qu'est-ce qu'un site vitrine ?
Présentation de HTML5 et Bootstrap 5
1. Prérequis
- Notions de base en HTML et CSS (si nécessaire)
- Outils recommandés :
- Éditeur de texte (Visual Studio Code, Sublime Text, etc.)
- Navigateur web (Chrome, Firefox, etc.)
2. Structure de base d’un site HTML5
- La déclaration
- La structure "html","head","body"
- Inclusion de Bootstrap 5 via CDN
- Exemple de squelette HTML5 avec Bootstrap
3. Mise en place d’un layout avec Bootstrap 5
- Utilisation de la grille (Grid System)
- Containers, Rows, Cols
- Ajout de sections (header, main, footer)
4. Création de la page d’accueil
- Ajout d’un menu de navigation (Navbar)
- Introduction à la mise en page responsive
- Ajout d'images, textes et boutons
5. Personnalisation avec Bootstrap 5
- Utilisation des classes utilitaires
- Ajout de styles personnalisés (optionnel)
- Ajout d’animations simples
6. Optimisation et bonnes pratiques
- Accessibilité
- Optimisation pour mobiles
- Tests sur différents navigateurs
7. Mise en ligne
- Options d’hébergement gratuites
- Conseils pour publier votre site
8. Ressources complémentaires
- Documentation Bootstrap
- Tutoriels HTML5 et CSS
- Outils de design
Conclusion du cours sur Bootstrap 5
Résumé des compétences acquises, encouragement à continuer la pratique
