Objectifs pédagogiques
- Mettre en pratique 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.
Programme
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
Certification (en option)
- Prévoir l'achat de la certification en supplément
- L'examen (en français) sera passé soit à la fin de la formation, soit ultérieurement dans nos centres de formation
- Celui-ci se compose de 36 questions (QCM et questions à zones sensibles, en ligne) pour une durée moyenne de 35 minutes (75% de bonnes réponses sont nécessaires pour valider l'examen lié au module)
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des productions
- Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)