140 lines
12 KiB
Plaintext
140 lines
12 KiB
Plaintext
<%@ Control Language="C#" Inherits="BaseContentUserControls"%>
|
|
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
|
|
|
|
<script runat="server">
|
|
protected override void Init()
|
|
{
|
|
PageTitle = PageCaption = "Wie fügt man ein Bild in einen Beitrag ein?";
|
|
MetaKeyWords = "Bild einfügen, Größe ändern, aus dem Web einfügen";
|
|
MetaDescription = "Community. Fügen Sie Bilder in Beiträge ein, um die Textinformation zu illustrieren";
|
|
|
|
|
|
var guides = new GuidesModel();
|
|
|
|
guides.CaptionRelatedTips = "Related Tips & Tricks";
|
|
guides.Title = "Using the Tag Cloud";
|
|
guides.TitleVideo = "Wie fügt man ein Bild in einen Beitrag ein?";
|
|
guides.RelatedTips = "Want to learn the most popular topics in the Blogs, Forums and Bookmarks sections? Just look at the tag cloud on the right at your portal!";
|
|
guides.LearnMore = "Learn more...";
|
|
(Page as BasePage).Guides = guides;
|
|
}
|
|
|
|
</script>
|
|
|
|
<div class="MainHelpCenter">
|
|
<h1 class="subHeaderFeaturesCaption Guides_Video_Captions">Wie fügt man ein Bild in einen Beitrag ein?</h1>
|
|
<div class="keyword_block">
|
|
<ul>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/onlyoffice-community/onlyoffice-community.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/insert-image/insert-image.ascx" /></li>
|
|
<li><cc:LocalizeContent runat="Server" ControlName="~/Controls/Help/Tags/insert-objects/insert-objects.ascx" /></li>
|
|
</ul>
|
|
</div>
|
|
<div class="video_ground video_trips">
|
|
<h2 id="introduction">Einleitung</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Möchten Sie neue Modelle eines Produktes im ONLYOFFICE-Forum besprechen, um das beste davon zu wählen? Oder brauchen Sie einfach nur Bilder einzufügen, um Ihren Beitrag zu illustrieren? </p>
|
|
<p>Lesen Sie diese Anleitung, um ein Bild direkt in Ihren Beitrag einzufügen.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<h2 id="step1"><span class="style_step">Schritt 1.</span> Wählen Sie einen vorhandenen Beitrag oder verfassen Sie einen neuen</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Sie können ein Bild bei der Erstellung und Bearbeitung einer beliebigen Nachricht einfügen, die Sie auf Ihrem <b>ONLYOFFICE</b>-Portal veröffentlichen möchten: sei es eine Neuigkeit oder Ankündigung, Geschichte für einen Blog, ein Beitrag im Forum, Kommentar oder eine projektbezogene Diskussion. Detaillierte Hinweise, wie Sie eine Nachricht erstellen können, finden Sie unter den unten angegebenen Links:</p>
|
|
<ul>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#SharingEvents_block")%>">Freigeben der Ereignisse</a>;</li>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#MaintainingBlog_block")%>">Führen eines Blogs</a>;</li>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/community.aspx#LeadingForumDiscussion_block")%>">Führen einer Diskussion im Forum</a>;</li>
|
|
<li><a href="<%=VirtualPathUtility.ToAbsolute("~/gettingstarted/projects.aspx#LeadingDiscussion_block")%>">Führen einer projektbezogenen Diskussion</a>.</li>
|
|
</ul>
|
|
<p>Um ein Element zu bearbeiten, klicken Sie aufs Symbol <img alt="Symbol Aktionen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/GettingStarted/ActionsIcon.png")%>" /> und wählen Sie die Option <b>Bearbeiten</b> im Listenmenü.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="step2"><span class="style_step">Schritt 2. </span>Fügen Sie ein Bild aus dem Web ein</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Sobald eine Nachricht erstellt wurde, klicken Sie an der Stelle, wo Sie ein Bild einfügen möchten, und betätigen Sie dann den Button <b>Bild einfügen/ bearbeiten</b> <img alt="Button Bild einfügen/bearbeiten" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/Guides/small/guide31/insertimage.png")%>" /> auf der <b>Formatierungsleiste</b>.</p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="Wie fügt man ein Bild in einen Beitrag ein? Schritt 2" target="img2_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/small/guide31/step2.png")%>" />
|
|
<img alt="Wie fügt man ein Bild in einen Beitrag ein? Schritt 2" id="img2_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/big/guide31/step2.png")%>" />
|
|
<div target="img2_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Das Fenster <b>Bild-Eigenschaften</b> wird geöffnet und die Registerkarte <b>Bild-Info</b> wird angezeigt.</p>
|
|
<p>Kopieren und fügen Sie die <b>URL</b> eines Bildes ins entsprechende Feld ein. Geben Sie den <b>alternativen Text</b> ein, der angezeigt wird, falls das Bild für die Leser nicht verfügbar sein wird (zum Beispiel, wenn die Bilder in ihrem Webbrowser ausgeschaltet sind) und stellen Sie die Bild-Einstellungen ein:</p>
|
|
<ul>
|
|
<li>Stellen Sie die Größe des Bildes ein, indem Sie die Werte für <b>Breite</b> oder <b>Höhe</b> eingeben. Standardmäßig wird der zweite Parameter für die Beibehaltung des Originalbildseitenverhältnisses automatisch bestimmt. Wenn Sie ein Bild von einer bestimmten Größe erhalten möchten, entsperren Sie das Verhältnis mit einem Klick auf den Button <img alt="Button Verhältnis entsperren" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/Guides/small/guide31/lockratio.png")%>" />. Beachten Sie bitte, dass die Bildproportionen in diesem Fall verändert werden und das Bild selbst verzerrt werden könnte.</li>
|
|
<li>Stellen Sie den Abstand vom oberen (<b>Vertikal-Abstand</b>) und linken (<b>Horizontal-Abstand</b>) Rand des Bildes, falls Sie linke Ausrichtung nutzen, oder den Abstand vom oberen (<b>Vertikal-Abstand</b>) und rechten (<b>Horizontal-Abstand</b>) Rand des Bildes, falls Sie rechte Ausrichtung nutzen.</li>
|
|
<li>Wählen Sie eine der Optionen der Bildausrichtung: <b>Links</b>, um es am linken Rand auszurichten, oder <b>Rechts</b>, um es am rechten Rand auszurichten.</li>
|
|
</ul>
|
|
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="How to insert an image into your posted message? Step 2" target="img3_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/small/guide31/step2_1.png")%>" />
|
|
<img alt="How to insert an image into your posted message? Step 2" id="img3_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/big/guide31/step2_1.png")%>" />
|
|
<div target="img3_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Falls Sie die web-Adresse, zu der Sie beim Klicken auf das Bild umgeleitet werden, festlegen möchten, wechseln Sie auf die Registerkarte <b>Link</b>. Geben Sie die URL, mit der Sie das Bild verbinden möchten, ein und geben Sie das Zielattribut vom Link an: <b>Neues Fenster (_blank)</b>, <b>Oberstes Fenster (_top)</b>, <b>Gleiches Fenster (_self)</b> oder <b>Oberes Fenster (_parent)</b>.</p>
|
|
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="How to insert an image into your posted message? Step 2" target="img6_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/small/guide31/step2_2.png")%>" />
|
|
<img alt="How to insert an image into your posted message? Step 2" id="img6_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/big/guide31/step2_2.png")%>" />
|
|
<div target="img6_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Um die erweiterten Bildeinstellungen einzustellen, wechseln Sie auf die Registerkarte <b>Erweitert</b>. Hier können Sie folgende Parameter angeben:</p>
|
|
<ul>
|
|
<li><b>ID</b> - die ID des eingefügten Bildes.</li>
|
|
<li><b>Schreibrichtung</b> - die Sprachrichtung <b>links nach rechts (LTR)</b> oder <b>rechts nach links (RTL)</b>.</li>
|
|
<li><b>Sprachenkürzel</b> - der Code, der dazu verwendet wird, die Sprache zu klassifizieren: de, en, es, fr, it, ru usw.</li>
|
|
<li><b>Langform URL</b> - die Beschreibung des Zielobjektes.</li>
|
|
<li><b>Stylesheet Klasse</b> - die CSS-Klasse, zu der das Bild gehört.</li>
|
|
<li><b>Titel Beschreibung</b> - die Information über das Zielobjekt.</li>
|
|
<li><b>Style</b> - der Stil des eingefügten Bildes. Er enthält alle Parameter, die in der Registerkarte <b>Bild-Info</b> angegeben werden.</li>
|
|
</ul>
|
|
<p>Sobald alle Parameter eingestellt sind, klicken Sie auf den Button <b>OK</b>, um ein Bild in Ihren Beitrag einzufügen.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h2 id="step3"><span class="style_step">Schritt 3.</span> Fügen Sie ein Bild von der Festplatte ein</h2>
|
|
<div class="block_of_step">
|
|
<div class="screen_text">
|
|
<p>Wenn Sie ein Bild einfügen möchten, das auf Ihrem Rechner gespeichert ist, schalten Sie auf die Registerkarte <b>Hochladen</b> im Fenster <b>Bild-Eigenschaften</b> um (sehen Sie <a href="#step2">Schritt 2</a>). Klicken Sie auf den Button <b>Durchsuchen...</b>, finden Sie das gewünschte Bild auf der Festplatte Ihres Rechners und betätigen Sie den Button <b>Zum Server senden</b>.</p>
|
|
<div class="notehelp">
|
|
Stellen Sie sicher, dass Ihr Bild das <b>JPEG</b>-, <b>PNG</b>-, <b>BMP</b>- oder <b>GIF</b>-Format hat und nicht mehr als <b>1 MB</b> groß ist. Wenn die Dateigröße höher ist, kann die Bilddatei nicht gesendet werden.
|
|
</div>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="Wie fügt man ein Bild in einen Beitrag ein? Schritt 3" target="img4_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/small/guide31/step3.png")%>" />
|
|
<img alt="Wie fügt man ein Bild in einen Beitrag ein? Schritt 3" id="img4_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/big/guide31/step3.png")%>" />
|
|
<div target="img4_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Sobald das Bild auf den Server hochgeladen ist, wird die Registerkarte <b>Bild-Info</b> geöffnet. Sie werden den Link zum hochgeladenen Bild und seine Größe sehen, die in den entsprechenden Feldern angezeigt werden. Nach Bedarf geben Sie den <b>alternativen Text</b> ein und stellen Sie die Bildeinstellungen genauso ein, wie es oben bereits beschrieben wurde (sehen Sie <a href="#step2">Schritt 2</a>).</p>
|
|
</div>
|
|
<div class="screen_block">
|
|
<img alt="Wie fügt man ein Bild in einen Beitrag ein? Schritt 3" target="img5_eventcom_guides" class="screenphoto screen_guides" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/small/guide31/step3_1.png")%>" />
|
|
<img alt="Wie fügt man ein Bild in einen Beitrag ein? Schritt 3" id="img5_eventcom_guides" class="bigphoto_screen" src="<%=VirtualPathUtility.ToAbsolute("~/images/Help/de/Guides/big/guide31/step3_1.png")%>" />
|
|
<div target="img5_eventcom_guides" class="screenphoto magnifier"></div>
|
|
</div>
|
|
<div class="screen_text">
|
|
<p>Sobald alle Parameter eingestellt sind, klicken Sie auf den Button <b>OK</b>. Das Bild wird in Ihren Beitrag an der Stelle eingefügt, wo der Eingabecursor untergebracht ist.</p>
|
|
<div class="notehelp">
|
|
Wenn Sie ein Bild mit der Größe mehr als <b>1 MB</b> haben, können Sie es entweder Ihrem Beitrag mithilfe des Buttons <b>Datei anhängen</b> beifügen (verfügbar für projektbezogene Diskussionen und Forumbeiträge) oder ins Modul <b>Dokumente</b> hochladen und für Ihre Kollegen freigeben.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|