Dans cette formation en vidéo appréhendez les tenants et aboutissants du HTML5, des CSS3 et du Responsive Web Design. Le développement web devenant de plus en plus orienté multiplateforme, les contenus doivent impérativement s’adapter à tous les types de périphériques. Cette formation aborde les notions de structure, de sémantique, d’accessibilité et d’optimisation, notions primordiales aussi bien pour la pérennité et la portabilité des documents que pour garantir un bon référencement.

Le développement web devenant de plus en plus orienté multiplateforme, les contenus doivent impérativement s’adapter à tous les types de périphériques. Il faut donc intervenir sur la structure et la sémantique des documents afin d’assurer leur pérennité et leur portabilité vers d’autres applications. Il est également indispensable de créer des interfaces équilibrées qui garantiront une meilleure lisibilité, tout en favorisant une présentation moderne, sans pour autant mettre à mal l’accessibilité et l’optimisation du référencement des contenus. HTML5, CCS3 et le Responsive Web Design ne sont pas un effet de mode ! Bien au contraire, l’ensemble des technologies s’efforce de répondre aux demandes et attentes des concepteurs et des utilisateurs les plus exigeants en apportant des outils et des solutions pour faire évoluer le web vers sa prochaine étape.

Bande annonce de cette formation Responsive Design :

Vue d'ensemble de la formation Responsive Design :

• Introduction
  Dans ce chapitre, nous poserons les bases de la conception de sites web adaptatifs (Responsive Web Design) avec HTML5 et CSS3 et définirons dans un premier temps un environnement de travail et quelques axes de réflexion.
• Avant de commencer, prototypons
  Au cours de ce chapitre, nous allons explorer les bases de la mise en place et de l'utilisation de grilles, qu'elles soient fixes ou fluides. Le prototypage est une phase incontournable de la création de sites web.
• HTML5
  Dans ce chapitre, nous verrons que l'évolution vers HTML5 ne se limite pas à l'ajout de quelques balises, le changement est plus profond.
• CSS3
  Dans ce chapitre, nous allons aborder diverses facettes des CSS. Nous verrons plus particulièrement la manière de les déployer, de les placer en production et de les rendre le plus largement portable.
• Responsive
  Nous verrons dans ce chapitre comment anticiper le comportement de l’affichage lors d'un changement de périphérique, ou du redimensionnement de la fenêtre de présentation. Le web se doit en effet d'être réactif, adaptatif.
• La typographie et le web
  Dans ce chapitre, nous verrons que l'époque des limitations à quelques jeux de police est maintenant révolue. Dorénavant toutes les polices s'adaptent aux supports numériques.
• Les médias et multimédias
  Nous verrons dans ce chapitre qu’HTML5 ouvre aujourd’hui ses portes non seulement à l'audio et à la vidéo, mais aussi à la balise , jusqu’ici souvent laissée de côté.
• L'animation
  Un chapitre tout en mouvement. Plus rien n'est statique, qu'il s'agisse de transition entre deux états ou d'objet qui se modifie. Nous verrons qu’HTML5 et les CSS3 apportent un lot de comportements animés en tout genre.
• Dessiner avec son navigateur
  Explorons plus en détails dans ce chapitre les éléments graphiques multimédias et interactifs. Les deux balises "canvas" et "svg" vont permettre bien des choses, et cela sans avoir à passer par des technologies tierces et propriétaires.
• À ne pas oublier !
  Avant de conclure, nous verrons dans ce chapitre qu’il est toujours bon de se remémorer les bonnes habitudes de tests et de validation.

Les fichiers sources sont fournis avec cette formation sur le responsive design, HTML 5 et CSS.

Notez que vous pouvez acheter à l'unité toutes les vidéos de cette formation. Pour cela, cliquez sur l'onglet "table des matières".