Cours 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 à un résultat 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. Développe la conscience spatiale de l'IDE 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 le 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 à un résultat HTML accessible et optimisé.

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 • Comprendre les vues Code et Conception

Explique les modes de vue Fractionné, Code et Conception ainsi que leurs cas d'utilisation. Donne aux apprenants les bases de 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 une structure de page accessible et conforme aux normes.

Leçon 1 • Introduction au CSS dans Dreamweaver

Explique le CSS en ligne, interne et externe et comment Dreamweaver gère chacun. Établit la relation entre la structure HTML et la présentation CSS.

Leçon 2 • Stylisation de la typographie et 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 • Stylisation des liens et des pseudo-classes

Crée des états de survol, de visite et de lien actif à l'aide des pseudo-classes CSS. Renforce les modèles de stylisation interactive utilisés dans tous les projets web.

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

Enseigne les propriétés de marge, de remplissage, de bordure et de 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 multi-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 en un modèle de page complet.

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

Couvre grid-template-columns, les lignes 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 • Notions fondamentales de la mise en page Flexbox

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

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

Définit les régions modifiables et verrouillées dans un fichier modèle DWT. Établit des structures de page réutilisables qui propagent les modifications à l'échelle du 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 et attributs du formulaire HTML

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

Leçon 2 • Stylisation 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 conforme à 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 l'ensemble 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 un portfolio.

Leçon 2 • Écrire du 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 lien entre l'utilisation du panneau Comportements et la création manuelle de JavaScript.

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

Applique les comportements d'échange d'image, d'affichage-masquage des éléments et d'ouverture de fenêtre de navigateur. Démontre l'interactivité pratique accessible 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 Synchroniser de Dreamweaver pour maintenir l'alignement des fichiers locaux et distants. 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 serveur réseau local dans la Configuration du site. Établit le lien entre le développement local et l'hébergement en ligne.