99 lines
13 KiB
HTML
99 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Bilder einfügen</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Add an image to your document and adjust its position and properties" />
|
|
<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="Suche" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Bilder einfügen</h1>
|
|
<p>Im Dokumenteneditor können Sie Bilder in den gängigen Formaten in Ihr Dokument einfügen. Die folgenden Formate werden unterstützt: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
|
<h3>Ein Bild einfügen</h3>
|
|
<p>Ein Bild in das aktuelle Dokument einfügen:</p>
|
|
<ol>
|
|
<li>Positionieren Sie den Cursor an der Stelle, an der Sie das Bild einfügen möchten.</li>
|
|
<li>Wechseln Sie in der oberen Symbolleiste auf die Registerkarte <b>Einfügen</b>.</li>
|
|
<li>Klicken Sie in der oberen Symbolleiste auf <img alt="Bild" src="../images/image.png" /> <b>Bild</b>.</li>
|
|
<li>Wählen Sie eine der folgenden Optionen zum Hochladen des Bildes:<ul>
|
|
<li>Mit der Option <b>Bild aus Datei</b> öffnen Sie das Windows-Standarddialogfenster zur Dateiauswahl. Durchsuchen Sie die Festplatte Ihres Computers nach der gewünschten Bilddatei und klicken Sie auf <b>Öffnen</b>.</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>
|
|
</ul>
|
|
</li>
|
|
<li>Wenn Sie das Bild hinzugefügt haben, können Sie Größe, Eigenschaften und Position ändern.</li>
|
|
</ol>
|
|
<h3>Bilder bewegen und die Größe ändern</h3>
|
|
<p>Um die <img class="floatleft" alt="Bild verschieben" src="../images/moving_image.png" />Bildgröße zu ändern, ziehen Sie die kleine Quadrate <img alt="Quadrat" src="../images/resize_square.png" /> an den Rändern. Um das Originalseitenverhältnis des gewählten Bildes bei der Größenänderung beizubehalten, halten Sie die <b>UMSCHALT</b>-Taste gedrückt und ziehen Sie an einem der Ecksymbole.</p>
|
|
<p>Verwenden Sie zum Ändern der Bildposition das Symbol <img alt="Pfeil" src="../images/arrow.png" />, das angezeigt wird, wenn Sie den Mauszeiger über das Bild bewegen. Ziehen Sie das Bild an die gewünschte Position, ohne die Maustaste loszulassen.</p>
|
|
<p>Wenn Sie die das Bild verschieben, werden Hilfslinien angezeigt, damit Sie das Objekt präzise auf der Seite positionieren können (wenn Sie einen anderen Umbruchstil als mit Text in Zeile ausgewählt haben).</p>
|
|
<p>Um das Bild zu drehen, bewegen Sie den Mauszeiger über den Drehpunkt <img alt="Drehpunkt" src="../images/greencircle.png" /> und ziehen Sie das Bild im oder gegen den Uhrzeigersinn. Um die Drehung in 15-Grad-Stufen durchzuführen, halten Sie die <b>UMSCHALT</b>-Taste bei der Drehung gedrückt.</p>
|
|
<hr />
|
|
<h3>Bildeinstellungen anpassen</h3>
|
|
<p><img class="floatleft" alt="Registerkarte Bildeinstellungen" src="../images/right_image.png" />Einige der Bildeinstellungen können mithilfe der Registerkarte <b>Bildeinstellungen</b> auf der rechten Seitenleiste geändert werden. Um diese zu aktivieren, klicken Sie auf das Bild und wählen Sie rechts das Symbol <b>Bildeinstellungen</b> <img alt="Bildeinstellungen" src="../images/image_settings_icon.png" /> aus. Die folgenden Eigenschaften können geändert werden:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Größe</b> - wird genutzt, um <b>Breite</b> und <b>Höhe</b> des aktuellen Bildes einzusehen. Bei Bedarf können Sie die Standardbildgröße wiederherstellen, indem Sie auf die Schaltfläche <b>Standardgröße</b> klicken. <b>An Seitenränder anpassen</b> - ändern Sie die Bildgröße und passen Sie das Bild an den linken und rechten Seitenrand an.</li>
|
|
<li><b>Textumbruch</b> - der Stil für den Textumbruch wird aus den verfügbaren Vorlagen ausgewählt: Mit Text in Zeile, Quadrat, Eng, Transparent, Oben und unten, Vorne, Hinten (für weitere Information lesen Sie die folgende Beschreibung der erweiterten Einstellungen).</li>
|
|
<li><b>Bild ersetzen</b> - um das aktuelle Bild durch ein anderes Bild aus Datei oder Onlinebilder zu ersetzen.</li>
|
|
</ul>
|
|
<p>Einige dieser Optionen finden Sie auch im <b>Rechtsklickmenü</b>. Die Menüoptionen sind:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Ausschneiden, Kopieren, Einfügen</b> - Standardoptionen zum Ausschneiden oder Kopieren ausgewählter Textpassagen/Objekte und zum Einfügen von zuvor ausgeschnittenen/kopierten Textstellen oder Objekten an der aktuellen Cursorposition.</li>
|
|
<li><b>Anordnen</b> - um das ausgewählte Bild in den Vordergrund bzw. Hintergrund oder eine Ebene nach vorne bzw. hinten zu verschieben sowie Bilder zu gruppieren und die Gruppierung aufzuheben (um diese wie ein einzelnes Objekt behandeln zu können). Weitere Informationen zum Anordnen von Objekten finden Sie auf <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">dieser Seite</a>.</li>
|
|
<li><b>Ausrichten</b> wird verwendet, um das Bild linksbündig, zentriert, rechtsbündig, oben, mittig oder unten auszurichten. Weitere Informationen zum Ausrichten von Objekten finden Sie auf <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">dieser Seite</a>.</li>
|
|
<li><b>Textumbruch</b> - der Stil für den Textumbruch wird aus den verfügbaren Vorlagen ausgewählt: Mit Text in Zeile, Quadrat, Eng, Transparent, Oben und unten, Vorne, Hinten (für weitere Information lesen Sie die folgende Beschreibung der erweiterten Einstellungen). Die Option <b>Umbruchsgrenze bearbeiten</b> ist nur verfügbar, wenn Sie einen anderen Umbruchstil als „Mit Text in Zeile“ auswählen. Ziehen Sie die Umbruchpunkte, um die Grenze benutzerdefiniert anzupassen. Um einen neuen Rahmenpunkt zu erstellen, klicken Sie auf eine beliebige Stelle auf der roten Linie und ziehen Sie diese an die gewünschte Position. <img alt="Umbruchsgrenze bearbeiten" src="../images/wrap_boundary.png" /></li>
|
|
<li><b>Standardgröße</b> - die aktuelle Bildgröße auf die Standardgröße ändern.</li>
|
|
<li><b>Erweiterte Einstellungen</b> - das Fenster „Bild - Erweiterte Einstellungen“ öffnen.</li>
|
|
</ul>
|
|
<hr />
|
|
<p>Um die erweiterte Einstellungen 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 Rechtsklickmenü oder klicken Sie einfach in der rechten Seitenleiste auf <b>Erweiterte Einstellungen anzeigen</b>. Das Fenster mit den Bildeigenschaften wird geöffnet:</p>
|
|
<p><img alt="Bild - Erweiterte Einstellungen: Größe" src="../images/image_properties.png" /></p>
|
|
<p>Die Registerkarte <b>Größe</b> enthält die folgenden Parameter:</p>
|
|
<ul>
|
|
<li><b>Breite</b> und <b>Höhe</b> - mit diesen Optionen können Sie die Breite bzw. Höhe des Bildes ändern. Wenn Sie die Funktion <b>Seitenverhältnis sperren</b> <img alt="Seitenverhältnis sperren" src="../images/constantproportions.png" /> aktivieren (in diesem Fall sieht das Symbol so aus <img alt="Symbol Seitenverhältnis sperren aktiviert" src="../images/constantproportionsactivated.png" />), werden Breite und Höhe gleichmäßig geändert und das ursprünglichen Bildseitenverhältnis wird beibehalten Um die Standardgröße des hinzugefügten Bildes wiederherzustellen, klicken Sie auf <b>Standardgröße</b>.</li>
|
|
</ul>
|
|
<p><img alt="Bild - Erweiterte Einstellungen: Textumbruch" src="../images/image_properties_1.png" /></p>
|
|
<p>Die Registerkarte <b>Textumbruch</b> enthält die folgenden Parameter:</p>
|
|
<ul>
|
|
<li><b>Textumbruch</b> - legen Sie fest, wie das Bild im Verhältnis zum Text positioniert wird: entweder als Teil des Textes (wenn Sie die Option „Mit Text in Zeile“ auswählen) oder an allen Seiten von Text umgeben (wenn Sie einen anderen Stil auswählen).<ul>
|
|
<li><p><img alt="Textumbruch - Mit Text verschieben" src="../images/wrappingstyle_inline.png" /> <b>Mit Text verschieben</b> - das Bild wird Teil des Textes (wie ein Zeichen) und wenn der Text verschoben wird, wird auch das Bild verschoben. In diesem Fall sind die Positionsoptionen nicht verfügbar.</p>
|
|
<p>Ist eine der folgenden Umbrucharten ausgewählt, kann das Bild unabhängig vom Text verschoben und auf der Seite positioniert werden:</p>
|
|
</li>
|
|
<li><p><img alt="Textumbruch - Quadrat" src="../images/wrappingstyle_square.png" /> <b>Quadrat</b> - der Text bricht um den rechteckigen Kasten herum, der das Bild begrenzt.</p></li>
|
|
<li><p><img alt="Textumbruch - Eng" src="../images/wrappingstyle_tight.png" /> <b>Eng</b> - der Text bricht um die Bildkanten herum.</p></li>
|
|
<li><p><img alt="Textumbruch - Transparent" src="../images/wrappingstyle_through.png" /> <b>Transparent</b> - der Text bricht um die Bildkanten herum und füllt den offenen weißen Leerraum innerhalb des Bildes. Wählen Sie für diesen Effekt die Option <b>Umbruchsgrenze bearbeiten</b> aus dem Rechtsklickmenü aus.</p></li>
|
|
<li><p><img alt="Textumbruch - Oben und unten" src="../images/wrappingstyle_topandbottom.png" /> <b>Oben und unten</b> - der Text ist nur oberhalb und unterhalb des Bildes.</p></li>
|
|
<li><p><img alt="Textumbruch - Vorne" src="../images/wrappingstyle_infront.png" /> <b>Vorne</b> - das Bild überlappt mit dem Text.</p></li>
|
|
<li><p><img alt="Textumbruch - Hinten" src="../images/wrappingstyle_behind.png" /> <b>Hinten</b> - der Text überlappt sich mit dem Bild.</p></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<p>Wenn Sie die Formate Quadrat, Eng, Transparent oder Oben und unten auswählen, haben Sie die Möglichkeit zusätzliche Parameter festzulegen - <b>Abstand vom Text</b> auf allen Seiten (oben, unten, links, rechts).</p>
|
|
<p id="position"><img alt="Bild - Erweiterte Einstellungen: Position" src="../images/image_properties_2.png" /></p>
|
|
<p>Die Registerkarte <b>Position</b> ist nur verfügbar, wenn Sie einen anderen Umbruchstil als „Mit Text in Zeile“ auswählen. Hier können Sie abhängig vom gewählten Format des Textumbruchs die folgenden Parameter festlegen:</p>
|
|
<ul>
|
|
<li>In der Gruppe <b>Horizontal</b>, können Sie eine der folgenden drei Bildpositionierungstypen auswählen:<ul>
|
|
<li><b>Ausrichtung</b> (links, zentriert, rechts) <b>gemessen an</b> Zeichen, Spalte, linker Seitenrand, Seitenrand, Seite oder rechter Seitenrand.</li>
|
|
<li><b>Absolute Position</b>, gemessen in absoluten Einheiten wie <b>Zentimeter</b>/<b>Punkte</b>/<b>Zoll</b> (abhängig von der Voreinstellung in <b>Datei</b> -> <b>Erweiterte Einstellungen...</b>), <b>rechts von</b> Zeichen, Spalte, linker Seitenrand, Seitenrand, Seite oder rechter Seitenrand.</li>
|
|
<li><b>Relative Position</b> in Prozent, <b>gemessen von</b> linker Seitenrand, Seitenrand, Seite oder rechter Seitenrand.</li>
|
|
</ul>
|
|
</li>
|
|
<li>In der Gruppe <b>Vertikal</b>, können Sie eine der folgenden drei Bildpositionierungstypen auswählen:<ul>
|
|
<li><b>Ausrichtung</b> (oben, zentriert, unten) <b>gemessen von</b> Zeile, Seitenrand, unterer Rand, Abschnitt, Seite oder oberer Rand.</li>
|
|
<li><b>Absolute Position</b>, gemessen in absoluten Einheiten wie <b>Zentimeter</b>/<b>Punkte</b>/<b>Zoll</b> (abhängig von der Voreinstellung in <b>Datei</b> -> <b>Erweiterte Einstellungen...</b>), <b>unterhalb</b> Zeile, Seitenrand, unterer Seitenrand, Absatz, Seite oder oberer Seitenrand.</li>
|
|
<li><b>Relative Position</b> in Prozent, <b>gemessen von</b> Seitenrand, unterer Seitenrand, Seite oder oberer Seitenrand.</li>
|
|
</ul>
|
|
</li>
|
|
<li>Im Kontrollkästchen <b>Objekt mit Text verschieben</b> können Sie festlegen, ob sich das Bild zusammen mit dem Text bewegen lässt, mit dem es verankert wurde.</li>
|
|
<li><b>Überlappen zulassen</b> legt fest, ob zwei Bilder einander überlagern können oder nicht, wenn Sie diese auf einer Seite dicht aneinander bringen.</li>
|
|
</ul>
|
|
<p><img alt="Bild - Erweiterte Einstellungen:" src="../images/image_properties_3.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 vorhanden sind.</p>
|
|
</div>
|
|
</body>
|
|
</html> |