Formation professionnelle - Dreamweaver - Avancé : HTML5/CSS3, Javascript et Responsive Design + XML, Ajax et jQuery - Dawan Lille

Introduction : Présentation de Dreamweaver CC Présentation des produits Adobe

Découvrir le cloud Computing avec Dreamweaver CC Créer son Adobe ID Panorama des outils de création de pages web Rappels des normes XHTML, CSS, HTML5 Les problèmatiques actuelles : le multi-format, les terminaux mobiles

Découvrir HTML5 : Présentation de HTML 5

Support par les navigateurs Les balises HTML5

Atelier pratique : Une première page en HTML 5

Créer des sites web avec HTML5 : Structure et sémantique Nouveaux éléments de formulaire HTML5 Intégration d’animations et sons

Atelier pratique : Création d’un premier site

avec formulaire en HTML5

Utiliser CSS 3 : Rappel CSS Ordre de priorité: cascade et héritage Dimensionnement, marges Problèmatique de positionnement Propriétés CSS 3 pour la mise en forme: bordures, ombres, transparence...

Atelier pratique: démonstration de styles et d’effets sur les différentes propriétés étudiées, mise en page complexe d’une page

Découvrir JavaScript : Concepts de base du Javascript Gestion des événements Présentation du DOM (Document Object Model) Accès, modification, ajout d’éléments et d’attributs Gestion dynamique des CSS

Atelier pratique: réaliser une galerie de photos

Découvrir XML : Presentation du format XML Structure d’un document XML Intérêts d’XML

Atelier pratique : flux RSS d’un site web

Comprendre le Responsive Web Design : Présentation du Responsive Web Design : objectifs, alternatives...

Les grilles fluides Les media queries Compression d’images, sprites, Data URI Introduction aux librairies JavaScript pour compatibilité HTML5



Atelier pratique : création d’un site multiplateforme (smartphone, tablette...)



Découvrir

jQuery UI/ JQueryMobile : Présentation de jQuery UI Fonctions essentielles Installer JQuery UI et utiliser un composant de base Utiliser les onglets de JQuery Panneau JQuery Mobile

Atelier : Réalisation d’un menu dynamique avec JQuery UI, utilisations des effets JQuery création et mise en forme d’une page à destination de mobile

Comprendre Ajax et XMLHttpRequest : Communication synchrone et asynchrone Instancier un objet XMLHttpRequest Envoi de requêtes Gestion des réponses, codes de retour des serveurs HTTP Gestion des erreurs

Utiliser Ajax avec jQuery : Communication asynchrone/synchrone Mise en oeuvre d’Ajax Fonctions jQuery disponibles Chargement de pages et injection de code Intégration complète d’Ajax et de l’UI Compatibilité avec les autres frameworks

Atelier pratique : création d’une interface web riche avec jQuery

Optimisation de pages pour le référencement : SEO : Rappels rapides sur le référencement Règles élémentaires de SEO : Titre de documents, Meta, titre de contenus Règles avancés de SEO : Liens, images, nom de fichiers, etc.

Introduction à l’accessibilité : Référentiels d’accessibilité Quelques règles de bases : styles CSS, tableaux, navigations Autres règles d’accessibilité Optimisation de pages