Formation Dreamweaver Avancé : HTML5/CSS3, Javascript et Responsive Design + XML, Ajax et jQuery
ContenuFormation Dreamweaver Avancé : HTML5/CSS3, Javascript et Responsive Design + XML, Ajax et jQuery.
Durée: 5 jours
Public: Tous
Pré-requis : Avoir suivi le cours "Dreamweaver initiation" ou posséder les connaissances équivalentes
Objectifs: Approfondir les principales fonctionnalités de Dreamweaver - Découvrir les nouveautées - Maîtriser l'utilisation avancée des CSS . - Découvrir les étapes clés du SEO- Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,..
Référence: SIT398-F
Programme:
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.
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.
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