Formation HTML5 / CSS3

Formation HTML5 / CSS3

Formateur :
Catégories :
Avis :

A propos de cette formation

HTML est un langage qui permet de présenter des informations sur Internet. Bien qu’encore en cours de création, la version HTML 5 est un langage parfaitement utilisable.

A la fin de cette formation, vous serez capable de :

•    Créer des pages en HTML 5 et utiliser les nouvelles balises HTML 5.
•    Utiliser les APIs JavaScript de HTML 5.
•    Connaître le niveau de support des fonctionnalités HTML 5 par les navigateurs actuels.
•    Emuler certaines fonctionnalités HTML5 sur des navigateurs moins récents.
•    Mettre en page et en forme avec CSS3

Programme de la formation

 

Introduction à HTML5 et CSS3

  • Contexte : fonctionnement d’un site internet
  • Histoire du HTML
  • Organismes de normalisation : WHATWG et W3C
  • La nouvelle vision HTML 5
  • Roadmap HTML 5

Utiliser le HTML5 aujourd'hui

  • Savoir quand choisir le HTML 5
  • Utiliser le HTML 5 avec des navigateurs qui ne le supportent pas

Balisage HTML5

  • Structure d’une page : disparition des notions « en ligne » et « bloc »
  • Doctype, NameSpace, Encoding
  • Les nouveaux éléments : section, article, aside, nav, … pour en-têtes , pied de pages, etc.
  • Les indispensables balises telles que menu, command, details, summary
  • Elements  sémantiques
  • Les micro data
  • Dates et temps
  • Les éléments obsolètes : center, font, frame, acronym, …
  • HTML 5 et CSS
  • Compatibilité entre navigateurs
  • Optimisation des balises pour les moteurs de recherche (SEO)

Les formulaires HTML 5

  • Balise form
  • Créer et utiliser des formulaires HTML 5
  • Gestion des dates, des emails, ..
  • Les validations de formulaire en HTML5
  • Auto focus

Audio et Vidéo en HTML 5

  • Les éléments audio et video
  • Les conteneurs
  • Contrôler la vidéo, l’audio avec l’API HTML5
  • Support et formats (codecs WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis)
  • Gérer plusieurs sources vidéos/audios
  • Streaming
  • Ajouter des sous-titres à une vidéo HTML5

Vue d'ensemble des API pour HTML 5

  • Les APIs HTML 5
  • Gestion des fichiers
  • Audio et Vidéo
  • Site web hors ligne
  • Drag & Drop
  • Extension de HTMLDocument
  • Extension de HTML Element
  • Historiques de pages

Dessiner en HTML 5

  • Dessiner en JavaScript
  • Canvas vs SVG
  • Contexte
  • Accessibilité
  • Quid des designers actuels ?

La communication en HTML 5

  • Les événements
  • Envoi de messages entre documents
  • Envoi de messages par canaux
  • Le push serveur
  • Web Sockets
  • Présentation de node.js
  • Les Web Workers pour le multi-tâches

La géo-localisation avec HTML 5

  • Vue d’ensemble
  • La vie privée de l’utilisateur
  • Géolocaliser ses utilisateurs sur Google Maps

Stockage avec HTML 5

  • 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
  • Mise en page et positionnement
  • Autres nouveautés

CSS3 : Mise en page et positionnement

  • Vue d’ensemble : clarifier le code, éviter la multiplication de
    imbriquées
  • Niveau de présentation
  • Mise en page par patron
  • Mise en page multi-colonnes
  • Mise en page par boite horizontales ou verticales
  • Positionnement par grille
  • Autres nouveautés

CSS3 : Animation

  • Transformations (2D et 3D)
  • Transitions

 

Autres formateurs

Développeur et formateur Web Open source et CMS

Développeur et formateur Java

Lead-développeur .NET et formateur en gestion de projet

Avis

Avis et commentaires extraits des évaluations remplies par chaque stagiaire en fin de formation.

0 Rated 0 out of 0 Ratings
5 stars 0
4 stars 0
3 stars 0
2 stars 0
1 stars 0

Members

Lorem Ipsn gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auci elit consequat ipsutis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.

Total number of students in course: