Selon une étude de l’hébergeur Rackspace réalisée en 2011, 38% des acheteurs en ligne abandonnent les sites ou applications qui se chargent en plus de 10 secondes.
Apprenez à concevoir et structurer votre site Web pour le rendre le plus performant possible. N’attendez plus, suivez cette formation pour tout savoir sur le HTML 5 & CSS 3.

Formation

Je choisis ma session

PARIS

3 jours / 21 heures
1 500 euros HT

Objectifs

* Utiliser les nouveaux éléments HTML5 du code sémantique * Découvrir les multiples possibilités graphiques des CSS * Savoir quelles propriétés CSS3 utiliser en fonction de son panel de navigateurs et adapter l'affichage pour les navigateurs plus anciens (polyfills, fallback) * Savoir intégrer du son et de la vidéo sans imposer de plugins aux utilisateurs

Public concerné

Webdesigners, créateurs d'EPUB ou de publications digitales, intégrateurs, développeurs ou toute personne qui utilise déjà les CSS.

Programme

Tout savoir sur HTML5 et CSS3

  • Découvrez les spécificités des différents navigateurs
  • Ce qui a changé entre HTML4, XHTML et le HTML5 : balises et attributs dépréciés

HTML5 : structure et syntaxe

  • Créez l’architecture de votre page
  • Familiarisez-vous avec les nouvelles balises et attributs : header, nav, article, section, figure, footer, aside, adress, time, role
  • Les balises vidéo, audio, Canvas et leur APIs

CSS3 : apprenez à utiliser les nouveaux sélecteurs et propriétés

  • Ciblez les éléments avec précision : les sélecteurs :before, :after, ~, [attr], :empty, :enabled, :root, :first-of-type…
  • Décorez avec soin : border-radius, transitions, rotations, opacity, box-shadow
  • Modifiez les images d’arrière-plan :
    • multiple backgrounds
    • background-size
  • Formatez les textes :
    • les polices embarquées avec @font-face
    • text-shadow
  • Le multicolonne :
    • propriétés inline-block
    • column-count
    • column-gap
    • column-rule
    • column-width

HTML5 et CSS3 pour les mobiles et les tablettes

  • Intégrez un template en HTML5 et CSS3
  • Utilisez l'API de la balise vidéo : contrôlez la vidéo via HTML5 et appliquez des effets CSS
  • Utilisez l'API de la balise audio : du son sans plugin
  • Typographie Web : expérimentez les effets de texte avec des polices personnalisées
  • Galerie photo et slideshow avec animations et transitions
  • Utilisation de l'API de dessin 2D avec l'élément Canvas

Dans le même domaine

Écrire pour le web

Formation

Les internautes ont une manière bien à eux de découvrir des contenus sur le web : la navigation, les codes, la mise en forme sont différentes. Il est donc nécessaire d’adapter votre contenu éditorial aux spécificités du web afin d’en optimiser la lecture et le partage.