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

Duration

5,00 day(s)

Language(s) of service

EN FR

Next session

Who is organizing this training?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

The content of this page is not available in English

Who is the training for?

Tous

Prerequisites

Avoir suivi le cours "Dreamweaver initiation" ou posséder les connaissances équivalentes

Goals

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,..

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

Présentation 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