81 lines
10 KiB
HTML
81 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Bilder einfügen und anpassen</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" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.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="Suche" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Bilder einfügen und anpassen</h1>
|
|
<h3>Bild einfügen</h3>
|
|
<p>Im <a target="_blank" href="https://www.onlyoffice.com/de/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Präsentationseditor</b></a> können Sie Bilder in den gängigen Formaten in Ihre Präsentation einfügen. Die folgenden Formate werden unterstützt: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
|
<p>Ein Bild in eine Folie <b>einfügen</b>:</p>
|
|
<ol>
|
|
<li>Markieren Sie mit dem Cursor die Folie in der Folienliste links, in die Sie ein Bild einfügen möchten.</li>
|
|
<li>Klicken Sie in der oberen Symbolleiste in den Registerkarten <b>Start</b> oder <b>Einfügen</b> auf <div class = "icon icon-image"></div> <b>Bild</b>.</li>
|
|
<li>Wählen Sie eine der folgenden Optionen, um das Bild hochzuladen:<ul>
|
|
<li>Mit der Option <b>Bild aus Datei</b> öffnen Sie das Standarddialogfenster zur Dateiauswahl. Durchsuchen Sie die Festplatte Ihres Computers nach der gewünschten Bilddatei und klicken Sie auf <b>Öffnen</b>.
|
|
<p class="note">Im <em>Online-Editor</em> können Sie mehrere Bilder gleichzeitig auswählen.</p></li>
|
|
<li>Mit der Option <b>Bild aus URL</b> öffnen Sie das Fenster zum Eingeben der erforderlichen Webadresse, wenn Sie die Adresse eingegeben haben, klicken Sie auf <b>OK</b>.</li>
|
|
<li class="onlineDocumentFeatures">Die Option <b>Bild aus Speicher</b> öffnet das Fenster <b>Datenquelle auswählen</b>. Wählen Sie ein in Ihrem Portal gespeichertes Bild aus und klicken Sie auf die Schaltfläche <b>OK</b>.</li>
|
|
</ul>
|
|
</li>
|
|
<li>Wenn Sie das Bild hinzugefügt haben, können Sie <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">Größe und Position</a> ändern.</li>
|
|
</ol>
|
|
<hr />
|
|
<h3>Bildeinstellungen anpassen</h3>
|
|
<p>Klicken Sie mit der linken Maustaste ein Bild an und wählen Sie rechts das Symbol <b>Bildeinstellungen</b> <div class = "icon icon-image_settings_icon"></div> aus, um die rechte Seitenleiste zu aktivieren. Hier finden Sie die folgenden Abschnitte:</p><img alt="Registerkarte Bildeinstellungen" src="../images/imagesettingstab.png" /><p><b>Größe</b> - um <b>Breite</b> und <b>Höhe</b> des aktuellen Bildes einzusehen oder bei Bedarf die <b>Standardgröße</b> des Bildes wiederherzustellen.</p>
|
|
|
|
<p>Mit der Schaltfläche <b>Zuschneiden</b> können Sie das Bild zuschneiden. Klicken Sie auf die Schaltfläche <b>Zuschneiden</b>, um die Ziehpunkte zu aktivieren, die an den Bildecken und in der Mitte der Bildseiten angezeigt werden. Ziehen Sie die Ziehpunkte manuell, um den Zuschneidebereich festzulegen. Wenn Sie den Mauszeiger über den Zuschneidebereich bewegen, ändert sich der Zeiger in das <div class = "icon icon-arrow"></div> Symbol und Sie können die Auswahl in die gewünschte Position ziehen.</p>
|
|
<ul>
|
|
<li>Um eine einzelne Seite zuzuschneiden, ziehen Sie den Ziehpunkt in der Mitte dieser Seite.</li>
|
|
<li>Um zwei benachbarte Seiten gleichzeitig zuzuschneiden, ziehen Sie einen der Ziehpunkte in den Ecken.</li>
|
|
<li>Um zwei gegenüberliegende Seiten des Bildes gleichermaßen zuzuschneiden, halten Sie die <em>Strg</em>-Taste gedrückt, während Sie den Ziehpunkt in der Mitte einer dieser Seiten ziehen.</li>
|
|
<li>Um alle Seiten des Bildes gleichermaßen zuzuschneiden, halten Sie die <em>Strg</em>-Taste gedrückt und ziehen Sie gleichzeitig einen der Ziehpunkt in den Ecken.</li>
|
|
</ul>
|
|
<p>Wenn der Zuschneidebereich festgelegt ist, klicken Sie erneut auf die Schaltfläche <b>Zuschneiden</b> oder drücken Sie die Taste <em>Esc</em> oder klicken Sie auf eine beliebige Stelle außerhalb des Zuschneidebereichs, um die Änderungen zu übernehmen.</p>
|
|
<p>Nachdem der Zuschneidebereich ausgewählt wurde, können Sie auch die Optionen <b>Füllen</b> und <b>Anpassen</b> verwenden, die im Dropdown-Menü <b>Zuschneiden</b> verfügbar sind. Klicken Sie erneut auf die Schaltfläche <b>Zuschneiden</b> und wählen Sie die gewünschte Option aus:</p>
|
|
<ul>
|
|
<li>Wenn Sie die Option <b>Ausfüllen</b> auswählen, wird der zentrale Teil des Originalbilds beibehalten und zum Ausfüllen des ausgewählten Zuschneidebereichs verwendet, während andere Teile des Bildes entfernt werden.</li>
|
|
<li>Wenn Sie die Option <b>Anpassen</b> auswählen, wird die Bildgröße so angepasst, dass sie der Höhe oder Breite des Zuschneidebereichs entspricht. Es werden keine Teile des Originalbilds entfernt, es können jedoch leere Bereiche innerhalb des ausgewählten Zuschneidebereichs erscheinen.</li>
|
|
</ul>
|
|
<p><b>Bild ersetzen</b> - das aktuelle Bild durch ein anderes Bild ersetzen und die entsprechende Quelle auswählen. Die folgenden Optionen stehen Ihnen zur Verfügung: <b>Aus Datei</b> oder <b>Aus URL</b>. Die Option <b>Bild ersetzen</b> ist auch im Rechtsklickmenü verfügbar.</p>
|
|
<p><b>Drehen</b> dient dazu das Bild um 90 Grad im oder gegen den Uhrzeigersinn zu drehen und die Form horizontal oder vertikal zu spiegeln. Wählen Sie eine der folgenden Optionen:</p>
|
|
<ul>
|
|
<li><div class = "icon icon-rotatecounterclockwise"></div> um das Bild um 90 Grad gegen den Uhrzeigersinn zu drehen</li>
|
|
<li><div class = "icon icon-rotateclockwise"></div> um das Bild um 90 Grad im Uhrzeigersinn zu drehen</li>
|
|
<li><div class = "icon icon-fliplefttoright"></div> um das Bild horizontal zu spiegeln (von links nach rechts)</li>
|
|
<li><div class = "icon icon-flipupsidedown"></div> um das Bild vertikal zu spiegeln (von oben nach unten)</li>
|
|
</ul>
|
|
<p>Wenn Sie das Bild ausgewählt haben, ist rechts auch das Symbol <b>Formeinstellungen</b> <div class = "icon icon-shape_settings_icon"></div> verfügbar. Klicken Sie auf dieses Symbol, um die Registerkarte <b>Formeinstellungen</b> in der rechten Seitenleiste zu öffnen und passen Sie Form, <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>Linientyp</b></a>, Größe und Farbe an oder ändern Sie die Form und wählen Sie im Menü <b>AutoForm ändern</b> eine neue Form aus. Die Form des Bildes ändert sich entsprechend Ihrer Auswahl.</p>
|
|
<p><img alt="Registerkarte Formeinstellungen" src="../images/right_image_shape.png" /></p>
|
|
<hr />
|
|
<p>Um die <b>erweiterten Einstellungen</b> des Bildes zu ändern, klicken Sie mit der rechten Maustaste auf das Bild und wählen Sie die Option <b>Bild - erweiterte Einstellungen</b> im Menü aus, oder klicken Sie in der rechten Seitenleiste auf die Verknüpfung <b>Erweiterte Einstellungen anzeigen</b>. Das Fenster mit den Bildeigenschaften wird geöffnet:</p>
|
|
<p><img alt="Bildeigenschaften" src="../images/image_properties.png" /></p>
|
|
<p>In der Registerkarte <b>positionieren</b> können Sie die folgenden Bildeigenschaften festlegen:</p>
|
|
<ul>
|
|
<li><b>Größe</b> - mit diesen Optionen können Sie die Breite bzw. Höhe des Bildes ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <div class = "icon icon-constantproportions"></div> aktivieren (in diesem Fall sieht das Symbol so aus <div class = "icon icon-constantproportionsactivated"></div>), werden Breite und Höhe gleichmäßig geändert und das ursprüngliche Bildseitenverhältnis wird beibehalten. Um die Standardgröße des hinzugefügten Bildes wiederherzustellen, klicken Sie auf <b>Standardgröße</b>.</li>
|
|
<li><b>Position</b> - über diese Option können Sie die Position des Bildes auf der Folie ändern (die Position wird im Verhältnis zum oberen und linken Rand der Folie berechnet).</li>
|
|
</ul>
|
|
<p><img alt="Bildeigenschaften: Drehen" src="../images/image_properties2.png" /></p>
|
|
<p>Die Registerkarte <b>Drehen</b> umfasst die folgenden Parameter:</p>
|
|
<ul>
|
|
<li><b>Winkel</b> - mit dieser Option lässt sich das Bild in einem genau festgelegten Winkel drehen. Geben Sie den erforderlichen Wert in Grad in das Feld ein oder stellen Sie diesen mit den Pfeilen rechts ein.</li>
|
|
<li><b>Spiegeln</b> - Aktivieren Sie das Kontrollkästchen <b>Horizontal</b>, um das Bild horizontal zu spiegeln (von links nach rechts), oder aktivieren Sie das Kontrollkästchen <b>Vertikal</b>, um das Bild vertikal zu spiegeln (von oben nach unten).</li>
|
|
</ul>
|
|
<p><img alt="Bildeigenschaften" src="../images/image_properties1.png" /></p>
|
|
<p>Die Registerkarte <b>Alternativtext</b> ermöglicht die Eingabe eines <b>Titels</b> und einer <b>Beschreibung</b>, die Personen mit Sehbehinderungen oder kognitiven Beeinträchtigungen vorgelesen werden kann, damit sie besser verstehen können, welche Informationen im Bild enthalten sind.</p>
|
|
<hr />
|
|
<p>Um das eingefügte Bild zu <b>löschen</b>, wählen Sie es mit der linken Maustaste aus und drücken Sie die Taste <b>ENTF</b> auf Ihrer Tastatur.</p>
|
|
<p>Informationen zum <b>Ausrichten</b> eines Bildes auf der Folie oder zum <b>Anordnen</b> mehrerer Bilder finden Sie im Abschnitt <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Objekte auf einer Folie ausrichten und anordnen</a>.</p>
|
|
</div>
|
|
</body>
|
|
</html> |