- 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
Comment ajouter et mettre en forme du texte en mode Affichage en direct, en mode Code, ou en procédant à l’extraction du texte et des propriétés associées à partir de fichiers PSD.
Ajout de texte dans un document
Pour ajouter du texte dans un document Dreamweaver, vous pouvez le saisir directement dans la fenêtre du document ou effectuer un copier/coller. Vous pouvez également importer du texte à partir d’autres documents.
Pour coller du texte dans un document Dreamweaver, vous pouvez utiliser la commande Coller ou Collage spécial. La commande Collage spécial permet de préciser le format du texte collé de différentes façons. Par exemple, lorsque vous souhaitez coller le texte d’un document Microsoft Word déjà formaté dans votre document Dreamweaver en ignorant son formatage initial afin d’appliquer votre propre feuille de style CSS, sélectionnez le texte dans Word, copiez-le dans le presse-papiers, puis utilisez la commande Collage spécial pour sélectionner l’option qui permet de ne coller que le texte.
Lorsque vous utilisez la commande Coller pour coller un texte issu d’une autre application, vous pouvez définir des préférences de collage comme options par défaut.
En mode Code, Ctrl-V (Windows) et Commande-V (Macintosh) collent toujours le texte seulement (sans formatage).
-
Pour ajouter du texte dans un document, procédez de l’une des manières suivantes :
- Extrayez le texte de vos compositions PSD à l’aide du panneau Extract. Pour plus d’informations, reportez-vous à la section Copie de texte depuis des fichiers PSD.
- Tapez le texte directement dans la fenêtre de document.
- Copiez du texte à partir d’une autre application, passez sous Dreamweaver, placez le point d’insertion dans la fenêtre du document en mode Création, puis cliquez sur Édition > Coller ou Édition > Collage spécial.
Lorsque vous choisissez Edition > Collage spécial, vous pouvez choisir plusieurs options de formatage du texte collé.
Vous pouvez également coller du texte à l’aide des raccourcis clavier suivants :
Option de collage
Raccourci clavier
Coller
Ctrl+V (Windows)
Commande+V (Macintosh)
Collage spécial
Ctrl+Maj+V (Windows)
Commande+Maj+V (Macintosh)
Insertion de caractères spéciaux
Certains caractères spéciaux sont représentés en HTML par un nom ou par un numéro, qui est alors appelé entité. Le langage HTML prévoit des noms d’entités pour de nombreux caractères spéciaux, par exemple le symbole de copyright (©), l’esperluette (&) et le symbole Marque déposée (®). Chaque entité est représentée à la fois par un nom HTML (par exemple —) et son équivalent numérique (dans ce cas, —).
Le langage HTML utilise des crochets <> dans son code, mais vous devez exprimer les caractères spéciaux « supérieur à » et « inférieur à » sans que Dreamweaver les interprète comme du code. Dans ce cas, utilisez &gt; pour le signe supérieur à (>) et &lt; pour le signe inférieur à (<).
Malheureusement, de nombreux navigateurs anciens n’affichent pas correctement la plupart de ces entités.
-
Dans la fenêtre de document, placez le curseur là où vous voulez insérer un caractère spécial.
-
Effectuez l’une des opérations suivantes :
Choisissez le nom du caractère dans Insertion > HTML > Caractère.
Dans la catégorie HTML du panneau Insertion, cliquez sur l’option Caractères et choisissez le caractère désiré dans le menu contextuel.
Remarque :Un grand nombre d’autres caractères spéciaux sont disponibles. Pour en sélectionner un, choisissez Insertion > HTML > Caractère > Autre... ou cliquez sur le bouton Caractères dans la catégorie HTML du panneau Insertion, puis choisissez Autres caractères. Choisissez un caractère dans la boîte de dialogue Insérer autre caractère et cliquez sur OK.
Ajout d’espacements entre les caractères
Le langage HTML n’autorisant qu’un seul espace entre les caractères, il convient d’insérer un espace insécable afin d’ajouter un espace supplémentaire dans un document. Vous pouvez définir une préférence pour l’insertion automatique d’un espace insécable dans un document.
Insertion d’un espace insécable
-
Effectuez l’une des opérations suivantes :
Choisissez Insertion > HTML > Caractères spéciaux > Espace insécable.
Appuyez sur les touches Ctrl+Maj+Espace (Windows) ou Option+Espace (Macintosh).
Dans le panneau Insertion, sélectionnez HTML, cliquez sur le bouton Caractères et choisissez l’option Espace insécable.
Définition d’une préférence pour l’ajout d’espaces insécables
-
Cliquez sur Édition > Préférences (Windows) ou Dreamweaver > Préférences (Macintosh).
-
Dans la catégorie Général, assurez-vous que l’option Autoriser plusieurs espaces consécutifs est activée.
Ajout d’espacements de paragraphe
Dreamweaver fonctionne comme une application classique de traitement de texte : appuyez sur la touche Entrée (Windows) ou Retour (Macintosh) pour commencer un nouveau paragraphe. Les navigateurs web insèrent automatiquement une ligne vierge entre les paragraphes. Vous pouvez vous-même espacer les paragraphes d’une ligne vierge en insérant un saut de ligne.
Ajout d’un saut de paragraphe
-
Appuyez sur la touche Entrée (Windows) ou Retour (Macintosh).
Ajout d’un saut de ligne
-
Effectuez l’une des opérations suivantes :
Appuyez sur les touches Maj+Entrée (Windows) ou Maj+Retour (Macintosh).
Choisissez Insertion > HTML > Caractères spéciaux > Saut de ligne.
Dans le panneau Insertion, sélectionnez HTML, cliquez sur le bouton Caractères et choisissez l’option Saut de ligne.
Création de listes à puces ou numérotées
Vous pouvez créer des listes numérotées (triées), des listes à puces (non triées) et des listes de définitions à partir d’un texte existant ou d’un nouveau texte que vous tapez dans la fenêtre de document.
Les listes de définitions n’utilisent pas de caractères d’en-tête tels que des puces ou des nombres et sont souvent utilisées dans les glossaires ou les descriptions. Les listes peuvent également être imbriquées, c’est-à-dire qu’elles contiennent d’autres listes. Par exemple, vous pouvez imbriquer une liste numérotée ou à puces au sein d’une autre liste de même type.
La boîte de dialogue Propriétés de liste vous permet de définir l’aspect d’une liste complète ou d’un élément de liste. Vous pouvez définir le style de numérotation, remettre à zéro la numérotation ou définir les options du style de puce d’éléments individuels de la liste ou de la liste complète.
Création d’une nouvelle liste
-
Dans le document Dreamweaver, placez le point d’insertion à l’emplacement où insérer la liste, puis procédez de l’une des manières suivantes :
Dans l’inspecteur Propriétés HTML, cliquez sur Liste numérotée ou Elément de liste.
Choisissez Insertion > HTML, puis sélectionnez le type de liste qui vous convient : Liste non ordonnée (à puces) ou Liste numérotée.
Le caractère de tête de l’élément de liste spécifié apparaît dans la fenêtre de document.
-
Tapez le texte de l’élément de la liste, puis appuyez sur la touche Entrée (Windows) ou Retour (Macintosh) pour créer un autre élément de liste.
-
Pour marquer la fin de la liste, appuyez à deux reprises sur la touche Entrée (Windows) ou Retour (Macintosh).
Création d’une liste à partir d’un texte existant
-
Sélectionnez une suite de paragraphes pour les transformer en liste.
-
Sélectionnez Insertion > HTML > Liste non ordonnée, Liste numérotée ou Elément de liste.
Création d’une liste imbriquée
-
Sélectionnez les éléments de liste à imbriquer.
-
Cliquez avec le bouton droit de la souris et sélectionnez Liste > Retrait.
Dreamweaver met le texte en retrait et crée une liste individuelle avec les attributs HTML de la liste d’origine.
-
Appliquez un nouveau style ou type de liste au texte en retrait en suivant la même procédure que celle utilisée ci-dessus.
Définition des propriétés d’une liste complète
-
Dans la fenêtre de document, créez au moins un élément de liste. Le nouveau style s’applique automatiquement aux nouveaux éléments ajoutés à la liste.
-
Placez le point d’insertion dans le texte de l’élément de liste, cliquez avec le bouton droit de la souris et choisissez Liste > Propriétés. Le système affiche la boîte de dialogue Propriétés de la liste.
-
Sélectionnez les options que vous voulez appliquer à la liste :
Type de liste
Spécifie les propriétés de la liste, tandis que l’option Elément de liste caractérise un élément individuel d’une liste. Dans le menu déroulant, sélectionnez une liste simple, une liste numérotée, une liste des répertoires ou une liste des menus. Les options disponibles dans la boîte de dialogue varient selon le type de liste choisi.
Style
Définit le style des numéros ou des puces utilisés avec une liste numérotée ou à puces. Tous les éléments de la liste prendront ce style, sauf si vous attribuez un nouveau style à certains éléments.
Démarrer le comptage
Définit la valeur à attribuer au premier élément d’une liste numérotée.
-
Cliquez sur OK pour définir les options.
Définition des propriétés d’un élément de liste
-
Dans la fenêtre de document, placez le point d’insertion dans le texte d’un élément de la liste.
-
Cliquez avec le bouton droit de la souris et sélectionnez Liste >Propriétés.
-
Dans Elément de liste, sélectionnez les options que vous voulez définir :
Nouveau style
Caractérise le style de l’élément de liste sélectionné. Les styles du menu Nouveau style sont apparentés au type de liste affiché dans le menu Type de liste. Si, par exemple, vous avez choisi l’option Liste simple dans le menu Type de liste, seules les options de puce sont disponibles dans le menu Nouveau style.
Réinitialiser le compte à
Définit un numéro spécifique à partir duquel numéroter les éléments de liste.
-
Cliquez sur OK pour définir les options.
Recherche et remplacement de texte
Pour en savoir plus sur la recherche et le remplacement de texte, reportez-vous à la section Recherche et remplacement de texte.
Définition d’abréviations et d’acronymes
Le langage HTML fournit des balises qui permettent de définir les abréviations et les acronymes que vous employez sur votre page pour les moteurs de recherche, les correcteurs orthographiques, les programmes de traduction automatique ou les synthétiseurs vocaux. Par exemple, vous pouvez indiquer que l’abréviation IM, sur votre page, signifie « ingénierie mécanique », ou que l’acronyme OMS signifie « Organisation mondiale de la Santé ».
-
Sélectionnez l’abréviation ou l’acronyme dans le texte de la page.
-
Choisissez Insertion > HTML > Objets texte > Abréviation ou Insertion > HTML > Objets texte > Acronyme.
-
Saisissez la forme développée de l’acronyme ou de l’abréviation.
-
Entrez la langue, comme en pour l’anglais, de pour l’allemand ou it pour l’italien.
Définition des préférences de copier/coller
Vous pouvez configurer des préférences de collage spécial à utiliser par défaut avec la commande Édition > Coller lorsque vous collez du texte provenant d’autres applications. Par exemple, si vous souhaitez coller systématiquement le texte uniquement, ou le texte avec un formatage de base, définissez l’option par défaut dans la boîte de dialogue Préférences de copie/collage.
pour coller du texte dans un document Dreamweaver, vous pouvez utiliser la commande Coller ou Collage spécial. La commande Collage spécial permet de préciser le format du texte collé de différentes façons. Par exemple, lorsque vous souhaitez coller le texte d’un document Microsoft Word déjà formaté dans votre document Dreamweaver en ignorant son formatage initial afin d’appliquer votre propre feuille de style CSS, sélectionnez le texte dans Word, copiez-le dans le presse-papiers, puis utilisez la commande Collage spécial pour sélectionner l’option qui permet de ne coller que le texte.
Les préférences définies dans la boîte de dialogue Préférences de copie/collage ne s’appliquent qu’aux éléments collés dans la vue Création.
-
Cliquez sur Édition > Préférences (Windows) ou Dreamweaver > Préférences (Macintosh).
-
Cliquez sur la catégorie Copier/Coller.
-
Définissez les options suivantes, puis cliquez sur OK.
Texte seul
Permet de coller du texte non formaté. Si le texte d’origine est mis en forme, ce formatage, y compris les sauts de ligne et de paragraphes, est supprimé.
Texte structuré
Permet de coller du texte en conservant sa structure, mais sans le formatage de base. Par exemple, vous pouvez coller un texte et conserver la structure des paragraphes, des listes et des tableaux, mais pas les mises en gras, en italique et autres mises en forme.
Texte structuré avec formatage de base
Permet de coller du texte structuré et du texte HTML avec une mise en forme simple (tel que des paragraphes et des tableaux, ainsi que du texte mis en forme avec les balises b, i, u, strong, em, hr, abbr ou acronym).
Texte structuré avec formatage complet
Permet de coller du texte en conservant toute sa structure, son formatage HTML et ses styles CSS.
Remarque :L’option Mise en forme complète ne permet pas de conserver les styles CSS provenant d’une feuille de style externe, ni les styles provenant d’applications qui ne les conservent pas lors d’une copie dans le presse-papiers.
Conserver les sauts de ligne
Permet de conserver les sauts de ligne dans le texte collé. Cette option est désactivée si vous avez sélectionné Texte seul.
Nettoyage des espaces inter-paragraphes de Word
Sélectionnez cette option lorsque vous avez sélectionné Texte structuré ou Formatage de base et souhaitez éliminer l’espace supplémentaire qui sépare les paragraphes lorsque vous collez votre texte.
Convertir les guillemets typographiques en guillemets droits : convertit les guillemets typographiques en guillemets droits.
Adobe
Recevez de l’aide plus rapidement et plus facilement
Nouvel utilisateur ?