Webmaster Avancé: HTML5/CSS3/RWD

Webmasters

Avoir de bonnes connaissances HTML et CSS

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.

Introduction

Historique: Evolution du HTML et de CSS
Le HTML5: Présentation des problèmatiques actuelles
Exemples d’applications en HTML 5 et CSS3
Aperçu d’outils de développement comme Visual Studio

HTML5

Structurer une page en HTML5:
Les balises sémantiques: header, article, aside…
Création d’un conteneur de disposition
Les nouveaux attributs utilisés par les moteurs de recherche

Atelier pratique: Architecture d’une page en HTML5

Gestion des médias en HTML 5

Les balises audio et video
La balise Canvas: Utilisation de l’API Canvas.
Graphiques interactifs avec SVG

Atelier pratique: Création de graphiques interactifs

CSS 3

Application de styles aux propriétés de zone HTML 5
Les 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 arrière-plan, dégradés,ombres, détourage,
transparence, dimensionnement, marges…
Problématiques de positionnement, les différents modes de positionnement., affichage, masquage
Disposition en colonnes. Flottements, exclusions.

Atelier pratique: Création d’une page d’articles de presse

Application de styles aux propriétés de texte HTML 5

Format, couleur, ombre portée…
Intégration de polices: @font-face
Alignement, indentation du texte, justification, césure.

Atelier pratique: Mise en page d’un article

Les transitions et les transformations en CSS3

Transformation d’objets en 2D et 3D
Animations d’objets avec les transitions CSS
Adaptation de l’interface en fonction des médias utilisés

Atelier pratique: Animation de la page web

Le Responsive Web Design

Présentation du Responsive Web Design: objectifs, alternatives...
Le modèle flexible
Les media queries
Disposition utilisant les régions, le regroupement et l’imbrication
Les grilles fixes et fluides
Compression d'images, sprites, Data URI
API Network Information JavaScript pour Responsive

Atelier pratique: Adaptation de la page web aux multiples formats ( tablettes, smartphone…)

Les principales API de HTML 5

Les API de stockages: LocalStorage, SessionStorage, IndexedDB
La géolocalisation
Offline web application

Passage de la certification (si prévue dans le financement)

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Contrôle continu

Attestation de fin de stage mentionnant le résultat des acquis

Sources des exercices + Support papier