Bilder und Medien einfügen

Transkript

1 15 Bilder und Medien einfügen 5.1 Bilder und Medien einfügen Bilder, Videos oder MP3-Dateien werden in Inhaltselementen unter den Begriff Medien zusammengefasst. In den Elementeigenschaften sind diese unter der Registerkarte Medien zu finden. Sie können Bilder und Dokumente in folgende Inhaltselementen einfügen: Text und Medien, Medien, Galerie, Bild-Text-Teaser, Teaserbox, Banner und Meldung. Folgende Schritte gelten für alle Inhaltselemente mit Medien: Seite auswählen. Klick auf Neues Inhaltselement erstellen. In der Registerkarte Medien auf Ordner Mediendatei hinzufügen klicken. Die Dateiordnerliste ( Verzeichnisbaum ) öffnet sich. Wählen Sie den Ordner aus, aus dem Sie eine Datei einfügen möchten oder in den Sie eine Datei neu hinzufügen möchten. Tipp: Ist in der Dateiliste das Feld Vorschaubilder anzeigen ausgewählt, werden kleine Vorschaubilder gezeigt. Ist Vorhandene Dateien überschreiben ausgewählt, werden Dateien, die gleich heißen, ersetzt. Tipp: Für ein Medien -Element empfehlen wir folgende Bildmaße für Querformat-Bilder: - Orginalmaße für alle Bilder x Pixel, die Dateigröße muss hierfür nicht mehr als ca. 300 KB betragen. - 1 Bild: wird automatisch auf die Maximalbreite 594 Pixel skaliert - 2 Bilder nebeneinander: werden automatisch auf je 285 Pixel Breite skaliert - 3 Bilder: werden automatisch auf 174 Pixel skaliert. Wenn Sie ein Häkchen bei Bei Klick vergrößern setzen, wird das Bild in Originalgröße bzw. an die Bildschirmgröße angepasst angezeigt. Für ein Text-und-Medien -Element können Sie z. B. folgende Bildmaße verwenden: - Querformat: Originalbild x Pixel, Eingabe im Feld Breite (Pixel) : 250 oder 300 Pixel - Hochformat: Originalbild x Pixel, Eingabe im Feld Breite (Pixel) : 200 oder 250 Pixel Damit man das Bild in der Originalgröße anschauen kann, setzen Sie ein Häkchen bei Bei Klick vergrößern. 5.1

2 Hinweis: Die im Handbuch angegebenen Bildgrößen beziehen sich darauf, dass die Navigationsleiste links steht und die rechte Spalte zugeschaltet ist (also drei Spalten). Der Inhaltsbereich ist dann 604 Pixel breit, das ist auch die Maximalgröße für die Bilder. Auf Seiten ohne rechte Spalte stehen Ihnen 748 Pixel zur Verfügung. 5.2 Bereits hochgeladene Bilder einbinden Klicken Sie auf den Ordner und dann auf den Dateinamen des Bildes, das Sie einfügen möchten. Im Feld Bilder wird nun die eingebundene Bilddatei angezeigt. Wenn Sie mehrere Bilder gleichzeitig einfügen möchten, setzen Sie ein Häkchen im Kästchen neben dem Bild und klicken auf Auswahl importieren oder Zur Liste hinzufügen. Über das Suche-Feld können Sie nach bestimmten Dateien bzw. Bildern suchen. Wählen Sie für die Suche einen Ordner aus oder geben Sie den Suchbegriff gleich ins Feld ein. Sichern Sie Ihren Bearbeitungsfortschritt über Speichern, bevor Sie fortfahren. 5.2

3 5.3 Neue Bilder hochladen und einbinden Ordner, in den das Bild geladen werden soll, durch Mausklick auswählen. Der ausgewählte Ordner wird unter Pfad angegeben. Über Durchsuchen ein Bild oder mehrere Bilder von Ihrem Rechner auswählen. Klick auf Hochladen lädt Bilder in den angegebenen Ordner in Ihrer Dateiverwaltung. Auf den Dateinamen des Bildes klicken, das Sie einfügen möchten. In der Registerkarte Medien wird nun die eingebundene Bilddatei angezeigt. Über das Suche-Feld können Sie nach bestimmten Dateien bzw. Bildern suchen. Wählen Sie für die Suche einen Ordner aus oder geben Sie den Suchbegriff gleich ins Feld ein. Sichern Sie Ihren Bearbeitungsfortschritt über Speichern, bevor Sie fortfahren. So sieht ein eingefügtes Bild im Inhaltselement aus: 5.3

