80 lines
9.7 KiB
HTML
80 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Fügen Sie die Bilder ein</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Fügen Sie ein Bild in Ihr Dokument ein und stellen Sie seine Position und Eigenschaften ein" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<h1>Fügen Sie die Bilder ein</h1>
|
|
<p>In TeamLab Document Editor können Sie die Bilder in den populärsten 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>
|
|
<p>Um ein Bild in Ihr Dokument einzufügen, führen Sie die folgenden Schritte aus:</p>
|
|
<ol>
|
|
<li>Setzen Sie den Cursor an der Stelle, wo Sie ein Bild einfügen möchten.</li>
|
|
<li>Klicken Sie aufs Symbol <b>Bild einfügen</b> <img alt="Bild einfügen" src="../images/image.png" /> auf der oberen Symbolleiste.</li>
|
|
<li>Wählen Sie eine der folgenden Optionen, um ein Bild zu laden:
|
|
<ul>
|
|
<li>Die Option <b>Bild aus Datei</b> wird das Windows-Standarddialogfenster für die Auswahl der Datei öffnen. Durchsuchen Sie die Festplatte Ihres Rechners nach der gewünschten Datei und klicken Sie auf den Button <b>Öffnen</b>.</li>
|
|
<li>Die Option <b>Bild aus URL</b> wird ein Fenster öffnen, wo Sie die Webadresse Ihres Bildes eingeben können.</li>
|
|
</ul>
|
|
</li>
|
|
<li>Sobald das Bild hinzugefügt ist, können Sie seine Größe, Eigenschaften und Position ändern.</li>
|
|
</ol>
|
|
<p><img class="floatleft" alt="Verschiebung des Bildes" src="../images/moving_image.png" />Um die Bildgröße zu ändern, ziehen Sie kleine Quadrate <img alt="Symbol Quadrat" src="../images/resize_square.png" /> an den Kanten. 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 eines der Symbole an den Ecken.</p>
|
|
<p>Um die Bildposition zu ändern, nutzen Sie das Symbol <img alt="Pfeil" src="../images/arrow.png" />, das beim Richten des Mauszeigers auf das Bild erscheint. Ziehen Sie das Bild zur gewünschten Position, ohne die Maustaste freizulassen.</p>
|
|
<p>Um das Bild zu drehen, richten Sie den Mauszeiger auf den Drehpunkt <img alt="Drehpunkt" src="../images/greencircle.png" /> und ziehen Sie ihn im oder gegen Uhrzeigersinn. Um die Drehung in 15-Grad-Stufen durchzuführen, halten Sie die <b>Umschalt</b>-Taste bei der Drehung gedrückt.</p>
|
|
<hr />
|
|
<p><img class="floatleft" alt="Registerkarte Bildeinstellungen" src="../images/right_image.png" />
|
|
<p>Einige der Bildeinstellungen können mithilfe der Registerkarte <b>Bildeinstellungen</b> auf der rechten Randleiste geändert werden. Um sie zu aktivieren, klicken Sie aufs Bild und wählen Sie das Symbol <b>Bildeinstellungen</b> <img alt="Symbol Bildeinstellungen" src="../images/image_settings_icon.png" /> rechts. Hier können Sie die folgenden Eigenschaften ändern:</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 anzusehen oder <b>Standardgröße</b> des Bildes nach Bedarf wiederherzustellen.</li>
|
|
<li><b>Textumbruch</b> wird genutzt, um den Textumbruch aus den verfügbaren - inline, quadratisch, passend, durchgehend, oben und unten, vorn, hinten (für mehr Information siehe unten die Beschreibung der erweiterten Einstellungen) zu wählen.</li>
|
|
<li><b>Bild ersetzen</b> wird genutzt, um das aktuelle Bild durch das andere, das aus Datei oder URL geladen werden kann, zu ersetzen.</li>
|
|
</ul>
|
|
<p>Einige der Bildeinstellungen können auch mithilfe des Rechtsklickmenüs geändert werden. Die Menüoptionen sind:</p>
|
|
<ul style="margin-left: 280px;">
|
|
<li><b>Anordnen</b> wird verwendet, um das gewählte Bild in den Vordergrund bzw. Hintergrund oder eine Ebene nach vorne bzw. hinten zu schieben sowie Bilder zu gruppieren (um die Operationen mit mehreren Bildern auf einmal auszuführen) und die Gruppierung aufzuheben.</li>
|
|
<li><b>Ausrichten</b> wird verwendet, um das Bild linksbündig, zentriert, rechtsbündig, oben, mittig oder unten auszurichten.</li>
|
|
<li><b>Textumbruch</b> wird verwendet, um einen Stil des Textumbruchs aus den verfügbaren Stilen zu wählen - inline, quadratisch, passend, durchgehend, oben und unten, vorn, hinten - oder die Umbruchsgrenze zu bearbeiten. Die Option <b>Umbruchsgrenze bearbeiten</b> ist verfügbar, wenn Sie alle Stile außer Inline-Stil wählen. Ziehen Sie die Rahmenpunkte, um die Grenze anzupassen. Um einen neuen Rahmenpunkt zu erstellen, klicken Sie auf die rote Linie und ziehen Sie sie zur gewünschten Position. <img alt="Bearbeitung der Umbruchsgrenze" src="../images/wrap_boundary.png" /></li>
|
|
<li><b>Standardgröße</b> wird verwendet, um die aktuelle Bildgröße auf die Standardgröße zu ändern.</li>
|
|
<li><b>Erweiterte Einstellungen</b> wird verwendet, um das Fenster 'Bild - Erweiterte Einstellungen' zu öffnen.</li>
|
|
</ul>
|
|
|
|
<hr />
|
|
<p>Um erweiterte Einstellungen des Bildes zu ändern, klicken Sie aufs Bild mit der rechten Maustaste und wählen Sie die Option <b>Erweiterte Einstellungen</b> im Rechtsklickmenü oder klicken Sie einfach auf den Link <b>Erweiterte Einstellungen anzeigen</b> im rechten Seitenbereich. 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> - nutzen Sie diese Optionen, um die Breite und/oder Höhe des Bildes zu ändern. Wenn Sie auf den Button <b>Seitenverhältnis beibehalten</b> <img alt="Seitenverhältnis beibehalten" src="../images/constantproportions.png" /> klicken, werden die Breite und Höhe zusammen mit der Beibehaltung des Bildseitenverhältnisses geändert. Um die Standardgröße des hinzugefügten Bildes wiederherzustellen, klicken Sie auf den Button <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> - nutzen Sie diese Option, um die Ansicht zu ändern, wie das Bild im Verhältnis zum Text untergebracht wird: es wird entweder einen Teil des Textes bilden (wenn Sie den Stil "Inline" wählen) oder von allen Seiten vom Text umgeben (wenn Sie einen anderen Stil wählen).
|
|
<ul>
|
|
<li><p><img alt="Textumbruch - Inline" src="../images/wrappingstyle_inline.png" /> <b>Inline</b> - das Bild gilt als Teil des Textes, wie ein Zeichen, so dass wenn der Text verschoben wird, wird das Bild auch verschoben. In diesem Fall sind die Positionsoptionen unzugänglich.</p>
|
|
<p>Falls einer der folgenden Stile gewählt ist, kann das Bild unabhängig vom Text verschoben werden und auf der Seite aufgestellt werden:</p>
|
|
</li>
|
|
<li><p><img alt="Textumbruch - Quadratisch" src="../images/wrappingstyle_square.png" /> <b>Quadratisch</b> - der Text bricht um den rechteckigen Kasten, der das Bild begrenzt, um.</p></li>
|
|
<li><p><img alt="Textumbruch - Passend" src="../images/wrappingstyle_tight.png" /> <b>Passend</b> - der Text bricht um die Bildkanten um.</p></li>
|
|
<li><p><img alt="Textumbruch - Durchgehend" src="../images/wrappingstyle_through.png" /> <b>Durchgehend</b> - der Text bricht um die Bildkanten um und füllt den offenen weißen Raum innerhalb des Bildes. Damit der Effekt auftreten kann, nutzen Sie die Option <b>Umbruchsgrenze bearbeiten</b> option aus dem Rechtsklickmenü.</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 - Vorn" src="../images/wrappingstyle_infront.png" /> <b>Vorn</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 den Stil "Quadratisch", "Passend", "Durchgehend", "Oben und unten" wählen, werden Sie auch zusätzliche Parameter einstellen können - <b>Abstand von Text</b> auf allen Seiten (oben, unten, links, rechts).</p>
|
|
<p><img alt="Bild - Erweiterte Einstellungen: Position" src="../images/image_properties_2.png" /></p>
|
|
<p>Die Registerkarte <b>Position</b> ist verfügbar, wenn Sie alle Stile außer Inline-Stil wählen. Sie enthält die folgenden Parameter, die sich abhängig vom gewählten Stil des Textumbruchs variieren können:</p>
|
|
<ul>
|
|
<li>Die Parameter <b>Horizontal</b> schließen die <b>Ausrichtung</b> des Bildes (links, zentriert, rechts) <b>im Verhältnis zu</b> Zeichen, Spalte, linkem Rand, Rand, Seite oder rechtem Rand sowie die Bild-<b>Position rechts von</b> Zeichen, Spalte, linkem Rand, Rand, Seite oder rechtem Rand ein.</li>
|
|
<li>Die Parameter <b>Vertikal</b> schließen die <b>Ausrichtung</b> des Bildes (oben, zentriert, unten) <b>im Verhältnis zu</b> Linie, Rand, unterem Rand, Absatz, Seite oder oberem Rand sowie die Bild-<b>Position unterhalb</b> der Linie, des Randes, unteren Randes, Absatzes, der Seite oder des oberen Randes ein.</li>
|
|
<li><b>Objekt mit Text verschieben</b> kontrolliert, ob sich das Bild zusammen mit dem Text bewegt, mit dem es verankert wurde.</li>
|
|
<li><b>Überlappung zulassen</b> kontrolliert, ob zwei Bilder einander überlagern oder nicht, wenn Sie diese auf der Seite nah zueinander bewegen.</li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html> |