Développement Web

Durée : 20 à 30 heures
Niveau : Débutant à intermédiaire
Prérequis : Maîtrise de base de l’informatique et utilisation d’un navigateur web.

Objectifs de la formation

À l’issue de la formation, le participant sera capable de :

• Comprendre le fonctionnement d’un site web.
• Structurer une page web avec HTML5.
• Mettre en forme et personnaliser un site avec CSS3.
• Créer des interfaces modernes et responsives.
• Utiliser le Framework Bootstrap.
• Adapter un site aux ordinateurs, tablettes et smartphones.
• Créer des formulaires et des interfaces interactives.
• Organiser correctement les fichiers d’un projet web.
• Publier un site web sur un serveur.

Programme de formation

Module 1 – Introduction au développement web

• Fonctionnement du Web
• Client / serveur
• Navigateurs et serveurs web
• Structure d’un projet web
• Présentation des éditeurs de code
• HTML, CSS et JavaScript : rôles et différences

Module 2 – HTML5

• Structure d’une page HTML5
• Balises et attributs
• Titres et paragraphes
• Liens hypertextes
• Images et médias
• Listes
• Tableaux
• Formulaires
• Balises sémantiques HTML5
• Organisation et structuration d’une page web

Module 3 – CSS3

• Introduction aux feuilles de style
• Sélecteurs CSS
• Couleurs et arrière-plans
• Polices et typographie
• Marges et espacements
• Bordures et ombres
• Dimensions et positionnement
• Display et position
• Flexbox
• CSS Grid
• Transitions et animations
• Création d’une mise en page moderne

Module 4 – Responsive Web Design

• Principe du responsive design
• Adaptation aux différentes tailles d’écran
• Media Queries
• Mobile, tablette et ordinateur
• Approche Mobile First
• Tests et compatibilité entre navigateurs

Module 5 – Bootstrap

• Présentation du framework Bootstrap
• Installation et intégration
• Système de grille
• Containers, lignes et colonnes
• Boutons et composants
• Navbar et menus
• Cards
• Alertes
• Modals
• Formulaires
• Carousel
• Utilitaires Bootstrap
• Responsive design avec Bootstrap

Module 6 – Projet pratique

Réalisation d’un site web professionnel responsive :

• Page d’accueil
• Présentation de l’entreprise
• Services
• Galerie
• Page contact
• Formulaire
• Menu responsive
• Design adapté aux smartphones
• Optimisation de l’affichage

Mini projet

Chaque participant réalise un site web complet en HTML5, CSS3 et Bootstrap, depuis la conception de la structure jusqu'à la mise en ligne.

Conception → HTML5 → CSS3 → Responsive Design → Bootstrap → Tests → Mise en ligne

Compétences acquises

À la fin de la formation, le participant pourra :

• Créer des pages web professionnelles.
• Maîtriser les bases de HTML5 et CSS3.
• Concevoir des interfaces responsives.
• Utiliser Bootstrap pour accélérer le développement.
• Personnaliser des composants Bootstrap.
• Structurer et organiser un projet web.
• Mettre un site statique en ligne.