Formation Adobe Dreamweaver

Leçon 1 • Création de votre premier document web

Guide la création d'un nouveau fichier HTML et présente les propriétés du document. Relie la connaissance de l'interface à une sortie de fichier tangible.

Leçon 2 • Présentation de l'interface de Dreamweaver

Présente les panneaux, les barres d'outils et les dispositions de l'espace de travail. Construit une conscience spatiale de l'EDI avant toute création de fichier.

Leçon 3 • Création et gestion des sites

Définit les structures de site locales et distantes à l'aide de la boîte de dialogue Configuration du site. Établit la base du projet dont dépend tout travail ultérieur.

Leçon 1 • Insertion et gestion des images

Couvre l'insertion d'images, le texte alternatif et les propriétés de base des images. Relie la gestion des médias à une sortie HTML accessible et optimisée.

Leçon 2 • Tableaux et présentation des données

Présente les tableaux HTML pour les données tabulaires avec un balisage d'en-tête approprié. Distingue les tableaux de données des tableaux de mise en page pour l'accessibilité.

Leçon 3 • Compréhension des vues Code et Conception

Explique les modes de vue Fractionné, Code et Conception et leurs cas d'utilisation. Ancre les apprenants dans la façon dont les modifications visuelles se traduisent en balisage.

Leçon 4 • Structuration des pages avec du HTML sémantique

Couvre la hiérarchie des titres, les paragraphes, les listes et les éléments conteneurs sémantiques. Renforce la structure de page accessible et conforme aux normes.

Leçon 1 • Introduction au CSS dans Dreamweaver

Explique les CSS en ligne, internes et externes et comment Dreamweaver les gère. Établit la relation entre la structure HTML et la présentation CSS.

Leçon 2 • Typographie et style des couleurs

Applique les familles de polices, les tailles, les graisses et les valeurs de couleur via le Concepteur CSS. Produit des hiérarchies typographiques visuellement cohérentes.

Leçon 3 • Style des liens et pseudo-classes

Crée des états de survol, visité et actif pour les liens à l'aide des pseudo-classes CSS. Renforce les modèles de style interactifs utilisés dans tous les projets web.

Leçon 4 • Modèle de boîte et espacement

Enseigne les propriétés de marge, rembourrage, bordure et largeur à l'aide de contrôles visuels. Relie la théorie du modèle de boîte à un espacement précis de la mise en page.

Leçon 1 • Construction d'une mise en page à plusieurs colonnes

Applique Flexbox et Grid pour construire une mise en page avec en-tête, barre latérale, contenu et pied de page. Synthétise les compétences de mise en page CSS dans un modèle de page complet.

Leçon 2 • Essentiels de la mise en page CSS Grid

Couvre grid-template-columns, rows et le placement des zones pour les mises en page bidimensionnelles. Permet des structures de page complexes avec un contrôle précis.

Leçon 3 • Fondamentaux de la mise en page Flexbox

Présente les propriétés du conteneur flexible et des éléments flexibles pour les mises en page unidimensionnelles. Fournit la base de mise en page pour les barres de navigation et les rangées de cartes.

Leçon 1 • Création de modèles Dreamweaver

Définit les régions modifiables et verrouillées dans un fichier de modèle DWT. Établit des structures de page réutilisables qui propagent les changements sur tout le site.

Leçon 2 • Utilisation des éléments de bibliothèque

Crée des extraits HTML réutilisables en tant qu'éléments de bibliothèque pour les éléments répétés. Permet des mises à jour ponctuelles de la navigation, des pieds de page et des bannières.

Leçon 3 • Application de modèles aux pages

Applique des modèles existants aux documents nouveaux et existants. Montre comment les mises à jour des modèles se répercutent sur toutes les pages enfants.

Leçon 1 • Structure du formulaire HTML et attributs

Couvre l'élément form, l'action, la méthode et les attributs enctype. Établit la base structurelle dont dépendent tous les éléments du formulaire.

Leçon 2 • Style des formulaires avec CSS

Applique du CSS pour styliser les entrées, les boutons et les états de focus de manière cohérente. Relie la structure du formulaire à une présentation visuelle soignée et aux couleurs de la marque.

Leçon 3 • Types d'entrée et contrôles de formulaire

Insère les entrées text, email, password, checkbox, radio et select. Couvre toute la gamme des types d'entrée HTML5 disponibles dans Dreamweaver.

Leçon 4 • Validation de formulaire et attributs HTML5

Applique les attributs de validation required, pattern, min, max et type. Réduit les erreurs côté serveur grâce à l'application de contraintes côté client.

Leçon 1 • Construction d'une galerie d'images interactive

Combine HTML, CSS et JavaScript pour construire une galerie d'images cliquable. Applique toutes les compétences d'interactivité dans un composant complet et prêt pour le portfolio.

Leçon 2 • Écriture de JavaScript en vue Code

Présente les balises script en ligne, les écouteurs d'événements et les bases de la manipulation du DOM. Fait le pont entre l'utilisation du panneau Comportements et la rédaction manuelle de JavaScript.

Leçon 3 • Comportements intégrés courants

Applique les comportements d'échange d'image, d'affichage-masquage d'éléments et d'ouverture de fenêtre de navigateur. Montre l'interactivité pratique possible via le panneau Comportements.

Leçon 4 • Introduction au panneau Comportements

Explique comment les comportements Dreamweaver attachent des événements JavaScript aux éléments de la page. Fournit un point d'entrée sans code à l'interactivité côté client.

Leçon 1 • Masquage et gestion des fichiers

Applique le masquage pour exclure les fichiers de développement des téléchargements distants. Maintient un environnement serveur distant propre et sécurisé.

Leçon 2 • Validation du site avant le lancement

Exécute la vérification des liens, la validation HTML et les rapports d'accessibilité avant la publication. Garantit que le site déployé répond aux exigences de qualité et de normes.

Leçon 3 • Synchronisation des sites local et distant

Exécute la commande de synchronisation de Dreamweaver pour maintenir les fichiers locaux et distants alignés. Empêche l'écrasement des fichiers plus récents lors des mises à jour collaboratives.

Leçon 4 • Configuration des connexions au serveur distant

Configure les connexions FTP, SFTP et au serveur réseau local dans la configuration du site. Établit le lien entre le développement local et l'hébergement en direct.