Web & Open Source

Conception Web & développement

HTML 5 & CSS3

Avis d'expert

Le HTML5 et le CSS3 sont les dernières versions des principaux langages Web validés par le World Wide Web Consortium (W3C), l'organisme qui a pour mission de développer des protocoles et des standards sur les langages Web et leurs évolutions. Extrêmement complémentaires, le premier permettant d'afficher le contenu des pages web et le second visant à décrire la présentation de ces contenus, ils sont souvent associés dans le cadre des développements pour le web. Cette formation vous permettra d'utiliser les nouvelles possibilités offertes par le HTML5, telles que l'intégration vidéo et audio, grâce aux nouvelles balises et APIs puis de mettre vos pages en forme en tirant parti de la puissance de CSS3.

Objectifs pédagogiques

  • Apprendre Ă  crĂ©er des pages en HTML5 et utiliser les nouvelles balises HTML5
  • ĂŠtre capable d'apprendre Ă  utiliser les APIs JavaScript de HTML5
  • ConnaĂ®tre le niveau de support des fonctionnalitĂ©s HTML5 par les navigateurs actuels
  • Savoir Ă©muler certaines fonctionnalitĂ©s HTML5 sur des navigateurs moins rĂ©cents
  • Comprendre comment mettre en page et en forme avec CSS3

Public

DĂ©veloppeur Internet
Toute personne intéressée par la réalisation d'un site Web.

Pré-requis

Disposer de bonnes connaissances de HTML, XHTML et JavaScipt.

Méthode pédagogique

Formation rythmée par des apports théoriques et des ateliers de mise en pratique. Une pédagogie riche : l'alternance d'exposés théoriques, de mises en application immédiate à travers de nombreux travaux pratiques et de partages d'expériences garantit une appréhension rapide de HTML 5 et de CSS3.Les méthodes, bonnes pratiques et astuces pour créer des pages.

Programme pédagogique détaillé par journée

Jour 1
Jour 2


Jour 1

Introduction
Contexte : fonctionnement d'un site Internet.
Histoire du HTML.
Les organismes de normalisation : WHATWG et W3C.
La nouvelle vision HTML 5.
Roadmap HTML 5.

Comment utiliser le HTML 5 aujourd'hui ?
Savoir quand choisir le HTML 5.
Utiliser le HTML 5 avec des navigateurs qui ne le supportent pas.

Le balisage HTML 5
Structure d'une page.
Doctype.
Les nouveaux éléments et les éléments obsolètes.
HTML 5 et CSS.

Les formulaires
La balise form.
Créer et utiliser des formulaires HTML 5.

Audio et Video
Les éléments audio et vidéo.
Les conteneurs, les codecs.

Vue d'ensemble des APIs
Les APIs HTML 5.
Audio et vidéo.
Site web hors ligne.
DragetDrop.
Extension de HTMLDocument.
Extension de HTMLElement.

Haut de page
Jour 2

Dessiner en HTML
Canvas vs SVG.
Contexte et accessibilité.

La communication en HTML 5
Les événements.
Envoi de messages entre documents.
Envoi de messages par canaux.

La géo-localisation
Vue d'ensemble.
La vie privée de l'utilisateur.

Stockage
Stockage local.
Stockage en session.
Bases de données SQL Web.

CSS3 : standardiser des propriétés
Vue d'ensemble : se passer d'images, Ă©viter les astuces.
Coins arrondis, ombres portés, transparence, animations.
Mise en page et positionnement.
Autres nouveautés.

CSS 3 : mise en page et positionnement
Vue d'ensemble : clarifier le code, éviter la multiplication de div> imbriquées.
Niveau de présentation.
Mise en page par patron.
Mise en page multi-colonnes.
Mise en page par boîtes horizontales ou verticales.
Positionnement par grille.
Autres nouveautés.

Haut de page