4 Hinweis: Bilder müssen mit einem Bildbearbeitungsprogramm bearbeitet und komprimiert werden, bevor sie im Internet veröffentlicht werden! Verwenden Sie keinesfalls Bilder direkt von Digitalkameras, weil diese unbearbeiteten Bilder zu groß sind und sehr lange Ladezeiten benötigen. Wählen Sie als Dateiformat JPG, JPEG oder PNG für Fotos und GIF oder PNG für Grafiken und Logos. Der Dateiname wird beim Hochladen übernommen. Nur 27 Zeichen werden vor der Dateierweiterung dargestellt. Leerzeichen werden automatisch zu Unterstrichen (_), Sonderzeichen (z. B. Umlaute und ß) werden nicht dargestellt. Verwenden Sie deshalb keine Sonderzeichen! 5.4 Metadaten bearbeiten Achtung: Sie können für jedes Bild oder Dokument sogenannte Meta-Daten anlegen. Diese Angaben werden dann im gesamten Auftritt angezeigt, wenn die Datei verwendet wird. Die Angaben können aber in den Inhaltselementen auch bei Bedarf überschrieben werden (siehe Kapitel 5.5 Bildangaben für ein spezifisches Element ändern ). Durch Klick auf Metadaten dieser Datei bearbeiten können Sie die Metadaten des Bildes bearbeiten. Folgende Angaben sollten Sie nach Möglichkeit für das hochgeladene Bild machen: Titel (Registerkarte Allgemein) Der Titel des Bildes wird im Auftritt angezeigt, wenn Sie mit der Maus über das Bild fahren (Mouse-over). Beschreibung (Registerkarte Allgemein) Bei Beschreibung kann eine Bildunterschrift eingegeben werden. Alternativer Text (Registerkarte Allgemein) Der Alternativ-Text wird bei Seitenbesuchern, die wegen Blindheit oder Sehbehinderung auf einen Screenreader (liest Seiteninhalt vor) angewiesen sind, als Ersatz für die Bildinformation vorgelesen. Deshalb sollten Sie wenn Sie keine Bildunterschrift eingegeben haben wenigstens einen Alternativ-Text eintragen. Beschreiben Sie kurz, was auf dem Bild zu sehen ist. Urheberrecht (Registerkarte Metadaten) Machen Sie hier Angaben zum Urheber. Aus rechtlichen Gründen raten wir Ihnen dringend dazu, dieses Feld auszufüllen. Klicken Sie auf die Registerkarte Metadaten, um zum Feld Urheberrecht zu gelangen. 5.4

5 5.5 Bildangaben für ein spezifisches Element ändern Die Bildangaben können pro Inhaltselement geändert werden beispielsweise wenn sich der Kontext ändert oder nur ein Bildausschnitt ausgewählt wurde. Klicken Sie auf den Bildtitel. Es öffnen sich die Bildangaben für dieses Inhaltselement. Setzen Sie ein Häckchen bei Titel, alternativem Text oder Bildunterschrift, um die Angaben spezifisch für dieses Element einzugeben oder zu überschreiben. Element speichern. 5.6 Bildbearbeitung im Editor Das Bild wird in der Originalgröße ausgegeben. Falls es größer ist wird es automatisch auf die Maximalbreite des Baukastens skaliert. Es gibt die Möglichkeit, importierte Bilder nachträglich im sogenannten Bildeditor zuzuschneiden und somit den Bildausschnitt zu verändern, der dann auf Ihrer Internetseite angezeigt wird. Die Bildbearbeitung ist nur verfügbar für die unterstützten Typen GIF, JPG, JPEG und PNG. Klicken Sie auf Editor öffnen, um ein Bild nachträglich zuzuschneiden und zu bearbeiten. Nun können Sie den Ausschnitt des Bildes entsprechend ändern. Sie können das Seitenverhältnis 16:9, 4:3, 1:1 oder ein freies, selbst definiertes Seitenverhältnis wählen. Möchten Sie eine vorgenommene Einstellung verwerfen, klicken Sie auf Zurücksetzen. Sind Sie mit dem eingestellten Seitenverhältnis und Ausschnitt zufrieden, klicken Sie auf Akzeptieren und der Bildeditor schließt sich. 5.5

6 Hinweis: Die ursprüngliche Bilddatei bleibt im Original erhalten, das System merkt sich nur den Ausschnitt, den Sie zeigen möchten. Sie können einen Ausschnitt also jederzeit wieder verändern. Um den Ausschnitt eines Bildes zu ändern, klicken Sie in der Registerkarte Medien bei Bildbearbeitung auf Editor öffnen. Der Editor erlaubt die Bearbeitung der Dateitypen GIF, JPG und PNG. Bild durch Klick vergrößern Unter Verhalten können Sie einstellen, dass das Bild von Besuchern Ihrer Seite bei einem Klick darauf vergrößert werden kann. Diese Einstellung macht aber nur Sinn, wenn das Originalbild größer ist, als die dargestellte Größe im Baukasten. 5.7 Bildbreite und -ausrichtung (Registerkarte Erscheinungsbild) Bildeinstellungen wie Bildbreite und Bildausrichtung und die Darstellung von mehreren Bildern können Sie über die Registerkarte Erscheinungsbild vornehmen. Bildausrichtung Geben Sie die Position an, an der das Bild stehen soll: Im Text rechts, Oben mittig, Im Text links. Bei Medien ist die Option Oben mittig vom System vorgegeben und kann nicht verändert werden. Wenn Sie nichts auswählen, steht das Bild bei Text und Medien automatisch Im Text links. Bildbreite Über das Feld Medieneinstellungen legen Sie die Bildbreite fest; die Bildhöhe wird automatisch im richtigen Verhältnis angepasst. Geben Sie die gewünschte Bildbreite in Pixel an, z. B Bei Medien wird die Bildgröße automatisch berechnet und kann nur durch die Originalgröße des Bildes beeinflusst werden. Achtung: Der hier eingegeben Wert darf nicht größer als die tatsächliche Breite des Bildes sein (siehe Hinweis)! Nur bei den Elementen Text und Medien, Bild-Text-Teaser und Banner ist die Eingabe einer Bildbreite möglich. 5.7

