Webmaster Avancé : HTML5/CSS3/RWD par Dawan

IntroductionHistorique : Evolution du HTML et de CSSLe HTML5 : Présentation des problèmatiques actuellesExemples d'applications en HTML 5 et CSS3Apercu d'outils de développement comme Visual StudioHTML5Structurer une page en HTML5 :Les balises sémantiques : header, article, aside...Création d'un conteneur de dispositionLes nouveaux attributs utilisés par les moteurs de rechercheAtelier pratique : Architecture d'une page en HTML5Gestion des médias en HTML 5Les balises audio et videoLa balise Canvas : Utilisation de l'API Canvas.Graphiques interactifs avec SVGAtelier pratique : Création de graphiques interactifsCSS 3Application de styles aux propriétés de zone HTML 5Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important, l'architecture objet, les pseudo
- classes et les pseudo
- éléments.Apparence: Taille, bordures, contours, background, image arriere
- plan, dégradés,ombres, détourage,transparence, dimensionnement, marges...Problèmatiques de positionnement, les différents modes de positionnement., affichage, masquageDisposition en colonnes. Flottements, exclusions.Atelier pratique : Création d'une page d'articles de presseApplication de styles aux propriétés de texte HTML 5Format, couleur, ombre portée...Intégration de polices : #0x40#font
- faceAlignement, indentation du texte, justification, césure.Atelier pratique : Mise en page d'un articleLes transitions et les transfomations en CSS3Transformation d'objets en 2D et 3DAnimations d'objets avec les transitions CSSAdaptation de l'interface en fonction des médias utilisésAtelier pratique : Animation de la page web Le Responsive Web DesignPrésentation du Responsive Web Design : objectifs, alternatives...Le modèle flexibleLes media queriesDisposition utilisant les régions, le regroupement et l'imbricationLes grilles fixes et fluidesCompression d'images, sprites, Data URIAPI Network Information JavaScript pour ResponsiveAtelier pratique : Adaptation de la page web aux multiples formats ( tablettes, smartphone...)Les principales API de HTML 5Les API de stockages : LocalStorage, SessionStorage, IndexedDBLa géolocalisationOffline web application

Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,....
- Générer un flux RSS
- Découvrir XML, Ajax et jQuery