- Guide de l’utilisateur de Dreamweaver
- Introduction
- Dreamweaver et Creative Cloud
- Espaces de travail et affichages Dreamweaver
- Configuration de sites
- À propos des sites Dreamweaver
- Création d’une version locale de votre site
- Connexion à un serveur de publication
- Configuration d’un serveur d’évaluation
- Importation et exportation des paramètres d’un site Dreamweaver
- Importation de sites web d’un serveur distant vers la racine de votre site local
- Fonctions d’accessibilité dans Dreamweaver
- Paramètres avancés
- Définition des préférences de site pour le transfert de fichiers
- Indication des paramètres du serveur proxy dans Dreamweaver
- Synchronisation des paramètres de Dreamweaver avec Creative Cloud
- Utilisation de Git dans Dreamweaver
- Gestion des fichiers
- Création et ouverture de fichiers
- Gestion des fichiers et des dossiers
- Acquisition et placement de fichiers depuis ou vers votre serveur
- Archivage et extraction de fichiers
- Synchronisation de fichiers
- Comparaison de fichiers pour analyse de leurs différences
- Masquage de fichiers et de dossiers dans votre site Dreamweaver
- Activation des notes de conception pour les sites Dreamweaver
- Prévention de l’exploitation potentielle de Gatekeeper
- Mise en page et design
- Utilisation d’assistances visuelles pour la mise en forme
- À propos de l’utilisation de CSS pour mise en forme de votre page
- Création de sites web en responsive design avec Bootstrap
- Création et utilisation des requêtes de multimédia dans Dreamweaver
- Présentation de contenus dans des tableaux
- Couleurs
- Design réactif à l’aide de mises en forme à grille fluide
- Extract dans Dreamweaver
- CSS
- Description des feuilles de style en cascade
- Mise en forme de pages avec CSS Designer
- Utilisation de préprocesseurs CSS dans Dreamweaver
- Comment définir les préférences de Style CSS dans Dreamweaver
- Déplacement des règles CSS dans Dreamweaver
- Conversion de code CSS intégré en règle CSS dans Dreamweaver
- Utilisation de balises div
- Application de dégradés à l’arrière-plan
- Permet de créer et modifier des effets de transition CSS3 dans Dreamweaver.
- Formatage du code
- Contenu de page et actifs
- Définition des propriétés de page
- Définition des propriétés d’en-tête CSS et des propriétés de lien CSS
- Utilisation du texte
- Recherche et remplacement de texte, de balises et d’attributs
- Panneau DOM
- Modification en mode En direct
- Le codage de documents dans Dreamweaver
- Sélection et affichage d’éléments dans la fenêtre de document
- Définition des propriétés de texte dans l’inspecteur Propriétés
- Vérification de l’orthographe d’une page web
- Utilisation de règles horizontales dans Dreamweaver
- Ajout et modification de combinaisons de polices dans Dreamweaver
- Utilisation d’actifs
- Insertion et mise à jour des dates dans Dreamweaver
- Création et gestion des actifs favoris dans Dreamweaver
- Insertion et modification d’images dans Dreamweaver
- Ajout d’objets multimédias
- Ajout de vidéos dans Dreamweaver
- Insertion de vidéo HTML5
- Insertion de fichiers SWF
- Ajout d’effets audio
- Insertion de fichiers audio HTML5 dans Dreamweaver
- Utilisation d’éléments de bibliothèque
- Utilisation de texte arabe et hébreu dans Dreamweaver
- Liens et navigation
- Effets et widgets jQuery
- Codage de sites web
- À propos du codage dans Dreamweaver
- Environnement de codage dans Dreamweaver
- Définition des préférences de codage
- Personnalisation de la coloration du code
- Rédaction et modification de code
- Conseils et remplissage de code
- Réduction et développement de code
- Réutilisation de code à l’aide de fragments
- Analyse linting de code
- Optimisation du code
- Modification de code en mode Création.
- Utilisation de contenu d’en-tête pour les pages
- Insertion d’inclusions côté serveur dans Dreamweaver
- Utilisation des bibliothèques de balises dans Dreamweaver
- Importation de balises personnalisées dans Dreamweaver
- Utilisation de comportements JavaScript (instructions générales)
- Application de comportements JavaScript intégrés
- À propos de XML et de XSLT
- Exécution de transformations XSL côté serveur dans Dreamweaver
- Exécution de transformations XSL côté client dans Dreamweaver
- Ajout d’entités de caractère pour XSLT dans Dreamweaver
- Formatage du code
- Flux de travaux inter-produit
- Installation et utilisation des extensions pour Dreamweaver
- Mises à jour intégrées dans Dreamweaver
- Insertion de documents Microsoft Office dans Dreamweaver (Windows uniquement)
- Utilisation de Fireworks et Dreamweaver
- Édition de contenu sur des sites Dreamweaver à l’aide de Contribute
- Intégration entre Dreamweaver et Business Catalyst
- Création de campagnes de messagerie personnalisées
- Modèles
- À propos des modèles Dreamweaver
- Reconnaissance des modèles et des documents basés sur un modèle
- Création d’un modèle Dreamweaver
- Création de régions modifiables dans des modèles
- Création de régions et de tables modifiables dans Dreamweaver
- Utilisation de régions facultatives dans les modèles
- Définition d’attributs de balises modifiables dans Dreamweaver
- Comment créer des modèles imbriqués dans Dreamweaver
- Modification, mise à jour et suppression de modèles
- Exportation et importation de contenus xml dans Dreamweaver
- Application ou suppression d’un modèle depuis un document existant
- Modification de contenu dans les modèles de Dreamweaver
- Règles de syntaxe pour les balises de modèle dans Dreamweaver
- Définition des préférences de surbrillance pour des régions de modèle
- Avantages de l’utilisation de modèles dans Dreamweaver
- Terminaux mobiles et écrans multiples
- Sites dynamiques, pages et formulaires web
- En savoir plus sur les applications web
- Configuration de l’ordinateur pour le développement d’applications
- Résolution des problèmes de connexion aux bases de données
- Suppression des scripts de connexion dans Dreamweaver
- Conception de pages dynamiques
- Présentation des sources de contenu dynamique
- Définition de sources de contenu dynamique
- Ajout de contenus dynamiques aux pages
- Changement des contenus dynamiques dans Dreamweaver
- Affichage d’enregistrements d’une base de données
- Fourniture et dépannage de données en temps réel dans Dreamweaver
- Ajout de comportements de serveur personnalisés dans Dreamweaver
- Création de formulaires à l’aide de Dreamweaver
- Utilisation de formulaires pour la collecte des informations sur les utilisateurs
- Création et activations des formulaires ColdFusion dans Dreamweaver
- Création de formulaires web
- Prise en charge améliorée de HTML5 pour les éléments de formulaire
- Développement d’un formulaire à l’aide de Dreamweaver
- Création visuelle d’applications
- Création de pages principales et détaillées dans Dreamweaver
- Création de pages de recherche et de résultats
- Création d’une page d’insertion d’enregistrements
- Création de la mise à jour d’une page d’enregistrement dans Dreamweaver
- Création de pages de suppression d’enregistrement dans Dreamweaver
- Modification d’une base de données à l’aide des commandes ASP dans Dreamweaver
- Création d’une page d’enregistrement
- Création d’une page de connexion
- Création d’une page à accès restreint
- Sécurisation de dossiers dans ColdFusion à l’aide de Dreamweaver
- Utilisation de composants ColdFusion dans Dreamweaver
- Test, aperçu et publication de sites web
- Résolution des problèmes
Réponses aux questions les plus fréquentes concernant Dreamweaver
Principes fondamentaux
Adobe Dreamweaver est un outil extrêmement complet destiné aux designers web et aux développeurs front-end. Associant une surface de design puissante et un éditeur de code de pointe à des outils de gestion de sites d’une grande fiabilité, il permet de créer, coder et gérer facilement des sites web.
Dreamweaver 2017 a été reconçu avec une interface moderne et un moteur de codage rapide et souple qui aident les designers web et développeurs front-end à créer, programmer et gérer plus facilement des sites web s’affichant à la perfection sur tous les écrans. Cette version d’Adobe Dreamweaver 2017 comprend un tout nouveau moteur de code, une interface utilisateur entièrement actualisée avec des thèmes sombres et clairs sélectionnables, un support pour les flux de travaux web modernes tels que des préprocesseurs CSS, et bien plus encore.
L’intégration de pointe de Bootstrap facilite la création de sites web réactifs qui s’adaptent à n’importe quel navigateur, quels que soit la taille, la résolution d’écran et l’orientation de l’appareil. L’intégration étroite avec Adobe CreativeSync simplifie l’utilisation des éléments de design à partir d’outils tels que Photoshop ou Illustrator, tout en offrant la possibilité de consulter et d’exploiter les photos sur Adobe Stock.
Étant donné que Dreamweaver fait partie d’Adobe Creative Cloud, vous avez accès aux dernières mises à jour dès qu’elles sont disponibles. En savoir plus sur Creative Cloud.
Dreamweaver est un outil de développement web unique qui vous permet de visualiser votre site en temps réel pendant la phase de codage.
- Programmez rapidement et avec une plus grande souplesse avec le nouveau moteur d’encodage de Dreamweaver. Les conseils de code aident les nouveaux utilisateurs à maîtriser les langages HTML, CSS et autres normes du web, tandis que les aides visuelles comme l’indentation automatique, la coloration du code et les polices redimensionnables limitent les erreurs et facilitent la lecture du code.
- Dreamweaver prend en charge des préprocesseurs CSS courants tels que SASS, Less et SCSS, avec coloration complète du code et compilation, ce qui vous fait gagner du temps et donne du code net et précis.
- Rédigez plus d’une ligne de code à la fois pour réaliser rapidement certaines actions, telles que la création d’une liste à puces, la mise à jour d’une série de chaînes et l’exécution simultanée de plusieurs modifications.
- Le mode Édition rapide inclut un outil permettant de modifier le code CSS au sein d’un fichier HTML, ce qui accélère le processus.
- La fonction Documentation rapide vous fait gagner du temps en affichant des informations Web Platform Docs relatives aux propriétés CSS, directement en mode Code.
- Chargez et ouvrez rapidement des fichiers, et accélérez vos projets avec un nouvel espace de travail à la fois performant et épuré, conçu pour les développeurs.
- Prévisualisez en temps réel les modifications de votre page à mesure que vous codez sans avoir à actualiser manuellement votre navigateur.
- Utilisez les fonctions FTP de Dreamweaver pour activer vos fichiers sur un serveur web.
Consultez la page Nouveautés pour en savoir plus.
Consultez le comparatif des versions de Dreamweaver.
Dreamweaver peut être utilisé avec d’autres outils Creative Cloud tels qu’Adobe Photoshop, Illustrator, Animate et bien plus encore, pour créer de superbes sites Web. L’intégration du service Bibliothèques Creative Cloud permet également de partager des actifs et de travailler en collaboration avec d’autres personnes.
Vous pouvez exporter votre animation au format OAM avant de l’importer dans Dreamweaver. En savoir plus sur l’importation de compositions animées sous Dreamweaver.
Oui, la fonctionnalité de conseils de code spécifique au site de Dreamweaver affiche des conseils de code lorsque vous travaillez dans Joomla, Drupal, Wordpress ou autre. Pour plus d’informations, consultez la section Conseils et remplissage de code.
Questions techniques
Pour plus d’informations, consultez la configuration requise.
Oui. En savoir plus ›
Oui. En savoir plus ›
Dreamweaver 2017 permet d’ouvrir et de modifier de nombreux types de document. Certains types de fichiers de documents que Dreamweaver peut ouvrir et modifier sont :
- Documents HTML
- Server-side Includes
- Documents JavaScript
- Fichiers PHP
- Fichiers XML
- Fichiers SQL
- Fichiers SVG
- Fichiers Json
- Fichiers de bibliothèque (*.lbi)
- Fichiers de modèle (*.dwt)
- Feuilles de style (*.css, *.less, *.sass, *.scss)
- Pages Active Server Pages et pages Active Server Plus Pages
- Modèles ColdFusion
- Manifeste (*.appcache)
- Fichiers de configuration des répertoires (*.htaccess)
- Fichiers texte (*.txt)
Toutes les fonctionnalités de Dreamweaver génèrent du code HTML5 conforme aux dernières normes en matière de développement web. L’éditeur de code vous permet de saisir et de modifier du code en fonction de vos besoins de développement.
Oui. Dreamweaver prend en charge le framework Bootstrap, qui permet la conception de sites web réactifs (responsive web design) principalement destinés aux appareils mobiles. Dreamweaver propose également des fonctionnalités réactives telles que les requêtes multimédias visuelles et les mises en page à grille fluide.
Oui. Si vous avez installé une version antérieure de Dreamweaver CS6, vous pouvez continuer à l’utiliser. Votre abonnement à Creative Cloud vous permet à tout moment de télécharger des versions antérieures de Dreamweaver à utiliser conjointement avec votre installation actuelle de Dreamweaver.
Versions d’essai gratuites
Avec un abonnement gratuit à Creative Cloud, vous pouvez télécharger une version d’évalution de 7 jours de Dreamweaver et d’autres applications Creative Cloud. Si vous optez pour une formule Toutes les applications, vous pourrez télécharger la version complète de chacune des applications Creative Cloud.
Oui. Vous pouvez convertir votre version d’évaluation en abonnement Creative Cloud - Toutes les applications ou Formule mono-applicative en achetant le produit souhaité sur le site web de Creative Cloud. Une fois l’abonnement acheté, la licence de votre produit sera automatiquement activée au redémarrage de l’application.
Options d’achat
Pour en savoir plus sur les options d’achat, reportez-vous à la page de présentation des formules Creative Cloud. Vous pouvez également découvrir les avantages de la formule Tout Creative Cloud.
Utilisation de Dreamweaver
La page Formation et assistance de Dreamweaver présente tout ce que vous devez savoir pour vous familiariser avec votre nouvelle application, avec notamment des tutoriels détaillés et vidéo, ainsi qu’une assistance complète de la part d’Adobe et de notre communauté d’experts.
Les versions en ligne et PDF du manuel de Dreamweaver sont disponibles sur la page Aide de Dreamweaver.
Rendez-vous sur les forums Dreamweaver pour donner votre avis ou obtenir des réponses à vos questions techniques.
Utilisez ce formulaire pour soumettre des demandes de nouvelles fonctionnalités ou suggérer des modifications pour des fonctionnalités existantes. Vous pouvez également accéder à ce lien à partir du menu Aide de Dreamweaver (Aide > Soumettre un bug ou une demande de fonctionnalité).
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?