Informatique » Internet / XML-SOA / Cloud » Formation Web, développement »

HTML 5.0, créer des sites Web

Formation HTML 5

Eligible au DIF

Réf : HCS

Prix 2012 : 1285 € H.T.
Durée : 2 jours

Cliquer sur une session pour réserver:

Paris
11 juin 12, 6 sept. 12

Toutes les sessions

Lyon,Aix
Nantes,Rennes
Toulouse,Bordeaux
Bruxelles,Strasbourg
Lille,Geneve
Sophia-antipolis,Luxembourg :
Nous contacter

Filières métiers:
	Développeur de site Web (côté client)
	Développeur Web / Javascript / Ajax
	Web master

Pour aller plus loin

HTML 5.0, les API JavaScript

Les objectifs de cette formation HTML 5

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.

Participants de cette formation HTML 5

Développeurs Web. Chefs de projet Web.

Pré-requis de cette formation HTML 5

Connaissances de base de HTML et CSS.

Programme de cette formation HTML 5

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.

Travaux pratiques
Démonstrations. Découvertes des possibilités et du champ d'action.

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.

Travaux pratiques
Création de templates HTML 5. Positionnement d'éléments en absolu. Nombreux TP sur la mise en oeuvre des balises HTML5 (formulaires, conception. ...). Réalisation d'un lecteur multimédia.

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.

Travaux pratiques
Intégration de CSS 3 aux applications Web. Mise en forme de textes. Gestion multicolonne. Positionnement à l'écran. Animation et effets de transition.