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