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

Demande d'information

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

  • Contenu Formation 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
    • Autres règles d'accessibilité
    • Optimisation de pages
    Tarifs :

    A distance ou présentiel
    : 1700 euros

Autre formation en rapport avec dreamweaver