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

icon public

Public : Tous

icon horloge

Durée : 5 jour(s)

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

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

Sanction : Attestation de fin de stage mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT398-F

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

725,00 € HT / jour

1 700,00 €HT

1 035,71 € HT

Pour 10 heures utilisables pendant 12 mois

2 125,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance
Contacter Dawan

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

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

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Nos formations sont accessibles aux personnes en situation de handicap :
    Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins.

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Aucune date de programmée actuellement. Pour plus d'information sur les prochaines sessions, nous vous invitons à joindre le service commercial par téléphone au 02/318.50.01 (prix d'un appel local) ou depuis notre formulaire de contact.

Nos centres de formation

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg

  • La convivialité est très appréciable.
  • L'aide à postériori est aussi un plus en cas de blocage.
  • Pédagogie sur mesure!
  • Formateur très patient.
  • Oui, mais pas dans l'immédiat afin de mettre en application ce qui vient d'être découvert. excel éventuellement
  • Michèle L.