79 lines
9.9 KiB
HTML
79 lines
9.9 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Insérer et modifier des images</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Add an image to your presentation and adjust its size and position." />
|
||
<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 et modifier des images</h1>
|
||
<h3>Insérer une image</h3>
|
||
<p>Presentation Editor vous permet d'insérer des images aux formats populaires dans votre présentation. 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>
|
||
<p>Pour <b>ajouter</b> une image à une diapositive,</p>
|
||
<ol>
|
||
<li>sélectionnez la diapositive à laquelle vous voulez ajouter une image dans la liste des diapositives à gauche,</li>
|
||
<li>cliquez sur l'icône <img alt="icône Image" src="../images/image.png" /> <b>Image</b> dans l'onglet <b>Accueil</b> ou <b>Insertion</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>
|
||
<li>une fois l'image ajoutée, vous pouvez <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">modifier sa taille et sa position</a>.</li>
|
||
</ol>
|
||
<hr />
|
||
<h3>Ajuster les paramètres de l'image</h3>
|
||
<p>La barre latérale droite est activée lorsque vous cliquez avec le bouton gauche sur une 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. Elle comporte les sections suivantes :</p><img alt="Onglet Paramètres de l'image" src="../images/imagesettingstab.png" /><p><b>Taille</b> - permet d'afficher la <b>Largeur</b> et la <b>Hauteur</b> de l'image actuelle ou de restaurer la <b>Taille par défaut</b> de l'image si nécessaire.</p>
|
||
|
||
<p>Le bouton <b>Rogner</b> permet de rogner l'image. 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><b>Remplacer l'image</b> - est utilisé pour charger une autre image à la place de celle en cours en sélectionnant la source désirée. Vous pouvez choisir parmi les options suivantes : <b>A partir du fichier</b> ou <b>A partir de l'URL</b>. L'option <b>Remplacer l'image</b> est également disponible dans le menu contextuel.</p>
|
||
<p><b>Rotation</b> permet de faire pivoter l’image de 90 degrés dans le sens des aiguilles d'une montre ou dans le sens inverse des aiguilles d'une montre, ainsi que de retourner l’image horizontalement ou verticalement. Cliquez sur l'un des boutons :</p>
|
||
<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>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>
|
||
<hr />
|
||
<p>Pour changer les <b>paramètres avancés</b> de l'image, cliquez sur celle ci avec le bouton droit et sélectionnez l'option <b>Paramètres avancés</b> dans le menu ou utilisez le lien <b>Afficher paramètres avancés</b> sur la barre latérale droite. La fenêtre des propriétés de l'image sera ouverte :</p>
|
||
<p><img alt="Propriétés de l'image" src="../images/image_properties.png" /></p>
|
||
<p>L'onglet <b>Placement</b> vous permet de régler les paramètres suivants :</p>
|
||
<ul>
|
||
<li><b>Taille</b> - utilisez cette options pour modifier la largeur/hauteur de l'image. 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>
|
||
<li><b>Position</b> - utilisez cette option pour modifier la position de l'image sur la diapositive (la position est calculée à partir des côtés supérieur et gauche de la diapositive).</li>
|
||
</ul>
|
||
<p><img alt="Propriétés de l'image : Rotation" src="../images/image_properties2.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="Propriétés de l'image" src="../images/image_properties1.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>
|
||
<hr />
|
||
<p>Pour <b>supprimer</b> une image insérée, sélectionnez-la avec la souris et appuyez sur la touche <b>Suppr</b>.</p>
|
||
<p>Pour apprendre à <b>aligner</b> une image sur la diapositive ou à <b>organiser</b> plusieurs images, reportez-vous à la section <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Aligner et organiser les objets dans une diapositive</a>.</p>
|
||
</div>
|
||
</body>
|
||
</html> |