Trainings › Development Team › Developing with HTML5 and CSS3

Next Sessions

Description

Le Web a beaucoup évolué durant cette dernière décennie. L’apparition de nouveaux terminaux mobiles, le développement des réseaux sociaux, des blogs et wikis, l’interactivité et le multimédia sont devenus des composantes essentielles de la réalisation d’un site Web. Dans ce contexte, les standards du Web que sont HTML et CSS ont atteint leur limite, laissant la place à des technologies non standardisées et donc controversées comme Flash. Le couple HTML5 / CSS3 a pour ambition de combler ces lacunes et faire face aux enjeux d’aujourd’hui, en proposant un standard moderne pour intégrer du contenu riche, faciliter le design des pages Web, et simplifier la problématique cross-plateforme.

Dans cette formation, vous aborderez les langages HTML5 et CSS3 sous un angle résolument pratique. Vous apprendrez à concevoir une page simple, puis à intégrer progressivement les nouvelles fonctionnalités de HTML5 et CSS3. Vous évaluerez aussi l’intérêt de ces technologies et leur complexité pour décider de leur utilisation dans vos applications.

Ce cours apporte des réponses aux questions suivantes : “Comment concevoir une page Web avec HTML5 ?”, “Comment intégrer de la vidéo et du son dans une page Web ?”, “Quels sont les apports de HTML5 et CSS3 ?”, “Quelles sont les bonnes pratiques de réalisation d’un site Web ?”, “Peut-on créer des applications Web déconnectées ?”.

Vous allez apprendre à

• Comprendre les limites de HTML4 face aux enjeux du Web d’aujourd’hui
• Connaître les nouveautés de HTML5 et CSS3
• Savoir structurer efficacement une page Web avec HTML5
• Animer vos pages Web avec CSS3
• Intégrer de la vidéo et du son
• Utiliser les fonctionnalités avancées de géolocalisation et persistance

Program

• Les origines de HTML et CSS
  • W3C : Le Web et la standardisation
  • Les langages HTML et XHTML
  • La vocation du HTML et des CSS
  • Syntaxe des feuilles de style
  • Bonnes pratiques de design Web
• Présentation de HTML5 / CSS3
  • Pourquoi une nouvelle version de (x)HTML et CSS ?
  • La chaîne de production Web
  • Intégration Web : limitations CSS 2.1
  • Limites de HTML4 : technologies alternatives
• Balises HTML5 : changements et nouveautés
  • Nouvelles balises
  • Balises dépréciées
  • Objectif : faciliter le design
  • Le support des navigateurs
• Fonctionnalités de HTML5
  • La sémantique
  • Structurer une page
  • Balisage d’un blog
  • WebForms 2.0
  • Le multimédia : vidéo et son
  • Les canvas
  • Drag and Drop
  • Persistance, bases de données locales
  • Travail hors ligne
  • Géolocalisation
  • Web Workers et Web Sockets
• Fonctionnalités de CSS3
  • Les préfixes CSS3
  • Ombrage de texte
  • Transformations et transitions
  • 2D et 3D avec CSS3
• Développement mobile
  • Développer des applications Web mobiles
  • Supporter les terminaux Android et l’iPhone
• HTML5 / CSS3 : conclusion
  • Etat des lieux et roadmap
  • Produire avec HTML5
  • Suivre les évolutions

Outils : Firefox 3, IE 9, Chromium, Safari 4, Serveur http, Notepad++