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

Commentaire sur Formation Dreamweaver Avancé : HTML5/CSS3, Javascript et Responsive Design + XML, Ajax et jQuery - Présentiel - Aix-en-Provence - Bouches-du-Rhône

• 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