M2i Formation

Web et Mobile Design - Intégration Web et mobile / Développeur Front End

Dreamweaver - Fonctionnalités avancées

Présentiel

3 jours (21 heures) - DRE-N2

Accueil  ›  Formations Multimédia  ›  Web et Mobile Design  ›  Intégration Web et mobile / Développeur Front End  ›  Dreamweaver - Fonctionnalités avancées

Objectifs pédagogiques

  • Perfectionner vos connaissances sur Dreamweaver
  • Corriger le code HTML directement dans l'éditeur
  • Créer des modèles avec régions modifiables et conditionnelles
  • Créer des extraits de code
  • Composer des pages en Responsive Design
  • Ajouter des comportements JavaScript
  • Créer des commandes
  • Importer des données XML.

Niveau requis

Avoir suivi le cours DRE-N1 "Dreamweaver - Initiation pour les professionnels du Web" ou avoir une pratique régulière de Dreamweaver.

Public concerné

Webmasters, créateurs de sites Internet, maquettistes, infographistes, responsables de communication, chefs de projets et responsables de campagne multi-canal devant intervenir dans un projet de création de site Internet et déjà utilisateurs de Dreamweaver.

Suivez, vous aussi ce cours à distance. Consultez-nous pour vérifier sa disponibilité.

Consultez-nous

Suivez, vous aussi ce cours à distance. Consultez-nous pour vérifier sa disponibilité.

Consultez-nous

Suivez, vous aussi ce cours à distance. Consultez-nous pour vérifier sa disponibilité.

Consultez-nous

Suivez, vous aussi ce cours à distance. Consultez-nous pour vérifier sa disponibilité.

Consultez-nous

Suivez, vous aussi ce cours à distance. Consultez-nous pour vérifier sa disponibilité.

Consultez-nous

Suivez, vous aussi ce cours à distance. Consultez-nous pour vérifier sa disponibilité.

Consultez-nous

Rappel des principales fonctions

  • Interface
  • Préférences
  • Gestion de site
  • Code en direct
  • Inspecteur de code
  • Indicateur de code CSS
  • Filtrer les fichiers associés

Mode code HTML

  • Assistant de saisie, compactage du code
  • Aperçu du kit de ressources Emmet
  • Code et affichage en direct (corrections dans le code)
  • Création et utilisation des fragments de code

Feuilles de styles (CSS)

  • La palette CSS Designer
  • Mise en page avec des CSS
  • Imbrication des balises

Modèles

  • Création de modèles
  • Utilisation des régions éditables
  • Application de modèles aux pages créées
  • Création de régions conditionnelles
  • Création de régions répétées
  • Utilisation des variables dans les pages modèles
  • Modification des paramètres dans une page utilisant un modèle

Responsive et Adaptative Design

  • Le point sur les supports mobiles
  • Médias et viewports
  • Gérer les Media Queries
  • L'outil Requêtes multimédias visuelles
  • Multiscreen Preview

Bootstrap

  • Description de la structure de grille
  • Créer un document Bootstrap
  • Personnaliser les paramètres
  • Ajout de composants
  • Ajout de lignes et de colonnes
  • Personnalisation des CSS

jQuery UI

  • Widgets disponibles
  • Insertion d'un widget d'interface
  • Modification
  • Utilisation des effets jQuery

Comportements

  • Ajout d'actions JavaScript
  • Chargement d'extensions via le site Adobe
  • Paramétrages des actions
  • Utilisation des extraits de code pour le JavaScript

Les outils de contrôle et d'optimisation

  • Vérification du code selon les navigateurs
  • Historique des actions
  • Création de commandes
  • Les fonctions avancées de recherche et remplacement

Formulaires

  • Utiliser HTML 5 form API
  • Paramétrage du formulaire
  • Eléments de formulaire et attributs
  • Widgets
  • Focus
  • Auto-complétion
  • Contrôle avant soumission