7 Darstellung Wenn Sie in das Inhaltselement Medien mehrere Bilder eingefügt haben, können Sie unter Darstellung wählen, ob diese in einem Slider ausgegeben werden oder als Standard. Bei der Einstellung Slider werden die Bilder im Intervall nacheinander ausgegeben. Bei Auswahl des Standards werden mehrere Bilder nebeneinander ausgegeben. Hinweis: Die Maximalbreite von 604 Pixel auf Seiten mit rechter Spalte und 748 Pixel auf Seiten ohne rechte Spalte darf nicht überschritten werden. Größere Bilder werden automatisch auf diese Maximalbreite skaliert. Um größere Bilder anzeigen zu lassen, verwenden Sie die Funktion Bei Klick vergrößern. Außerdem sollte der eingegebene Wert nicht größer als die Originalgröße des Bildes sein, da dieses sonst aufgerastert und somit sehr unscharf dargestellt wird. 5.8 Dateien aus Auswahl entfernen Inhaltselement auswählen, aus dem Sie eine Datei entfernen möchten. Element Bearbeiten und Registerkarte Medien öffnen. Bei hinzugefügten Bildern auf Datensatz löschen klicken. Dialog Diesen Datensatz tatsächlich löschen? mit Klick auf Ja, diesen Datensatz löschen bestätigen. Das Bild wird aus dem Inhaltselement entfernt, befindet sich aber noch immer in Ihrer Dateiliste. 5.9 MP3-Datei einbinden Im Baukasten können Sie Audiodateien, wie beispielsweise Predigten zum Nachhören, veröffentlichen. Im Seitenbaum Seite aufrufen, auf der die MP3-Datei wiedergegeben werden soll. Klick auf Neues Inhaltselement erstellen (siehe Kapitel 3.3 Neues Inhaltselement anlegen ). Als Inhaltselement-Typ z. B. Text und Medien (für MP3-Datei mit Text) oder Medien (für MP3-Datei ohne Text) auswählen. Unter Allgemein eine Überschrift im Feld Überschrift und / oder einen Text für die MP3-Datei eingeben. Neue MP3-Datei hochladen und einfügen In der Registerkarte Medien auf den Ordner Mediendatei hinzufügen klicken. Die Dateiordnerliste öffnet sich. Ordner auswählen, in den die Datei geladen werden soll. Der ausgewählte Ordner wird unter Pfad angegeben. Über Durchsuchen MP3-Datei von Ihrem Rechner auswählen. Klick auf Hochladen lädt Datei (max. 25 MB) in den angegebenen Ordner in Ihrer Dateiverwaltung. Auf die MP3-Datei klicken, um sie dem Inhaltselement hinzuzufügen. Unter Medien ggf. die Audio-Metadaten der MP3-Datei überschreiben. Element speichern und schließen. 5.8

8 Hinweis: Die maximale Größe einer Datei, die in den Baukasten geladen werden kann, beträgt 25 MB. Bereits hochgeladene MP3-Datei einfügen In der Registerkarte Medien auf den Ordner Mediendatei hinzufügen klicken. Die Dateiordnerliste öffnet sich. Klicken Sie auf den Ordner und dann auf die Datei, die Sie einfügen möchten. Unter Medien ggf. die Audio-Metadaten der MP3-Datei überschreiben. Element speichern und schließen. Hinweis: Sie können neben MP3-Dateien auch andere Medien auf Ihrer Seite einbinden. Zu den unterstützen Formaten von Inhaltselementen mit Medien gehören GIF, JPG, JPEG, PNG, MP3, MP4, YOUTUBE und VIMEO. Sie können ein MP3-File über das Element Medien, oder Text und Medien auf Ihrer Seite einbinden. 5.9

9 5.10 Video-Datei einbinden Wie Sie eine Mediendatei mit einem Youtube- oder Vimeo-Video anlegen oder wie Sie MP3-Files oder Bilder in einem Inhaltselement über die Registerkarte Medien einbinden, finden Sie im Kapitel 7.2 Dateien hochladen ). Hinweis: Videodateien benötigen einen sogenannten Streamingserver, um in guter Qualität und Geschwindigkeit angezeigt werden zu können. Diesen Service können wir über den Baukasten-Server nicht bieten. Daher müssen Videos bei externen Anbietern wie Youtube oder Vimeo hochgeladen werden. Sie können dann als Mediendatei überall dort eingefügt werden, wo Bilder eingefügt werden können. 5.10