Accueil Médias sociaux Comment ajouter et mettre en forme du texte dans Dreamweaver - les nuls

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

Table des matières:

Vidéo: Tuto html - 1) bases titre couleurs taille images liens 2025

Vidéo: Tuto html - 1) bases titre couleurs taille images liens 2025
Anonim

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.

  1. 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é.

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

  3. 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.

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

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...