web-apps/apps/documenteditor/main/resources/help/fr/UsageInstructions/InsertImages.htm

78 lines
9.7 KiB
HTML
Raw Normal View History

2016-03-11 00:48:53 +00:00
<!DOCTYPE html>
<html>
<head>
<title>Insérer des images</title>
<meta charset="utf-8" />
<meta name="description" content="Ajouter une image à votre document et ajuster sa position et ses propriétés" />
<link type="text/css" rel="stylesheet" href="../editor.css" />
</head>
<body>
<div class="mainpart">
<h1>Insérer des images</h1>
2017-04-21 08:44:23 +00:00
<p>Document Editor vous permet d'insérer des images aux formats populaires. Les formats d'image pris en charge sont les suivants : <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
2016-03-11 00:48:53 +00:00
<p>Pour insérer une image dans votre document de texte,</p>
<ol>
<li>placez le curseur à la position où vous voulez insérer une image,</li>
<li>cliquez sur l'icône de la barre d'outils supérieure <b>Insérer une image</b> <img alt="icône Insérer une image" src="../images/image.png" />,</li>
<li>sélectionnez l'une des options suivantes pour charger l'image :
<ul>
<li>l'option <b>Image à partir d'un fichier</b> va ouvrir la fenêtre de dialogue standard de Windows pour la sélection des fichiers. Parcourez votre disque dur pour choisir le fichier nécessaire et cliquez sur le bouton <b>Ouvrir</b></li>
<li>l'option <b>Image à partir dune URL</b> va ouvrir la fenêtre où vous pouvez entrer l'adresse web de l'image nécessaire et cliquer sur le bouton <b>OK</b></li>
</ul>
</li>
<li>après avoir ajouté l'image, vous pouvez modifier sa taille, ses propriétés et sa position.</li>
</ol>
<p><img class="floatleft" alt="Image en mouvement" src="../images/moving_image.png" />Pour changer la taille de l'image, faites glisser des petits carreaux <img alt="Carreau" src="../images/resize_square.png" /> situés sur ses bords. Pour garder les proportions de l'image sélectionnée lors du redimensionnement, maintenez la touche <b>Maj</b> enfoncée et faites glisser l'une des icônes de coin.</p>
<p>Pour modifier la position de l'image, utilisez l'icône <img alt="Flèche" src="../images/arrow.png" /> qui apparaît si vous placez le curseur de votre souris sur l'image. Faites glisser l'image à la position nécessaire sans relâcher le bouton de la souris.</p>
<p>Pour faire pivoter l'image, placez le curseur de la souris sur la poignée de rotation ronde <img alt="Poignée de rotation ronde" src="../images/greencircle.png" /> et faites-la glisser vers la droite ou la gauche. Pour contraindre la rotation à des incréments de 15 degrés, maintenez la touche <b>Maj</b> enfoncée lors du redimensionnement.</p>
<hr />
<p><img class="floatleft" alt="Image Settings tab" src="../images/right_image.png" />Certains paramètres de l'image peuvent être modifiés dans l'onglet <b>Paramètres de l'image</b> de la barre latérale droite. Pour l'activer, cliquez sur l'image et sélectionnez l'icône <b>Paramètres de l'image</b> <img alt="Paramètres de l'image" src="../images/image_settings_icon.png" /> à droite. Vous y pouvez modifier les paramètres suivants :</p>
<ul style="margin-left: 280px;">
<li><b>Taille</b> sert à afficher la <b>Largeur</b> et la <b>Hauteur</b> actuelles de l'image ou rétablir la <b>Taille par défaut</b>, si nécessaire.</li>
<li><b>Style d'habillage</b> sert à sélectionner un des styles d'habillage - aligné sur le texte, carré, rapproché, au travers, haut et bas, devant le texte, derrière le texte (pour en savoir plus, consultez la section des paramètres avancés ci-dessous).</li>
<li><b>Remplacer image</b> sert à remplacer l'image actuelle et charger une autre à partir d'un fichier ou d'une URL.</li>
</ul>
<p>Certains paramètres de l'image peuvent être également modifiés en utilisant le menu contextuel. Les options du menu sont les suivantes :</p>
<ul style="margin-left: 280px;">
<li><b>Organiser</b> sert à placer l'image sélectionnée au premier plan, envoyer à fond, avancer ou reculer ainsi que grouper ou dégrouper des images pour effectuer des opérations avec plusieurs images à la fois.</li>
<li><b>Aligner</b> sert à aligner le texte à gauche, au centre, à droite, en haut, au milieu, en bas.</li>
<li><b>Style d'habillage</b> sert à sélectionner un des styles d'habillage - aligné sur le texte, carré, rapproché, au travers, haut et bas, devant le texte, derrière le texte - ou modifier le contour de l'habillage. L'option <b>Modifier les limites du renvoi à la ligne</b> n'est disponible qu'au cas où vous sélectionnez le style d'habillage autre que 'aligné sur le texte'. Faites glisser les points d'habillage pour personnaliser les limites. Pour créer un nouveau point d'habillage, cliquez sur la ligne rouge et faites-la glisser vers la position désirée. <img alt="Modifier les limites du renvoi à la ligne" src="../images/wrap_boundary.png" /></li>
<li><b>Taille par défaut</b> sert à changer la taille actuelle de l'image ou rétablir la taille par défaut.</li>
<li><b>Paramètres avancés</b> sert à ouvrir la fenêtre 'Image - Paramètres avancés'.</li>
</ul>
<hr />
<p>Pour modifier les paramètres avancés, cliquez sur l'image avec le bouton droit de la souris et sélectionnez <b>Paramètres avancés</b> du menu contextuel ou cliquez sur le lien de la barre latérale droite <b>Afficher paramètres avancés</b>. La fenêtre des propriétés de l'image sera ouverte :</p>
<p><img alt="Image - Paramètres avancés : Taille" src="../images/image_properties.png" /></p>
<p>L'onglet <b>Taille</b> contient les paramètres suivants :</p>
<ul>
<li><b>Largeur</b> et <b>Hauteur</b> - utilisez ces options pour modifier langeur / hauteur de l'image. Si le bouton <b>Proportions constantes</b> <img alt="icône Proportions constantes" src="../images/constantproportions.png" /> est cliqué, les proportions d'image originales sera gardées lors de la modification de la largeur / hauteur. Pour rétablir la taille par défaut de l'image ajoutée, cliquez sur le bouton <b>Par défaut</b>.</li>
</ul>
<p><img alt="Image - Paramètres avancés : Habillage du texte" src="../images/image_properties_1.png" /></p>
<p>L'onglet <b>Habillage du texte</b> contient les paramètres suivants :</p>
<ul>
<li><b>Style d'habillage</b> - utilisez cette option pour changer la manière dont l'image est positionnée par rapport au texte : elle peut faire partie du texte (si vous sélectionnez le style 'aligné sur le texte') ou être contournée par le texte de tous les côtés (si vous sélectionnez l'un des autres styles).
<ul>
<li><p><img alt="Style d'habillage - Aligné sur le texte" src="../images/wrappingstyle_inline.png" /> <b>Aligné</b> sur le texte - l'image fait partie du texte, comme un caractère, ainsi si le texte est déplacé, l'image est déplacée elle aussi. Dans ce cas-là les options de position ne sont pas accessibles.</p>
<p>Si vous sélectionnez un des styles suivants, vous pouvez déplacer l'image indépendamment du texte et définir sa position exacte :</p>
</li>
<li><p><img alt="Style d'habillage - Carré" src="../images/wrappingstyle_square.png" /> <b>Carré</b> - le texte est ajusté autour des bords de l'image.</p></li>
<li><p><img alt="Style d'habillage - Rapproché" src="../images/wrappingstyle_tight.png" /> <b>Rapproché</b> - le texte est ajusté sur le contour de l' image.</p></li>
<li><p><img alt="Style d'habillage - Au travers" src="../images/wrappingstyle_through.png" /> <b>Au travers</b> - le texte est ajusté autour des bords de l'image et occupe l'espace vide à l'intérieur d'elle. Pour créer l'effet, utilisez l'option <b>Modifier les limites du renvoi à la ligne</b> du menu contextuel.</p></li>
<li><p><img alt="Style d'habillage - Haut et bas" src="../images/wrappingstyle_topandbottom.png" /> <b>Haut et bas</b> - le texte est ajusté en haut et en bas de l'image.</p></li>
<li><p><img alt="Style d'habillage - Devant le texte" src="../images/wrappingstyle_infront.png" /> <b>Devant</b> le texte - l'image est affichée sur le texte.</p></li>
<li><p><img alt="Style d'habillage - Derrière le texte" src="../images/wrappingstyle_behind.png" /> <b>Derrière</b> le texte - le texte est affiché sur l'image.</p></li>
</ul>
</li>
</ul>
<p>Si vous avez choisi le style carré, rapproché, au travers, haut et bas, vous avez la possibilité de configurer des paramètres supplémentaires - <b>Distance du texte</b> de tous les côtés (haut, bas, droit, gauche).</p>
<p><img alt="Image - Paramètres avancés: Position" src="../images/image_properties_2.png" /></p>
<p>L'onglet <b>Position</b> n'est disponible qu'au cas où vous choisissez le style d'habillage autre que 'aligné sur le texte'. Il contient les paramètres suivants qui varient selon le type d'habillage sélectionné :</p>
<ul>
<li><b>Horizontal</b> sert à régler l'<b>alignment</b> de l'image (à gauche, au centre, à droite) <b>par rapport au</b> caractère, colonne, marge gauche, marge, page ou marge droite aussi bein que la <b>position à droite du</b> caractère, colonne, marge gauche, marge, page ou marge droite.</li>
<li><b>Vertical</b> sert à régler l'<b>alignment</b> de l'image (en haut, au centre, en bas) <b>par rapport à</b> la ligne, marge, marge inférieure, paragraphe, page ou marge supérieure aussi bien que la <b>position en dessous de</b> la ligne, marge, marge inférieure, paragraphe, page ou marge supérieure.</li>
<li><b>Déplacer avec le texte</b> détermine si l'image se déplace en même temps que le texte sur lequel elle est alignée.</li>
<li><b>Chevauchement</b> détermine si deux images sont fusionnées en une seule ou se chevauchent si vous les faites glisser les unes près des autres sur la page.</li>
</ul>
</div>
</body>
</html>