90 lines
10 KiB
HTML
90 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Insérer des images</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Add an image to your spreadsheet and adjust its position and size" />
|
||
<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="Recherche" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Insérer des images</h1>
|
||
<p>Spreadsheet 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>
|
||
<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></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>Remplir</b> et <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>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 <img alt="Paramètres de la forme" src="../images/shape_settings_icon.png" /> <b>Paramètres de forme</b> est également disponible sur la droite. Vous pouvez cliquer sur cette icône pour ouvrir l'onglet <b>Paramètres de forme</b> dans la barre latérale droite et ajuster le type de <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>contour</b></a>, la taille et la 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><img alt="Onglet Paramètres de la forme" src="../images/right_image_shape.png" /></p>
|
||
<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 : 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="Image - Paramètres avancés" 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 une image insérée, sélectionnez-la avec la souris et appuyez sur la touche <b>Supprimer</b>.</p>
|
||
</div>
|
||
</body>
|
||
</html> |