155 lines
17 KiB
HTML
155 lines
17 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>Insérer et mettre en forme des formes automatiques</title>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="description" content="Ajoutez des formes automatiques à votre classeur et ajustez ses propriétés." />
|
|||
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|||
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="mainpart">
|
|||
|
|
<h1>Insérer et mettre en forme des formes automatiques</h1>
|
|||
|
|
<h3>Insérer une forme automatique</h3>
|
|||
|
|
<p>Pour ajouter une forme automatique à votre classeur,</p>
|
|||
|
|
<ol>
|
|||
|
|
<li>cliquez sur l'icône <b>Insérer une forme automatique</b> <img alt="Insérer une forme automatique" src="../images/insertautoshape.png" /> sur la barre d'outils supérieure,</li>
|
|||
|
|
<li>sélectionnez l'un des groupes des formes automatiques disponibles : Formes de base, Flèches figurées, Maths, Graphiques, Étoiles et rubans, Légendes, Boutons, Rectangles, Lignes,</li>
|
|||
|
|
<li>cliquez sur la forme automatique nécessaire du groupe sélectionné,</li>
|
|||
|
|
<li>placez le curseur de la souris là où vous voulez insérer la forme,</li>
|
|||
|
|
<li>une fois que la forme automatique est ajoutée vous pouvez <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">modifier sa taille et sa position</a> aussi bien que ses propriétés.
|
|||
|
|
</ol>
|
|||
|
|
<h3>Régler les paramètres de la forme automatique</h3>
|
|||
|
|
<p>Certains paramètres de la forme automatique peuvent être modifiés dans l'onglet <b>Paramètres de la forme</b> de la barre latérale droite qui s'ouvre si vous sélectionnez la forme automatique avec la souris et cliquez sur l'icône <b>Paramètres de la forme</b> <img alt="Paramètres de la forme" src="../images/shapesettings.png" />. Vous pouvez y modifier les propriétés suivantes :</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Remplissage</b> - utilisez cette section pour sélectionner le remplissage de la forme automatique. Les options disponibles sont les suivantes :
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Couleur</b> - sélectionnez cette option pour spécifier la couleur unie à remplir l'espace intérieur de la forme automatique sélectionnée.
|
|||
|
|
<p><img alt="Couleur" src="../images/fill_color.png" /></p>
|
|||
|
|
<p id="color">Cliquez sur la case de couleur et sélectionnez la couleur nécessaire à partir de l'ensemble de couleurs disponibles ou spécifiez n'importe quelle couleur que vous aimez :</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Couleurs de thème</b> - les couleurs qui correspondent à la palette de couleurs sélectionnée du classeur.</li>
|
|||
|
|
<li><b>Couleurs standard</b> - le jeu de couleurs par défaut.</li>
|
|||
|
|
<li><b>Couleur personnalisée</b> - choisissez cette option si il n'y a pas de couleur nécessaire dans les palettes disponibles. Sélectionnez la gamme de couleurs nécessaire en déplacant le curseur vertical et définissez la couleur spécifique en faisant glisser le sélecteur de couleur dans le grand champ de couleur carré. Une fois que vous sélectionnez une couleur avec le sélecteur de couleur, les valeurs de couleur appropriées RGB et sRGB seront affichées dans les champs à droite. Vous pouvez également spécifier une couleur sur la base du modèle de couleur RGB (RVB) en entrant les valeurs numériques nécessaires dans les champs R, G, B (rouge, vert, bleu) ou saisir le code hexadécimal dans le champ sRGB marqué par le signe #. La couleur sélectionnée apparaît dans la case de prévisualisation <b>Nouveau</b>. Si l'objet a déjà été rempli d'une couleur personnalisée, cette couleur sera affichée dans la case <b>Actuel</b> afin que vous puissiez comparer les couleurs originales et modifiées. Lorsque la couleur est spécifiée, cliquez sur le bouton <b>Ajouter</b>. La couleur personnalisée sera appliquée à votre objet et ajoutée dans la palette <b>Couleur</b> personnalisée du menu.
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Dégradé</b> - sélectionnez cette option pour specifier deux couleurs pour créer une transition douce entre elles et remplir la forme.
|
|||
|
|
<p><img alt="Dégradé" src="../images/fill_gradient.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Style</b> - choisissez une des options disponibles : <b>Linéaire</b> (la transition se fait selon un axe horizontal/vertical ou en diagonale, sous l'angle de 45 degrés) ou <b>Radial</b> (la transition se fait autour d'un point, les couleurs se fondent progressivement du centre aux bords en formant un cercle).</li>
|
|||
|
|
<li><b>Direction</b> - choisissez un modèle du menu. Si vous avez sélectionné le style <b>Linéaire</b>, vous pouvez choisir une des directions suivantes : du haut à gauche vers le bas à droite, du haut en bas, du haut à droite vers le bas à gauche, de droite à gauche, du bas à droite vers le haut à gauche, du bas en haut, du bas à gauche vers le haut à droite, de gauche à droite. Si vous avez choisi le style <b>Radial</b>, il n'est disponible qu'un seul modèle.</li>
|
|||
|
|
<li><b>Dégradé</b> - cliquez sur le curseur de dégradé gauche <img alt="Curseur" src="../images/gradientslider.png" /> au-dessous de la barre de dégradé pour activer la palette de couleurs qui correspond à la première couleur. Cliquez sur la palette de couleurs à droite pour sélectionner la première couleur. Faites glisser le curseur pour définir le point de dégradé c'est-à-dire le point quand une couleur se fond dans une autre. Utilisez le curseur droit au-dessous de la barre de dégradé pour spécifier la deuxième couleur et définir le point de dégradé.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Image ou texture</b> - sélectionnez cette option pour utiliser une image ou une texture prédéfinie en tant que l'arrière-plan de la forme.
|
|||
|
|
<p><img alt="Picture or Texture Fill" src="../images/fill_picture.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Si vous souhaitez utiliser une image en tant que l'arrière-plan de la forme, vous pouvez ajouter une image <b>D'un fichier</b> en la sélectionnant sur le disque dur de votre ordinateur ou <b>D'une URL</b> en insérant l'adresse URL appropriée dans la fenêtre ouverte.</li>
|
|||
|
|
<li>Si vous souhaitez utiliser une texture en tant que l'arrière-plan de la forme, utilisez le menu déroulant <b>D'une texture</b> et sélectionnez le préréglage de la texture nécessaire.
|
|||
|
|
<p>Actuellement, les textures suivantes sont disponibles : Toile, Carton, Tissu foncé, Grain, Granit, Papier gris, Tricot, Cuir, Papier brun, Papyrus, Bois.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul>
|
|||
|
|
<li>Si l'<b>Image</b> sélectionnée est plus grande ou plus petite que la forme automatique, vous pouvez profiter d'une des options : <b>Étirement</b> ou <b>Mosaïque</b> depuis la liste déroulante.
|
|||
|
|
<p>L'option <b>Étirement</b> permet de régler la taille de l'image pour l'adapter à la taille de la forme automatique afin qu'elle puisse remplir tout l'espace uniformément.</p>
|
|||
|
|
<p>L'option <b>Mosaïque</b> permet d'afficher seulement une partie de l'image plus grande en gardant ses dimensions d'origine, ou de répéter l'image plus petite en conservant ses dimensions initiales sur la surface de la forme automatique afin qu'elle puisse remplir tout l'espace uniformément.</p>
|
|||
|
|
<p class="note"><b>Remarque</b> : tout préréglage <b>Texture</b> sélectionné remplit l'espace de façon uniforme, mais vous pouvez toujours appliquer l'effert <b>Étirement</b>, si nécessaire.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Modèle</b> - sélectionnez cette option pour sélectionner le modèle à deux couleurs composé des éléments répétés.
|
|||
|
|
<p><img alt="Pattern Fill" src="../images/fill_pattern.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Modèle</b> - sélectionnez un des modèles prédéfinis du menu.</li>
|
|||
|
|
<li><b>Couleur de premier plan</b> - cliquez sur cette palette de couleurs pour changer la couleur des éléments du modèle.</li>
|
|||
|
|
<li><b>Couleur d'arrière-plan</b> - cliquez sur cette palette de couleurs pour changer de l'arrière-plan du modèle.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Pas de remplissage</b> - sélectionnez cette option si vous ne voulez pas utiliser un remplissage.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Opacité</b> - utilisez cette section pour régler le niveau d'<b>Opacité</b> des formes automatiques en faisant glisser le curseur ou en saisissant la valeur de pourcentage à la main. La valeur par défaut est <b>100%</b> ce qui correspond à l'opacité complète. La valeur <b>0%</b> correspond à la transparence totale.</li>
|
|||
|
|
<li><b>Trait</b> - utilisez cette section pour changer la largeur et la couleur du trait de la forme automatique.
|
|||
|
|
<ul>
|
|||
|
|
<li>Pour modifier la largeur du trait, sélectionnez une des options disponibles depuis la liste déroulante <b>Taille</b> : 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt ou <b>Pas de ligne</b> si vous ne voulez pas utiliser de trait.</li>
|
|||
|
|
<li>Pour changer la couleur du trait, cliquez sur la case colorée et sélectionnez la couleur nécessaire.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Modifier la forme</b> - utilisez cette section pour remplacer la forme automatique insérée par une autre sélectionnée de la liste déroulante.</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<p>Pour changer les <b>paramètres avancés</b> de la forme automatique, cliquez sur le lien <b>Afficher les paramètres avancés</b> sur la barre latérale droite. La fenêtre des propriétés de la forme s'ouvre :</p>
|
|||
|
|
<img alt="Forme - Paramètres avancés" src="../images/shape_properties.png" />
|
|||
|
|
<p>L'onglet <b>Taille</b> vous permet de régler les paramètres suivants :</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Largeur</b> et <b>Hauteur</b> - utilisez ces options pour changer la largeur et/ou la hauteur de la forme. Si l'option <b>Proportions constantes</b> <img alt="Proportions constantes" src="../images/constantproportions.png" /> est activée, la largeur et la hauteur seront changées en même temps, l'aspect ratio de la forme original sera préservé.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p><img alt="Forme - Paramètres avancés" src="../images/shape_properties_1.png" /></p>
|
|||
|
|
<p>L'onglet <b>Poids et flèches</b> inclut les paramètres suivants :</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Style de ligne</b> - ce groupe d'options vous permet de spécifier les paramètres suivants :
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Type de litterine</b> - cette option permet de définir le style de la fin de la ligne, ainsi elle peut être appliquée seulement aux formes avec un contour ouvert telles que des lignes, des polylignes etc.:
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Plat</b> - les points finaux seront plats.</li>
|
|||
|
|
<li><b>Arrondi</b> - les points finaux seront arrondis.</li>
|
|||
|
|
<li><b>Carré</b> - les points finaux seront carrés.</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Type de jointure</b> - cette option permet de définir le style de l'intersection de deux lignes : par exemple, une polyligne ou les coins du triangle ou le contour du rectangle :
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Arrondi</b> - le coin sera arrondi.</li>
|
|||
|
|
<li><b>Plaque</b> - le coin sera coupé d'une manière angulaire.</li>
|
|||
|
|
<li><b>Onglet</b> - le coin sera pointu, bien adapté pour les formes avec les angles vifs.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p class="note"><b>Remarque</b> : l'effet sera plus visible si vous utilisez un contour plus épais.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li><b>Flèches</b> - ce groupe d'options est disponible pour les formes du groupe <b>Lignes</b>. Il permet de définir le <b>Style de début</b> et <b>Style de fin</b> aussi bien que la <b>Taille</b> des flèches en sélectionnant l'option appropriée de la liste déroulante.</li>
|
|||
|
|
</ul>
|
|||
|
|
<img alt="Forme - Paramètres avancés" src="../images/shape_properties_2.png" />
|
|||
|
|
<p>L'onglet <b>Marges</b> vous permet de changer les marges internes <b>En haut</b>, <b>En bas</b>, <b>A gauche</b> et <b>A droite</b> (c'est-à-dire la distance entre le texte à l'intérieur de la forme et les bordures de la forme automatique).</p>
|
|||
|
|
<hr />
|
|||
|
|
<h3>Insérer et mettre en forme un texte dans une forme automatique</h3>
|
|||
|
|
<p>Pour insérer un texte dans une forme automatique, sélectionnez une forme et commencez à saisir votre texte. Le texte que vous ajoutez fait partie de la forme (ainsi si vous déplacez ou faites pivoter la forme, le texte change de position lui aussi).</p>
|
|||
|
|
<p>Pour mettre en forme le texte saisi, utilisez les icônes situées sur la barre d'outils supérieure. Certains paramètres supplémentaires peuvent être réglés dans l'onglet <b>Paramètres du texte</b> sur la barre latérale droite qui s'ouvre si vous sélectionnez la forme insérée avec la souris et cliquez sur l'icône <b>Paramètres du texte</b> <img alt="Paramètres du texte" src="../images/textsettings.png" />. Vous pouvez y régler les paramètres suivants : </p>
|
|||
|
|
<p><b>Espacement</b> - utilisez cette section pour définir la hauteur de la ligne de texte dans le paragraphe ainsi bien que les marges entre le paragraphe courant et le paragraphe précédent ou suivant.</p>
|
|||
|
|
<p><img class="floatleft"alt="Shape Settings tab" src="../images/textsettingstab.png" /></p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Interligne</b> - réglez la hauteur de la ligne de texte dans le paragraphe en choisissant une des trois options disponibles : <b>au moins</b> (interligne minimale nécessaire pour adapter la police la plus grande ou le graphique à la ligne), <b>multiple</b> (l'interligne supérieure à 1), <b>exactement</b> (l'interligne fixe) et spécifiez la valeur nécessaire au champ <b>A</b>.</li>
|
|||
|
|
<li><b>Avant</b> - réglez la taille de l'espace avant le paragraphe.</li>
|
|||
|
|
<li><b>Après</b> - réglez la taille de l'espace après le paragraphe.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Vous pouvez également modifier les paramètres avancés du paragraphe. Placez le curseur à l'intérieur du paragraphe nécessaire - l'onglet <b>Paramètres du texte</b> sera activé sur la barre latérale droite. Cliquez sur le lien <b>Afficher les paramètres avancés</b>. La fenêtre des paramètres avancés du paragraphe s'ouvre :</p>
|
|||
|
|
<img alt="Paramètres du paragraphe - Retraits et emplacement" src="../images/textadvancedsettings1.png" />
|
|||
|
|
<p>L'onglet <b>Retraits et emplacement</b> vous permet de changer le décalage de la <b>première ligne</b> de la marge interne gauche du bord de la forme aussi bien que le décalage du paragraphe des marges internes <b>gauche</b> et <b>droite</b> du bord de la forme.</p>
|
|||
|
|
<img alt="Paramètres du paragraphe - Police" src="../images/textadvancedsettings2.png" />
|
|||
|
|
<p>L'onglet <b>Police</b> inclut les paramètres suivants :</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Barré</b> sert à barrer le texte d'une ligne passant par les lettres.</li>
|
|||
|
|
<li><b>Barré double</b> sert à barrer le texte d'une ligne double passant par les lettres.</li>
|
|||
|
|
<li><b>Exposant</b> sert à rendre le texte plus petit et le déplacer vers la partie supérieure de la ligne du texte, par exemple comme dans les fractions.</li>
|
|||
|
|
<li><b>Indice</b> sert à rendre le texte plus petit et le déplacer vers la partie inférieure de la ligne du texte, par exemple comme dans les formules chimiques.</li>
|
|||
|
|
<li><b>Petites majuscules</b> sert à mettre toutes les lettres en petite majuscule.</li>
|
|||
|
|
<li><b>Majuscules</b> sert à mettre toutes les lettres en majuscule.</li>
|
|||
|
|
<li><b>Espacement</b> sert à définir l'espace entre les caractères.</li>
|
|||
|
|
</ul>
|
|||
|
|
<img alt="Paramètres du paragraphe - Tabulation" src="../images/textadvancedsettings3.png" />
|
|||
|
|
<p>L'onglet <b>Tabulation</b> vous permet de changer des taquets de tabulation c'est-à-dire l'emplacement où le curseur s'arrête quand vous appuyez sur la touche <b>Tab</b> du clavier.</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Position</b> sert à personnaliser les taquets de tabulation. Saisissez la valeur nécessaire dans ce champ, réglez-la en utilisant les boutons à flèche et cliquez sur le bouton <b>Spécifier</b>. La position du taquet de tabulation personnalisée sera ajoutée à la liste dans le champ au-dessous.</li>
|
|||
|
|
<li>La tabulation <b>Par défaut</b> est de 1.25 cm. Vous pouvez augmenter ou diminuer cette valeur en utilisant les boutons à flèche ou en saisissant la valeur nécessaire dans le champ.</li>
|
|||
|
|
<li><b>Alignement</b> sert à définir le type d'alignment pour chaque taquet de tabulation de la liste. Sélectionnez le taquet nécessaire dans la liste, ensuite la case d'option <b>A gauche</b>, <b>Au centre</b> ou <b>A droite</b> et cliquez sur le bouton <b>Spécifier</b>.
|
|||
|
|
<ul>
|
|||
|
|
<li><b>A gauche</b> sert à aligner le texte sur le côté gauche du taquet de tabulation; le texte se déplace à droite du taquet de tabulation quand vous saisissez le texte. </li>
|
|||
|
|
<li><b>Au centre</b> sert à centrer le texte à la position du taquet de tabulation.</li>
|
|||
|
|
<li><b>A droite</b> sert à aligner le texte sur le côté droit du taquet de tabulation; le texte se déplace à gauche du taquet de tabulation quand vous saisissez le texte.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Pour supprimer un taquet de tabulation de la liste sélectionnez-le et cliquez sur le bouton <b>Supprimer</b> ou utilisez le bouton <b>Supprimer tout</b> pour vider la liste.</p>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|