HTML5 CSS3

Catégorie : Étiquettes : , , , , ,

Description

PUBLIC:

Cette formation s’adresse aux concepteurs de sites Web et informaticiens désireux de connaître les avancées proposées par les technologies HTML5 et CSS3. Les décideurs confrontés à des choix stratégiques pour des nouveaux projets Web sont également susceptibles d’être intéressés.

PRÉREQUIS
Bonnes connaissances du HTML4.1/xHTML1.0 et du CSS2.1. Savoir utiliser un éditeur de texte.

OBJECTIFS :
Cette formation HTML5 CSS3 vous permettra d’apprendre à créer des pages et des applications Web utilisant HTML5 et CSS3. Vous découvrirez l’ensemble des avancées du HTML5 : vidéo, canvas, formulaires, … mais aussi les nombreuses nouvelles possibilités de mise en forme offertes par les CSS3 telles que les responsive design.
A l’issue de la formation, les stagiaires seront capables de créer des pages Web responsives.

DURÉE: 3 jours

PROGRAMME :

  • Rappels
    • Rappels sur les versions HTML, XML et DOM
    • Position des navigateurs face aux technologies HTML. Impact de la normalisation
    • Outils de développement HTML5
    • Test de compatibilité, méthode de détection HTML5
  • Introduction au HTML5
    • Les objectifs de HTML5
    • Les nouveaux concepts et les nouveaux éléments
    • Le calendrier prévisionnel de HTML5
    • Quand peut-on utiliser HTML5 ? Peut-on faire encore l’impasse ?
    • Comment valider une page HTML5
  • Les nouvelles balises HTML5
    • Structure de la page
    • La sémantique HTML5
    • Nouvelles balise sémantiques : header, footer, nav, section, article, aside
    • Dessiner dans des pages avec l’élément canvas
    • L’intégration d’images vectorielles en SVG
    • Les micro-données. Leur intérêt pour le référencement. Présentation des attributs itemtype, itemprop, itemscope
    • Les apports sur les formulaires
    • Les formats multimédia. Codecs et API Multimédia. Gestion vidéo et audio avec les nouvelles balises HTML5
  • Nouveautés du CSS3
    • Nouveaux sélecteurs : :nth-child, :target
    • Support des polices distantes : @font-face
    • Mise en forme du texte
    • Les déclarations de couleurs. Le modèle de couleur en teinte, saturation, luminosité, alpha (hsla(60, 50%, 80%, 0.5)
    • Le contrôle de l’opacité : opacity
    • Les coins arrondis : border-radius
    • Les ombres des boîtes : box-shadow
    • La gestion des fonds

MODALITÉS PÉDAGOGIQUES :
La formation est composée de nombreux exercices pratiques d’application


Information Complémentaire
Financement

Salarié, salle