Difference between revisions of "Wie füge ich Bilder und Multimedia hinzu?"
The Wiki of Unify contains information on clients and devices, communications systems and unified communications. - Unify GmbH & Co. KG is a Trademark Licensee of Siemens AG.
Stefan.muenz (talk | contribs) |
Stefan.muenz (talk | contribs) |
||
| Line 5: | Line 5: | ||
__TOC__ | __TOC__ | ||
| + | == Dateien hochladen == | ||
| + | |||
| + | In diesem Wiki können Sie Grafiken in den Formaten JPEG, GIF und PNG sowie Flashmovies (SWF-Dateien) und Sound-Dateien im Format MP3 in Ihren Text einbetten. Die entsprechenden Dateien müssen Sie zunächst hochladen. Verwenden Sie dazu den Link [[Special:Upload|Upload file]] aus der Toolbox links. Damit rufen Sie ein Formular auf, über das Sie eine Datei in einem der genannten Formate von Ihrem Arbeitsrechner auf den Wiki-Server hochladen können. | ||
| − | + | Wählen Sie die gewünschte Datei aus. Vergeben Sie für die Ablage auf dem Server einen sinnvollen Dateinamen. Bedenken Sie, dass Namen wie ''screenshot-1.jpg'' oder ''front-view.png'' nicht geeignet sind, da vermutlich auch andere Artikel des Wikis Screenshots und Frontansichten abbilden. Verwenden sie für Dateien, die wahrscheinlich nur in Ihrem Artikel referenziert werden sollen, Dateinamen, die den Artikel kennzeichnen. Jede hochgeladene Datei muss einen noch nicht vorhandenen Dateinamen haben. Andernfalls erhalten Sie eine Fehlermeldung beim Hochladen | |
| + | Bislang hochgeladene Dateien erscheinen in der {{en}} [[Special:Imagelist|Image list]]. Dort können Sie auch nachforschen, wenn Sie einen Dateinamen nicht mehr wissen. Denn genaue Dateinamen benötigen Sie, wenn sie eine Grafik einbinden oder eine Multimedia-Datei referenzieren wollen. | ||
== Grafiken einbinden == | == Grafiken einbinden == | ||
| + | Eine Grafikreferenz in der einfachsten Form erzeugen Sie durch die Syntax <tt><nowiki>[[Image:(Dateiname)]]</nowiki></tt>. Beispiel: | ||
| + | |||
| + | <nowiki>[[Image:Example.jpg]]</nowiki> | ||
| + | |||
| + | Dadurch wird an der Stelle, an der Sie dies notieren, in unserem Wiki folgende Ausgabe erzeugt: | ||
| + | |||
| + | [[Image:Example.jpg]] | ||
| + | |||
| + | Damit die Grafik nicht im laufenden Text, sondern wie hier im Beispiel separat angezeigt wird, müssen Sie vor und nach der Grafikreferenz eine Leerzeile notieren. | ||
| + | |||
| + | Grafiken sind übrigens immer anklickbar. Die Links führen zu der Seite, die für die Grafik reserviert ist. Auf der entsprechenden Seite können Sie beliebig viel ergänzende Information zur entsprechenden Grafik eingeben! | ||
| + | |||
| + | Hinter dem Dateinamen können Sie, durch Senkrechtstriche getrennt, diverse Angaben machen, die das Erscheinungsbild der Grafik beeinflussen. Die wichtigste dieser Angaben ist ein Alternativtext, der z.B. in reinen Text-Browsern anstelle der Grafik angezeigt wird. Beispiel: | ||
| + | |||
| + | <nowiki>[[Image:Example.jpg|Das ist nur ein Beispiel]]</nowiki> | ||
| + | |||
| + | Nachfolgend ist genau dieses Beispiel notiert. Fahren Sie mit der Maus darüber. Der Alternativtext wird als Tooltipp-Fenster angezeigt: | ||
| + | |||
| + | [[Image:Example.jpg|Das ist nur ein Beispiel]] | ||
| + | |||
| + | Wenn sie mehrere zusätzliche Angaben zur Grafik notieren, sollte der Alternativtext immer die letzte Angabe sein. Nachfolgend Beispiele für ausgerichtete Grafiken mit Alternativtext. | ||
| + | |||
| + | <nowiki>[[Image:Example.jpg|center|Das ist nur ein Beispiel]]</nowiki> | ||
| + | |||
| + | Dies erzeugt folgende Ausgabe: | ||
| + | |||
| + | [[Image:Example.jpg|center|Das ist nur ein Beispiel]] | ||
| + | |||
| + | <nowiki>[[Image:Example.jpg|right|Das ist nur ein Beispiel]] Nachfolgend notierter Text ...</nowiki> | ||
| + | |||
| + | Dies erzeugt folgende Ausgabe: | ||
| + | |||
| + | [[Image:Example.jpg|right|Das ist nur ein Beispiel]] Nachfolgend notierter Text fließt bei einer rechts ausgerichteten Grafik übrigens links um die Grafik herum. In der Präsentationsansicht wirkt das elegant und professionell. Zur besseren Demonstration noch etwas Blindtext: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. | ||
| + | |||
| + | <nowiki>[[Image:Example.jpg|left|Das ist nur ein Beispiel]] Nachfolgend notierter Text ...</nowiki> | ||
| + | |||
| + | Dies erzeugt folgende Ausgabe: | ||
| + | |||
| + | [[Image:Example.jpg|left|Das ist nur ein Beispiel]] Nachfolgend notierter Text fließt bei einer links ausgerichteten Grafik übrigens links um die Grafik herum. In der Präsentationsansicht wirkt das elegant und professionell. Zur besseren Demonstration noch etwas Blindtext: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. | ||
| + | |||
| + | Um eine Grafik wie ein beschriftetes Dia erscheinen zu lassen, können Sie es "gerahmt" mit sichtbarem Alternativtext erscheinen lassen. Beispiel: | ||
| + | |||
| + | <nowiki>[[Image:Example.jpg|framed|left|Das ist nur ein Beispiel]]</nowiki> | ||
| + | |||
| + | Dies erzeugt in der Präsentationsansicht folgende Ausgabe: | ||
| + | |||
| + | [[Image:Example.jpg|framed|left|Das ist nur ein Beispiel]] | ||
| + | |||
| + | <br style="clear:left"> | ||
== Flashmovies einbinden == | == Flashmovies einbinden == | ||
| + | |||
== MP3-Dateien einbinden == | == MP3-Dateien einbinden == | ||
| + | |||
| + | |||
| + | == Bildergallerien erzeugen == | ||
== Weitere Informationen == | == Weitere Informationen == | ||
Revision as of 13:54, 22 August 2006
Contents
Dateien hochladen
In diesem Wiki können Sie Grafiken in den Formaten JPEG, GIF und PNG sowie Flashmovies (SWF-Dateien) und Sound-Dateien im Format MP3 in Ihren Text einbetten. Die entsprechenden Dateien müssen Sie zunächst hochladen. Verwenden Sie dazu den Link Upload file aus der Toolbox links. Damit rufen Sie ein Formular auf, über das Sie eine Datei in einem der genannten Formate von Ihrem Arbeitsrechner auf den Wiki-Server hochladen können.
Wählen Sie die gewünschte Datei aus. Vergeben Sie für die Ablage auf dem Server einen sinnvollen Dateinamen. Bedenken Sie, dass Namen wie screenshot-1.jpg oder front-view.png nicht geeignet sind, da vermutlich auch andere Artikel des Wikis Screenshots und Frontansichten abbilden. Verwenden sie für Dateien, die wahrscheinlich nur in Ihrem Artikel referenziert werden sollen, Dateinamen, die den Artikel kennzeichnen. Jede hochgeladene Datei muss einen noch nicht vorhandenen Dateinamen haben. Andernfalls erhalten Sie eine Fehlermeldung beim Hochladen
Bislang hochgeladene Dateien erscheinen in der 
Image list. Dort können Sie auch nachforschen, wenn Sie einen Dateinamen nicht mehr wissen. Denn genaue Dateinamen benötigen Sie, wenn sie eine Grafik einbinden oder eine Multimedia-Datei referenzieren wollen.
Grafiken einbinden
Eine Grafikreferenz in der einfachsten Form erzeugen Sie durch die Syntax [[Image:(Dateiname)]]. Beispiel:
[[Image:Example.jpg]]
Dadurch wird an der Stelle, an der Sie dies notieren, in unserem Wiki folgende Ausgabe erzeugt:
Damit die Grafik nicht im laufenden Text, sondern wie hier im Beispiel separat angezeigt wird, müssen Sie vor und nach der Grafikreferenz eine Leerzeile notieren.
Grafiken sind übrigens immer anklickbar. Die Links führen zu der Seite, die für die Grafik reserviert ist. Auf der entsprechenden Seite können Sie beliebig viel ergänzende Information zur entsprechenden Grafik eingeben!
Hinter dem Dateinamen können Sie, durch Senkrechtstriche getrennt, diverse Angaben machen, die das Erscheinungsbild der Grafik beeinflussen. Die wichtigste dieser Angaben ist ein Alternativtext, der z.B. in reinen Text-Browsern anstelle der Grafik angezeigt wird. Beispiel:
[[Image:Example.jpg|Das ist nur ein Beispiel]]
Nachfolgend ist genau dieses Beispiel notiert. Fahren Sie mit der Maus darüber. Der Alternativtext wird als Tooltipp-Fenster angezeigt:
Wenn sie mehrere zusätzliche Angaben zur Grafik notieren, sollte der Alternativtext immer die letzte Angabe sein. Nachfolgend Beispiele für ausgerichtete Grafiken mit Alternativtext.
[[Image:Example.jpg|center|Das ist nur ein Beispiel]]
Dies erzeugt folgende Ausgabe:
[[Image:Example.jpg|right|Das ist nur ein Beispiel]] Nachfolgend notierter Text ...
Dies erzeugt folgende Ausgabe:
Nachfolgend notierter Text fließt bei einer rechts ausgerichteten Grafik übrigens links um die Grafik herum. In der Präsentationsansicht wirkt das elegant und professionell. Zur besseren Demonstration noch etwas Blindtext: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[[Image:Example.jpg|left|Das ist nur ein Beispiel]] Nachfolgend notierter Text ...
Dies erzeugt folgende Ausgabe:
Nachfolgend notierter Text fließt bei einer links ausgerichteten Grafik übrigens links um die Grafik herum. In der Präsentationsansicht wirkt das elegant und professionell. Zur besseren Demonstration noch etwas Blindtext: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Um eine Grafik wie ein beschriftetes Dia erscheinen zu lassen, können Sie es "gerahmt" mit sichtbarem Alternativtext erscheinen lassen. Beispiel:
[[Image:Example.jpg|framed|left|Das ist nur ein Beispiel]]
Dies erzeugt in der Präsentationsansicht folgende Ausgabe:
