La formation HTML 5 et CSS 3 - Création de pages Web vous apprendra à créer des pages web basées sur HTML5 et CSS3.
Cette formation HTML 5 et CSS 3 pourra être ponctuée par la certification ENI-CIT5HTM. La certification ENI-CIT5HTM vous permet de valoriser vos compétences pour construire des pages web statiques avec un langage de balises et à les mettre en forme avec une feuille de style.
La certification ENI-CIT5HTM est un label qualité attestant officiellement de votre expertise et répondant aux demandes actuelles du marché.
Objectifs pédagogiques / Compétences visées
- Décrire la structuration d'une page HTML 5
- Ajouter des styles CSS aux éléments d'une page
- Utiliser les blocs et les tableaux
- Créer des formulaires avec WebForms 2.
Niveau requis
Aucun.
Public concerné
Webmasters, concepteurs Web, développeurs, chefs de projets techniques.
Programme
Jour 1
Structure d'une page
- Tags principaux
- Simplification avec HTML 5
- Les éléments et leur placement
Exemple de travaux pratiques (à titre indicatif)
- Création d'une page Web simple
Balises structurantes
- Blocs div et span
- Listes
- Tableaux
- iFrames
Exemples de travaux pratiques (à titre indicatif)
- Création d'un menu à partir d'une liste à puces
- Création d'un tableau de contacts
- Affichage d'un fichier PDF dans une page Web
Web Forms 2
- Champs de saisie
- Listes déroulantes
- Boutons radio
- Champs date
- Placeholder
- Slider
- Validation automatique
Exemple de travaux pratiques (à titre indicatif)
- Création et validation d'un formulaire de saisie d'informations d'un contact
Jour 2
HTML 5
- Balises sémantiques
- Audio et vidéo
Exemples de travaux pratiques (à titre indicatif)
- Affichage d'un élément audio et vidéo
- Structuration d'une page Web avec les éléments
- Header
- Nav
- Section
- Article
- Footer
Styles CSS
- Syntaxe des sélécteurs CSS
- Pseudo sélecteurs
- Principales propriétés CSS
- Règles CSS
- Frameworks CSS
Exemples de travaux pratiques (à titre indicatif)
- Analyse du site Zen Garden
- Mise en forme avec CSS
- Mise en forme d'un tableau et d'un formulaire avec Bootstrap
Structure des éléments
- Le modèle de boîte
- Eléments block et inline
- La propriété display
- Padding, marges et bordures
Exemples de travaux pratiques (à titre indicatif)
- Mise en forme d'une page Web avec les propriétés CSS : padding et margin
Jour 3
Positionnement
- Positionnement dans le flux
- Positionnement absolu et relatif
- Positionnement fixé
- Positionnement flottant
Exemple de travaux pratiques (à titre indicatif)
- Utilisation des propriétés CSS position
- Left
- Top
- Float
- Clear
CSS 3
- Nouveaux sélecteurs
- Fonts, couleurs et bordures
- Positionnement en colonnes
- Media Queries
Exemples de travaux pratiques (à titre indicatif)
- Utilisation des propriétés CSS
- Les ombrages
- Les dégradés de couleurs
- Les angles arrondis
- Les Flexbox
- Mise en forme selon le type de média
Certification (en option)
- Prévoir l'achat de la certification en supplément
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- La durée moyenne est de 1h00 et le score obtenu attestera d'un niveau de compétence
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)