Comment ajouter et mettre en forme du texte dans Dreamweaver - les nuls

Beaucoup de gens sont agréablement surpris par la facilité avec laquelle ils peuvent créer une page Web de base avec du texte et des images dans Dreamweaver. Vous pouvez effectuer un formatage de texte de base à l'aide des options de mise en forme HTML de Dreamweaver, notamment les balises d'en-tête et de paragraphe. Commencez par ces balises HTML de base pour simplifier les choses au début.

Comment ajouter du texte à une page Web dans Dreamweaver

Pour ajouter du texte à une page, vous pouvez simplement cliquer pour insérer votre curseur en haut de la page et taper. Si vous souhaitez ajouter du texte ailleurs, par exemple dans un fichier créé dans Microsoft Word, vous pouvez copier et coller le texte dans Dreamweaver au lieu de le retaper.

Dreamweaver offre de nombreuses façons de conserver la mise en forme lorsque vous copiez et collez du texte à partir d'un autre programme. Cette fonctionnalité est particulièrement importante lorsque vous copiez du texte à partir de Microsoft Word car si vous collez du texte tel quel, vous risquez d'inclure beaucoup de code supplémentaire propre à Microsoft Word et de provoquer des problèmes dans votre page Web.

Vous pouvez modifier la valeur par défaut de la mise en forme de Dreamweaver lorsque vous choisissez Édition → Coller en modifiant les préférences dans la catégorie Copier / Coller. Vous pouvez également choisir Édition → Collage spécial pour afficher ces options chaque fois que vous collez du nouveau contenu.

Texte seulement:

Dreamweaver supprime tout formatage et insère texte brut. Texte avec structure:
Dreamweaver inclut des paragraphes, des listes, des tableaux et d'autres options de mise en forme structurelle. Texte avec Structure Plus Mise en forme de base:
Dreamweaver inclut le formatage structurel ainsi que la mise en forme de base, tels que le gras et l'italique.

Texte avec Structure Plus Formatage complet:
Outre les options précédentes, Dreamweaver inclut la mise en forme créée par des feuilles de style dans des programmes tels que Microsoft Word. Conserver les sauts de ligne:
Les sauts de ligne sont conservés, même si vous ne conservez pas d'autres options de formatage. Cette option n'est pas disponible si vous choisissez Texte seulement. Nettoyer l'espacement des paragraphes dans le paragraphe:
Cette option supprime le code de mise en forme spécial propre à Microsoft Word et n'est pas nécessaire (et n'est pas recommandé) pour le texte sur le Web. Convertir des citations intelligentes en citations droites:
Les citations intelligentes - le nom commun de ces citations fantaisie que les concepteurs adorent utiliser dans les documents imprimés - exigent qu'un caractère spécial soit affiché correctement sur le Web, et ce caractère spécial ne fonctionne pas dans tous les navigateurs Web.Pour éviter ce problème potentiel, sélectionnez cette case et convertissez toutes vos citations intelligentes en droites. Comment mettre en forme du texte avec les balises de titre dans Dreamweaver

L'une des meilleures options de mise en forme pour les titres est la collection de balises de titre. En HTML, l'utilisation de balises d'en-tête (

, etc.) pour mettre en forme du texte qui sert de titre ou de titre présente de nombreux avantages. Les balises de titre sont conçues pour être affichées dans des tailles relatives, avec

le plus grand,

plus petit,

plus petit encore, et ainsi de suite jusqu'à

.

Quelle que soit la taille de texte par défaut d'une page Web (et la taille du texte peut varier en fonction des paramètres du navigateur et de la plate-forme informatique), tout texte formaté avec une balise

est toujours plus volumineux qu'avec

.

La croyance populaire veut que de nombreux moteurs de recherche donnent la priorité aux mots-clés dans un texte formaté avec une balise

car le texte le plus important sur une page est généralement inclus dans le titre le plus grand. De même, les experts des moteurs de recherche vous diront que vous ne devez utiliser la balise

qu'une seule fois par page.

Pour mettre en forme du texte avec une balise d'en-tête, procédez comme suit:

Mettez en surbrillance le texte que vous souhaitez formater.

Dans l'inspecteur des propriétés, en bas de l'espace de travail, assurez-vous que le bouton HTML sur le côté gauche de l'inspecteur est sélectionné.

Utilisez la liste déroulante Format pour sélectionner une option de titre.

Lorsque les balises d'en-tête sont appliquées, le texte change automatiquement pour devenir grand et gras en mode Création.

Crédit: Photo by Casey Stoll

En général, l'inspecteur des propriétés est le moyen le plus facile d'appliquer la mise en forme de base, mais vous pouvez également trouver ces options de formatage HTML en choisissant Format → Format de paragraphe. sous-menu qui apparaît.

Comment ajouter des paragraphes et des sauts de ligne dans Dreamweaver

Lorsque vous créez des conceptions de page pour le Web, vous devez respecter de nombreuses limitations qui peuvent sembler déroutantes au premier abord. La conception Web et la conception d'impression sont fondamentalement différentes, ce qui peut rendre les tâches apparemment simples plus compliquées que vous ne le pensez. La création de sauts de ligne et de paragraphe en est un bon exemple.

Si vous travaillez en mode Création dans Dreamweaver et que vous appuyez sur la touche Entrée (Windows) ou la touche Retour (Mac), Dreamweaver insère une balise de paragraphe, ou, dans le code, qui crée un saut de ligne. par une ligne vide.

Si vous voulez un saut de ligne sans ligne vierge supplémentaire, maintenez la touche Maj enfoncée pendant que vous appuyez sur Entrée (ou Retour) pour indiquer à Dreamweaver d'insérer la balise

dans le code, créant ainsi un saut de ligne.

La meilleure pratique consiste à éviter l'utilisation de plusieurs paragraphes ou de marques de rupture pour créer de l'espace supplémentaire dans une page Web (et tous les navigateurs ne conserveront pas l'espace vide si vous le créez de cette façon). Si vous voulez ajouter beaucoup d'espace entre les paragraphes ou d'autres éléments sur une page, votre meilleure option est d'utiliser CSS.

Si vous travaillez en mode Code et que vous ajoutez de l'espace à l'aide de la touche Entrée ou Retour, vous ajoutez un espace vide dans le code. Un espace supplémentaire dans le code HTML peut être utile car un espace supplémentaire peut faciliter la lecture du code, mais en général, il n'affecte pas la façon dont une page est affichée en mode Création ou dans un navigateur Web.