formation proposée par Campus Numérique Grand Sud IEFM

Html 5 niveau 1, css3

Cette formation vous apprendra à créer des
pages et des applications Web en utilisant HTML5 et CSS3.
Vous découvrirez les avancées proposées par le HTML5
notamment en termes d'interfaces Web riches/RIA,
de multimédia et de moyens de communication
permettant la mise en oeuvre d'applications
client/serveur attractives.

Rappels
- Rappels sur les versions HTML, DOM.
- Position des navigateurs face aux technologies HTML.
- Outils de développement HTML 5.
- Test de compatibilité, méthode de détection HTML 5.
Introduction au HTML 5
- Les objectifs de HTML 5.
- Les principaux concepts et apports.
- La " roadmap " de HTML 5.
- Quand utiliser HTML 5 ?
- Les différents composants.
Balises, formulaires, audio, vidéo, API, etc.
Balises HTML
- Structure de la page.
- Nouveaux tags sémantiques header, section,
footer, article, nav, aside. Encodage des données.
L'élément HTML 5 Canvas.
- Différence Canvas vs SVG. Usage du
Canvas : accessibilité, positionnement, effets.
- La sémantique HTML 5.
- Les nouvelles balises.
- Les extensions de balises HTML existantes.
- Les nouveaux attributs : a, fieldset, iframe, area, button...
- Les microformats. Présentation et avantages sur le référencement.
Attributs itemprop='nationality' ...
- Les formulaires. Les nouveaux types INPUT (email, date, week,...).
Les nouveaux champs de formulaires : range, autofocus, placeholder, menu, ...
- Les formats multimédia. Codecs et API Multimédia.
Gestion vidéo et audio avec les nouvelles balises HTML 5.



Nouveautés du CSS3
- Nouveaux sélecteurs : nth-child(even), child ...
- Support des polices : @font-face ...
- Mise en forme du texte.
- Text wrapping : text-overflow: ellipsis.
- Bordure sur texte : -webkit-text-fill-color,...
- Ombrage : text-shadow.
- Gestion multi colonnes : -webkit-column-count...
- Couleurs et lumières. Opacité. Saturation, luminosité hsla (95, 98%, 68%, 0, 19).
- Bordures arrondies : border-radius.
- Ombres sur texte et sur box et box-shadow.
- Gestion des fonds.
- Fonds ajustés aux conteneurs.
- Fonds dégradés : -webkit-gradient.
- Animations.
- Transitions : -webkit-transition.
- Transformation, rotations : -webkit-transform.

contacterContacter le centre de formation