121 lines
14 KiB
HTML
121 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Insérer des images</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Insérer des images à votre classeur et modifier la position et la taille" />
|
||
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Rechercher" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Insérer des images</h1>
|
||
<p><a href="https://www.onlyoffice.com/fr/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Spreadsheet Editor</b></a> 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>
|
||
<h3>Insérer une image</h3>
|
||
<p>Pour insérer une image dans la feuille de calcul,</p>
|
||
<ol>
|
||
<li>placez le curseur là où vous voulez insérer l'image,</li>
|
||
<li>passez à l'onglet <b>Insertion</b> de la barre d'outils supérieure,</li>
|
||
<li>cliquez sur l'icône <img alt="icône Image" src="../images/image.png" /> <b>Image</b>de la barre d'outils supérieure,</li>
|
||
<li>
|
||
sélectionnez l'une des options suivantes pour charger l'image :<ul>
|
||
<li>
|
||
l'option <b>Image à partir d'un fichier</b> ouvre la fenêtre de dialogue standard pour sélectionner le fichier. Sélectionnez le fichier de votre choix sur le disque dur de votre ordinateur et cliquez sur le bouton <b>Ouvrir</b>
|
||
<p class="note">Dans <em>l’éditeur en ligne</em>, vous pouvez sélectionner plusieurs images à la fois.</p>
|
||
</li>
|
||
<li>l'option <b>Image à partir d'une URL</b> ouvre la fenêtre où vous pouvez saisir l'adresse Web de l'image et cliquer sur le bouton <b>OK</b></li>
|
||
<li class="onlineDocumentFeatures">l'option <b>Image provenant du stockage</b> ouvrira la fenêtre <b>Sélectionner la source de données</b>. Sélectionnez une image stockée sur votre portail et cliquez sur le bouton <b>OK</b></li>
|
||
</ul>
|
||
</li>
|
||
</ol>
|
||
<p>Après cela, l'image sera ajoutée à la feuille de calcul.</p>
|
||
<h3>Régler les paramètres de l'image</h3>
|
||
<p>une fois l'image ajoutée, vous pouvez <a href="ManipulateObjects.htm" onclick="onhyperlinkclick(this)">modifier sa taille et sa position</a>.</p>
|
||
<p>Pour spécifier les dimensions exactes de l'image :</p>
|
||
<ol>
|
||
<li>sélectionnez l'image que vous voulez redimensionner avec la souris,</li>
|
||
<li>
|
||
cliquez sur l'icône <b>Paramètres de l'image</b> <img alt="Paramètres de l'image" src="../images/image_settings_icon.png" /> sur la barre latérale droite,<p><img alt="Fenêtre Paramètres de l'image du panneau latéral droit" src="../images/imagesettings.png" /></p>
|
||
</li>
|
||
<li>Dans la section <b>Taille</b>, définissez les valeurs <b>Largeur</b> et <b>Hauteur</b> requises. Si le bouton <b>Proportions constantes</b> <img alt="Icône Proportions constantes" src="../images/constantproportions.png" /> est cliqué(auquel cas il ressemble à ceci <img alt="Icône Proportions constantes activée" src="../images/constantproportionsactivated.png" />), 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>
|
||
</ol>
|
||
<p>Pour rogner l'image :</p>
|
||
<p>Cliquez sur le bouton <b>Rogner</b> pour activer les poignées de recadrage qui apparaissent sur les coins de l'image et au milieu de chaque côté. Faites glisser manuellement les poignées pour définir la zone de recadrage. Vous pouvez déplacer le curseur de la souris sur la bordure de la zone de recadrage pour qu'il se transforme en icône <img alt="Flèche" src="../images/arrow.png" /> et faire glisser la zone.</p>
|
||
<ul>
|
||
<li>Pour rogner un seul côté, faites glisser la poignée située au milieu de ce côté.</li>
|
||
<li>Pour rogner simultanément deux côtés adjacents, faites glisser l'une des poignées d'angle.</li>
|
||
<li>Pour rogner également deux côtés opposés de l'image, maintenez la touche <em>Ctrl</em> enfoncée lorsque vous faites glisser la poignée au milieu de l'un de ces côtés.</li>
|
||
<li>Pour rogner également tous les côtés de l'image, maintenez la touche <em>Ctrl</em> enfoncée lorsque vous faites glisser l'une des poignées d'angle.</li>
|
||
</ul>
|
||
<p>Lorsque la zone de recadrage est définie, cliquez à nouveau sur le bouton <b>Rogner</b>, ou appuyez sur la touche <em>Echap</em>, ou cliquez n'importe où à l'extérieur de la zone de recadrage pour appliquer les modifications.</p>
|
||
<p>Une fois la zone de recadrage sélectionnée, il est également possible d'utiliser les options <b>Rogner à la forme</b>, <b>Remplir</b> ou <b>Ajuster</b> disponibles dans le menu déroulant <b>Rogner</b>. Cliquez de nouveau sur le bouton <b>Rogner</b> et sélectionnez l'option de votre choix: </p>
|
||
<ul>
|
||
<li>Si vous sélectionnez l'option <b>Rogner à la forme</b>, l'image va s'ajuster à une certaine forme. Vous pouvez sélectionner la forme appropriée dans la galerie qui s'affiche lorsque vous placez le poiunteur de la soiris sur l'option <b>Rogner à la forme</b>. Vous pouvez toujours utiliser les options <b>Remplir</b> et <b>Ajuster</b> pour choisir le façon d'ajuster votre image à la forme.</li>
|
||
<li>Si vous sélectionnez l'option <b>Remplir</b>, la partie centrale de l'image originale sera conservée et utilisée pour remplir la zone de cadrage sélectionnée, tandis que les autres parties de l'image seront supprimées.</li>
|
||
<li>Si vous sélectionnez l'option <b>Ajuster</b>, l'image sera redimensionnée pour correspondre à la hauteur ou à la largeur de la zone de recadrage. Aucune partie de l'image originale ne sera supprimée, mais des espaces vides peuvent apparaître dans la zone de recadrage sélectionnée.</li>
|
||
</ul>
|
||
<p>Pour faire pivoter l'image :</p>
|
||
<ol>
|
||
<li>sélectionnez l'image que vous souhaitez faire pivoter avec la souris,</li>
|
||
<li>cliquez sur l'icône <b>Paramètres de l'image</b> <img alt="Paramètres de l'image" src="../images/image_settings_icon.png" /> sur la barre latérale droite,</li>
|
||
<li>
|
||
dans la section <b>Rotation</b>, cliquez sur l'un des boutons :<ul>
|
||
<li><img alt="icône Pivoter dans le sens inverse des aiguilles d'une montre" src="../images/rotatecounterclockwise.png" /> pour faire pivoter l’image de 90 degrés dans le sens inverse des aiguilles d'une montre</li>
|
||
<li><img alt="icône Pivoter dans le sens des aiguilles d'une montre" src="../images/rotateclockwise.png" /> pour faire pivoter l’image de 90 degrés dans le sens des aiguilles d'une montre</li>
|
||
<li><img alt="icône Retourner horizontalement" src="../images/fliplefttoright.png" /> pour retourner l’image horizontalement (de gauche à droite)</li>
|
||
<li><img alt="icône Retourner verticalement" src="../images/flipupsidedown.png" /> pour retourner l’image verticalement (à l'envers)</li>
|
||
</ul>
|
||
<p class="note"><b>Remarque</b> : vous pouvez également cliquer avec le bouton droit sur l'image et utiliser l'option <b>Faire pivoter</b> dans le menu contextuel.</p>
|
||
</li>
|
||
</ol>
|
||
<p>Pour remplacer l'image insérée,</p>
|
||
<ol>
|
||
<li>sélectionnez l'image insérée avec la souris,</li>
|
||
<li>cliquez sur l'icône <b>Paramètres de l'image</b> <img alt="Paramètres de l'image" src="../images/image_settings_icon.png" /> sur la barre latérale droite,</li>
|
||
<li>
|
||
dans la section <b>Remplacer l'image</b> cliquez sur le bouton approprié : <b>D'un fichier</b> ou <b>D'une URL</b> et sélectionnez l'image désirée.<p class="note"><b>Remarque</b> : vous pouvez également cliquer avec le bouton droit sur l'image et utiliser l'option <b>Remplacer l'image</b> dans le menu contextuel.</p>
|
||
</li>
|
||
</ol>
|
||
<p>L'image sélectionnée sera remplacée.</p>
|
||
<p>Lorsque l'image est sélectionnée, l'icône <b>Paramètres de la forme</b> <img alt="L'icône Paramètres de la forme" src="../images/shape_settings_icon.png" /> est également disponible sur la droite. Vous pouvez cliquer sur cette icône pour ouvrir l'onglet <b>Paramètres de la forme </b>dans la barre latérale droite et ajuster le type du <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Ligne</b></a> sa taille et sa couleur ainsi que le type de forme en sélectionnant une autre forme dans le menu <b>Modifier la forme automatique</b>. La forme de l'image changera en conséquence.</p>
|
||
<p>Sous l'onglet <b>Paramètres de la forme</b>, vous pouvez utiliser l'option <b>Ajouter une ombre</b> pour créer une zone ombrée autour de l'image.</p>
|
||
<p><img alt="L'onglet Paramètres de la forme" src="../images/right_image_shape.png" /></p>
|
||
<h3>Ajuster les paramètres avancés de l'image</h3>
|
||
<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 de l'image</b> du menu contextuel ou cliquez sur le lien de la barre latérale droite <b>Afficher les paramètres avancés</b>. La fenêtre paramètres de l'image s'ouvre:</p>
|
||
<p><img alt="La fenêtre Image - Paramètres avancés Rotation" src="../images/imageadvancedsettings1.png" /></p>
|
||
<p>L'onglet <b>Rotation</b> comporte les paramètres suivants:</p>
|
||
<ul>
|
||
<li><b>Angle</b> - utilisez cette option pour faire pivoter l'image d'un angle exactement spécifié. Entrez la valeur souhaitée mesurée en degrés dans le champ ou réglez-la à l'aide des flèches situées à droite. </li>
|
||
<li><b>Retourné</b> - cochez la case <b>Horizontalement</b> pour retourner l'image horizontalement (de gauche à droite) ou la case <b>Verticalement</b> pour retourner l'image verticalement (à l'envers).</li>
|
||
</ul>
|
||
<p><img alt="La fenêtre Image - Paramètres avancés Alignement dans une cellule" src="../images/imageadvancedsettings2.png" /></p>
|
||
<p>L'onglet<b> Alignement dans une cellule</b> comprend les options suivantes:</p>
|
||
<ul>
|
||
<li><b>Déplacer et dimensionner avec des cellules</b> - cette option permet de placer l'image derrière la cellule. Quand une cellule se déplace (par exemple: insertion ou suppression des lignes/colonnes), l'image se déplace aussi. Quand vous ajustez la largeur ou la hauteur de la cellule, la dimension de l'image s'ajuste aussi.</li>
|
||
<li><b>Déplacer sans dimensionner avec les cellules</b> - cette option permet de placé l'image derrière la cellule mais d'empêcher le redimensionnement. Quand une cellule se déplace, l'image se déplace aussi, mais si vous redimensionnez la cellule, l'image demeure inchangé.</li>
|
||
<li><b>Ne pas déplacer et dimensionner avec les cellules</b> - cette option empêche le déplacement ou redimensionnement de l'image si la position ou la dimension de la cellule restent inchangées.</li>
|
||
</ul>
|
||
<p><img alt="La fenêtre Image - Paramètres avancés L'onglet Texte de remplacement" src="../images/imageadvancedsettings.png" /></p>
|
||
<p>L'onglet <b>Texte de remplacement</b> permet de spécifier un <b>Titre</b> et une <b>Description</b> qui sera lue aux personnes avec des déficiences cognitives ou visuelles pour les aider à mieux comprendre l'information de l'image.</p>
|
||
<p>Pour supprimer l'image insérée, cliquez sur celle-ci et appuyez sur la touche <b>Suppr.</b></p>
|
||
<h3>Affecter une macro à une image</h3>
|
||
<p>Pour rendre l'accès à macro plus rapide et facile dans une feuille de calcul, vous pouvez affecter une macro à une image. Une fois la macro affectée, l'image apparaît ainsi comme un bouton de contrôle et vous pouvez lancer la macro par un clic dessus.</p>
|
||
<p>Pour affecter une macro:</p>
|
||
<ul type="circle">
|
||
<li>
|
||
Cliquer avec le bouton droit de la souris sur l'image et sélectionnez l'option <b>Affecter une macro</b> dans le menu déroulant.
|
||
<p><img alt="Affecter une macro dans le menu" src="../images/assignmacro_rightclickimage.png" /></p>
|
||
</li>
|
||
<li>La boîte de dialogue <b>Affecter une macro</b> s'affiche.</li>
|
||
<li>
|
||
Sélectionnez la macro dans la liste ou saisissez le nom et cliquez sur <b>OK</b>.
|
||
<p><img alt="Affecter une macro" src="../images/assignmacro.png" /></p>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</body>
|
||
</html> |