Description
Objectif général de la formation : Permettre aux développeurs de créer des pages Web modernes, interactives et responsives en utilisant HTML5 et CSS3. 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 la structure et les fonctionnalités avancées de HTML5 et CSS3. Concevoir des interfaces ergonomiques et accessibles. Réaliser des sites Web adaptatifs et modernes.
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 ou intermédiaires.
Professionnels souhaitant maîtriser les technologies HTML5 et CSS3.
Prérequis
Connaissances de base en informatique et en développement Web.
Déroulé du programme
1
Jour 1 : Initiation à HTML5 et CSS3 (6 heures)
6h
- Introduction à HTML5 (2 heures)
2
Les bases de la structure HTML.
3
Les nouvelles balises de HTML5.
4
Travaux pratiques : Création d’une page Web avec HTML5.
- CSS3 - Les fondamentaux (2 heures)
5
Syntaxe et propriétés de base de CSS3.
6
Gestion des couleurs, polices et arrière-plans.
7
Travaux pratiques : Habillage d’une page Web avec CSS3.
- Validation et accessibilité (2 heures)
8
Validation des pages Web avec les outils W3C.
9
Concepts d’accessibilité et normes à respecter.
10
Travaux pratiques : Vérification et correction d’une page Web.
11
Jour 2 : Approfondissement et pratiques avancées (6 heures)
6h
- Responsive design (2 heures)
12
Introduction aux media queries.
13
Conception de mises en page adaptatives.
14
Travaux pratiques : Réalisation d’une page Web responsive
- Animations et transitions CSS3 (2 heures)
15
Création d’effets de transition.
16
Animation des éléments d’une page.
17
Travaux pratiques : Mise en œuvre d’animations CSS3.
- Création d’un mini-projet Web (2 heures)
18
Intégration de toutes les compétences apprises.
19
Présentation des projets et retours d’expérience.
Informations
Durée
2 jour(s)
12h
Tarif
Sur demande
