Retour aux formations
Développement
HTML5/CSS3 - Maîtriser la création de ses pages Web (4-041)
3 jour(s) • 18h
Description
Objectif général de la formation : Former les participants à la maîtrise de HTML5 et CSS3 pour créer des sites Web professionnels et adaptatifs. Modalité : Toutes les modalités (présentiel, classe virtuelle et hybride) sont possibles Lieu possible de réalisation : Locaux du bénéficiaire ou locaux d’Ascent Formation, en France métropolitaine et dans les DROM-COM Nombre maximal de participants : 20 Niveau SAME visé : Application (A) Compétences visées : Maîtriser les fonctionnalités avancées de HTML5 et CSS3 pour créer des pages Web modernes et interactives. Concevoir des sites Web responsives, ergonomiques et attractifs. Réaliser des animations graphiques pour enrichir les interfaces utilisateur.
Objectifs pédagogiques
- Concevoir et développer des applications Web en HTML5 et CSS3.
- Mettre en place et valider la structure HTML5 des pages Web.
- Habiller des pages Web en CSS3 afin de les rendre plus attractives.
- Rendre responsive design les pages Web d'un site.
- Créer des images et des animations vectorielles.
Public concerné
Développeurs Web débutants à intermédiaires.
Professionnels souhaitant approfondir leurs compétences en HTML5 et CSS3.
Prérequis
Connaissances de base en HTML et CSS.
Déroulé du programme
1
Jour 1 : Introduction et bases de HTML5/CSS3 (6 heures)
6h
- HTML5 - Structure et nouvelles balises (2 heures)
2
Les bases du HTML.
3
Introduction aux nouvelles balises HTML5.
4
Travaux pratiques : Création d’une page HTML5 structurée.
- CSS3 - Les fondamentaux (2 heures)
5
Introduction aux propriétés CSS3.
6
Gestion des styles de texte et de mise en page.
7
Travaux pratiques : Habillage d’une page HTML avec CSS3.
- Validation et accessibilité (2 heures)
8
Outils de validation et normes W3C.
9
Accessibilité pour les utilisateurs.
10
Travaux pratiques : Validation et correction d’une page Web.
11
Jour 2 : Techniques avancées et responsive design (6 heures)
6h
- CSS3 - Animations et transitions (2 heures)
12
Création d’animations simples et avancées.
13
Mise en œuvre de transitions dynamiques.
14
Travaux pratiques : Création d’effets interactifs.
- Responsive design (2 heures)
15
Media queries et grilles CSS.
16
Adaptation aux différents formats d’écran.
17
Travaux pratiques : Création d’une page Web responsive.
- Utilisation des frameworks CSS (2 heures)
18
Présentation de frameworks (Bootstrap, Tailwind).
19
Intégration rapide avec les frameworks.
20
Travaux pratiques : Création d’une page Web avec Bootstrap.
21
Jour 3 : Projet pratique et finalisation (6 heures)
6h
- Conception d’un site complet (3 heures)
22
Planification d’un projet Web.
23
Intégration des éléments HTML5 et CSS3.
24
Travaux pratiques : Développement d’un mini-projet de site Web.
- Évaluation et optimisation (2 heures)
25
Optimisation des performances du site.
26
Évaluation des projets réalisés.
27
Travaux pratiques : Analyse et amélioration du projet.
- Présentation finale et conclusion (1 heure)
28
Présentation des projets par les participants.
29
Feedback et synthèse de la formation.
Informations
Durée
3 jour(s)
18h
Tarif
Sur demande
