Pack HTML5/CSS3

Présentation

Le langage HTML définit la structure et la présentation d’un document Web en utilisant une variété de balises et attributs . La structure correcte pour un document HTML commence avec <head> <html> (entrez ici ce document est environ) <body> et se termine par </body> </html>. Toutes les informations que vous souhaitez inclure dans votre page Web s’intègre entre le <body> et </body>.

Il y a des centaines d’autres balises utilisées pour le format et l’agencement des informations dans une page Web. Les étiquettes sont également utilisés pour spécifier des liens hypertextes. Ceux-ci permettent aux développeurs Web de diriger les utilisateurs vers d’autres pages Web avec un seul clic de la souris soit sur une image ou un mot.

Objectif

  • S’initier au langage html pour évoluer vers la création et l’entretien de sites Web. Vous connaissez la syntaxe ainsi que les commandes les plus importantes de HTML, CSS,
  • les domaines d'application les plus communs et des cas d'application concrète,
  • vous êtes en mesure de créer ou de personnaliser du code programme manuellement ou à l'aide d'éditeurs simples.

Pré-requis

  • Cette formation s’adresse à tous les professionnels qui souhaitent apprendre les bases nécessaires à l’élaboration d’un site Web optimisé. On les nomme : Web Publishers, Web Designers, administrateurs systèmes, administrateurs Web désirant personnaliser du code source manuellement,
  • ce cours requiert une bonne connaissance du web, avec idéalement, un langage de programmation.

Compléments d'informations

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
  • Web Forms 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 WebSockets

Fonctionnalités de CSS3

  • Les préfixes CSS3
  • Ombrage de texte
  • Transformations et transitions
  • 2D et 3D avec CSS3

HTML5 / CSS3 Conclusion

  • Etat des lieux et roadmap
  • Produire avec HTML5
  • Suivre les évolutions