Schritt 3 - Erstellen der Seiten

Die starke Verbreitung der Digitalfotografie und hiermit verbundener Online-Dienste macht es ausgesprochen einfach, ganze Fotogalerien im Web mit anderen zu teilen. Sie können Ihre Familienfotos veröffentlichen, um sie entfernten Verwandten und Freunden zu zeigen, oder Alben und Kataloge erstellen, als Hobby oder für die Arbeit.

Mit WebSite X5 können Sie eindrucksvolle Galerien erstellen, um nicht nur Ihre Fotos, sondern auch Ihre Videos zu präsentieren. Jede der Galerien bietet andere Möglichkeiten für die Navigation und Anzeige. So können Sie beispielsweise eine Steuerleiste einfügen sowie die Bilder als Sequenz oder als Miniaturen darstellen. Unabhängig vom Typ basieren alle Galerien auf JavaScript und nutzen im Einzelnen HTML5 und CSS3 für die Umsetzung der Anzeigeeffekte.

Einige der verfügbaren Galerien haben eine Miniaturenleiste und eine ShowBox für die Anzeige der vergrößerten Bilder. In diesem Fall klickt der Benutzer auf eine der Miniaturansichten und das entsprechende Bild oder Video wird in einem separaten Fenster angezeigt, das die geöffnete Seite überlagert. Wird nun der Mauszeiger auf der vergrößerten Ansicht positioniert, werden Steuerelemente eingeblendet, mit denen Sie direkt zum vorherigen oder nächsten Bild gelangen, ohne zu den Miniaturansichten zurückkehren zu müssen.

Das Aussehen der ShowBox kann mit den im Bereich ShowBox-Stil verfügbaren Optionen in Schritt 1 - Template-Stil individuell gestaltet werden.

Die Funktionen, die Sie für die Gestaltung eines Objekt Galerie benötigen, sind die folgenden Bereiche gegliedert: Stil, Liste und Miniaturbild.

Mit den Funktionen in diesem Bereich können Sie den zu realisierenden Galerietyp auswählen und die allgemeinen Einstellungen vornehmen.

Folgende Galerien stehen zur Verfügung:

	Klassische Slideshow Bei diesem Galerietyp werden die Bilder und Videos als Sequenz, also nacheinander angezeigt. Wird dieser Typ ausgewählt, ist die Wiedergabemodalität vom Einblend-Effekt abhängig. Der Übergang von einem Bild zum nächsten erfolgt über die Bedienelemente der Steuerleiste. Auf der Leiste mit den Steuerelementen sehen Sie Miniaturen, sodass Sie direkt die gewünschten Bilder öffnen können.
	Horizontale Bildergalerie In dieser Galerie sind die Miniaturen über oder unter dem jeweils ausgewählten Bild angeordnet. Wenn der Mauszeiger auf den Miniaturen positioniert wird, bewegt sich die Sequenz nach rechts oder links. Mit Klick auf eine Miniatur wird das jeweilige Bild bzw. Video und der Großansicht gezeigt. Die Art dieser Anzeige ist von dem eventuell eingestellten Einblend-Effekt abhängig.
	Vertikale Bildergalerie Dieser Galerietyp entspricht dem vorstehend beschriebenen, mit dem einzigen Unterschied, dass die Miniaturen vertikal rechts oder links von der Großansicht dargestellt werden.
	Miniaturbild In diesem Galerietyp sehen Sie nur ein Raster mit Miniaturen. Mit Klick auf eine Miniatur wird das jeweilige Bild bzw. Video in der ShowBox gezeigt.
	Miniaturbilder in verschiedenen Sektionen Diese Galerie ist identisch mit der vorstehend beschriebenen, mit der zusätzlichen Möglichkeit, einzustellen, wie viele Bilder maximal angezeigt werden sollen. Diese Modalität bietet sich an, wenn die Galerie sehr viele Bilder bzw. Videos enthält. Der Benutzer kann mit dem Steuerelement von einer Gruppe zur nächsten umschalten und dabei immer auf der gleichen Seite der Website bleiben.
	Horizontale Miniaturbilder In diesem Galerietyp wird nur eine horizontale Leiste mit Miniaturen angezeigt. Mit Klick auf eine Miniatur wird das jeweilige Bild bzw. Video in der ShowBox angezeigt.
	Vertikale Miniaturbilder Dieser Galerietyp entspricht dem vorstehend beschriebenen, mit dem einzigen Unterschied, dass die Miniaturen vertikal dargestellt werden.
	Objektdrehung um 360° Diese Galerie ist besonders geeignet, um ein Objekt aus verschiedenen Perspektiven darzustellen. Bei Import einer hinreichenden Anzahl von Ansichten und bei korrekter Einstellung der Sequenz entsteht der Eindruck, dass das dargestellte Objekt um sich selbst rotiert.

Je nach gewähltem Galerietyp werden bestimmte Einstellungen und Optionen vorgeschlagen, um das jeweilige Navigationsbefehle zu verwalten.

Einstellungen:

Klassische Slideshow

Horizontale Bildergalerie

Vertikale Bildergalerie

Objektdrehung um 360°

▪	Maximale Größe: Definieren Sie hier die Maximalabmessungen der Bilder in Pixeln. Wenn Sie die Option Größenverhältnis beibehalten aktiviert lassen, bleibt bei der Größeneinstellung die Proportion zwischen Breite und Höhe erhalten.

▪	Sichtbare Miniaturen: Hier können Sie festlegen, wie viele Miniaturen neben dem Hauptbild angezeigt werden.

▪	Position der Miniaturbilder: Hier können Sie festlegen, an welcher Seite des Hauptbilds die Miniaturen angezeigt werden sollen.

▪	Schrift der Beschreibung: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes. Diese Formatierungsoptionen wirken sich auf die Bildunterschriften aus, die im Feld Beschreibung des Bereichs Liste eingegeben wurden.

▪	Soundtrack: Hier können Sie eine Audiodatei (Format MP3) auswählen, die während der Wiedergabe der Galerie als Soundtrack zu hören ist.

▪	Automatische Wiedergabe: Bei Aktivierung dieser Option werden die Bilder und Videos nach dem Start der Galerie automatisch wiedergegeben.

▪	Zufallsanzeige: Bei Aktivierung dieser Option werden die Bilder und Videos nicht in der Reihenfolge, in der sie angeordnet sind, sondern in einer zufälligen Abfolge wiedergegeben.

Navigationsbefehle:

▪	Button-Anzeige: Legen Sie hier fest, ob und wie die Steuerelemente am Hauptbild dargestellt werden sollen, mit denen der Besucher zum vorherigen oder nächsten Bild navigieren kann. Die Steuerelemente können Immer sichtbar, Nicht sichtbar (automatische Wiedergabe) oder Sichtbar bei Mauskontakt sein.

▪	Button-Stil: Definieren Sie hier den Stil der Steuerelemente, die am Hauptbild der Galerie angezeigt werden sollen, mit den verfügbaren Grafik-Optionen.

▪	Steuerleiste: Mit dieser standardmäßig aktivierten Option wird bei Mauskontakt eine Steuerleiste für die Navigation durch die Bilder und Videos der Galerie eingeblendet. Die Grundsteuerelemente sind Präsentation starten, Vorheriges Bild und Nächstes Bild.

▪	Farbe: Hier können Sie für die Steuerleiste eine Hintergrundfarbe festlegen.

▪	Button für Vollbildansicht aktivieren: Der bei Mauskontakt eingeblendeten Steuerleiste wird die Schaltfläche hinzugefügt: Mit Klick auf die Schaltfläche kann die Galerie als Vollbild, d.h. in der Größe des gesamten Browserfensters angezeigt werden.

▪

Miniaturbilder in der Steuerleiste anzeigen: Diese standardmäßig aktivierte Option bewirkt, dass in der Steuerleiste, die bei Mauskontakt eingeblendet wird, außer den Steuerelementen auch Miniaturansichten aller Bilder angezeigt werden. Auf diese Weise muss der Betrachter die Bilder nicht zwingend nacheinander ansehen, sondern kann direkt ein Bild oder Video auswählen, das ihn interessiert.

▪	Aufzählungszeichen der Navigation anzeigen: bestimmt, dass bei Slideshow ein grafischer Indikator erscheint, der den Benutzer über die Anzahl oder/und Position der Bilder, aus denen er besteht, informiert.

▪	Cursor-Stil: ist verfügbar, falls die Option Aufzählungszeichen der Navigation anzeigenaktiviert wurde und erlaubt es aus verschiedenen grafischen Sets auszuwählen, um das Aussehen des Indikators festzulegen.

▪	Ausrichtung: ist verfügbar, falls die Option Aufzählungszeichen der Navigation anzeigenaktiviert wurde und erlaubt es, den Indikator an den Bildern der Slideshowauszurichten.

Einstellungen:

Miniaturbild

Miniaturbilder in verschiedenen Sektionen

Horizontale Miniaturbilder

Vertikale Miniaturbilder

▪	Sichtbare Miniaturen: Hier können Sie festlegen, wie viele Miniaturen angezeigt werden sollen.

▪	Anzahl von Zeilen pro Sektion: Stellen Sie hier die Anzahl der Zeilen für das Miniaturenraster ein.

▪	Bei Klick das vergrößerte Bild in der ShowBox anzeigen: Aktiviert in den Miniaturen einen Link für die Anzeige es entsprechenden Bildes oder Videos in der ShowBox.

▪

Maximale Größe: Diese Einstellungen sind nur verfügbar, wenn die Option Bei Klick das vergrößerte Bild in der ShowBox anzeigen aktiviert wurde, und definieren die maximale Breite und Höhe der ShowBox. Wenn Sie die Option Größenverhältnis beibehalten aktiviert lassen, bleibt bei der Größeneinstellung die Proportion zwischen Breite und Höhe erhalten.

▪

▪	Button-Stil: bestimmt den Stil der Schaltflächen, , die am Hauptbild der Galerie angezeigt werden sollen, mit den verfügbaren Grafik-Optionen.

Mit den Funktionen in diesem Bereich stellen Sie die Liste der Bilder und Videos zusammen, die in die Galerie eingefügt werden sollen.

Alle bereits importierten Dateien werden in der Dateiliste angezeigt: Wenn Sie eine von den in die Liste aufgenommenen Dateien auswählen, wird im entsprechenden Fenster eine Vorschau angezeigt.

Die Dateiliste enthält von jedem eingefügten Bild oder Video: den jeweiligen Dateipfad, den eventuell zugewiesenen Einblendeffekt, ein Häkchen, das auf die Zuweisung eines Links hinweist, sowie eine Beschreibung.

Für die Erstellung eines Galerie-Objekts stehen Ihnen folgende Funktionen zur Verfügung:

▪	Hinzufügen... / Entfernen: Fügen Sie neue Dateien hinzu oder löschen Sie ausgewählte. Unterstützt werden Bilddateien in den Formaten .JPG, .GIF, .PNG, .PSD, BMP, TIF, DIB, PCX, RLE, TGA und WMF sowie die Videoformate .FLV und .MP4.

Wenn Sie auf das kleine Dreieck in der Schaltfläche Hinzufügen... klicken, wird ein Submenü mit den folgenden Optionen eingeblendet: Bild hinzufügen..., Bild aus Online-Bibliothek..., Video hinzufügen... und YouTube-/Vimeo-Video hinzufügen....

In dem mit der Option YouTube-/Vimeo-Video hinzufügen... aufgerufenen Fenster können Sie die URL eines bereits auf Portalen wie YouTube™ oder Vimeo veröffentlichten Videos eingeben.

▪	Nach oben / Nach unten: Hier können Sie die Anzeigereihenfolge der Dateien in der Dateiliste verändern, indem Sie ein ausgewähltes Element nach oben oder unten verschieben.

▪	Bearbeiten...: Diese Option öffnet den programminternen Grafik-Editor, in dem ein in der Dateiliste ausgewähltes Bild bearbeitet werden kann.

Je nach gewähltem Galerietyp können für jedes eingefügte Bild oder Video einige Optionen definiert werden:

▪

Link: Versieht das in der Dateiliste ausgewählte Bild oder Video mit einem Link. Bei Klick auf die Schaltfläche

öffnet sich das Dialogfenster Link, in dem Sie den Aktionstyp des Links und die jeweiligen Optionen definieren können. Bei Galerien mit Miniaturen ersetzt dieser Link den ursprünglichen, der zur vergrößerten Ansicht führt, auch dann wenn die Option Bei Klick das vergrößerte Bild in der ShowBox anzeigen aktiviert ist.

▪	Effekt: Hier können Sie im Fenster Effekteigenschaften, das sich mit der Schaltfläche aufgerufen wird, für das in der Dateiliste ausgewählte Bild oder Video einen Einblend-, Bewegungs- oder Zoom-Effekt festlegen.

HTML Gallerien korrekt auf Browsern dargestellt werden, die HTML5 nicht unterstützen. Aber Sie werden nicht in der Lage sein, die visuellen Effekte, die Sie für jedes Bild eingestellt haben zu sehen. In diesem Fall wird jeder Effekt automatisch vom Programm mit dem Fade-Effekt ersetzt.

▪	Beschreibung: Hier können Sie für das jeweilige, in der Dateiliste markierte Bild oder Video eine Beschreibung eingeben. Der Text wird unter dem Fenster angezeigt, das das vergrößerte Bild oder Video enthält.

Mit den Funktionen in diesem Bereich können Sie die Miniaturen der Galerie grafisch gestalten.

Das Miniaturbild ist eine verkleinerte Darstellung des in die Galerie eingefügten Bildes oder Videos, die vom Programm automatisch erstellt wird. Für eine ansprechendere Gestaltung können die Miniaturbilder in Rahmen dargestellt werden, in denen sie wie Dias, Fotogramme eines Films, Post-Its usw. wirken.

Für die Definition des Designs können Sie zwischen folgenden Optionen wählen:

▪	Vordefinierte Rahmen: Wählen Sie für die Miniaturen einen vordefinierten Rahmen aus.

▪	Individuell erstellte Rahmen: Wählen Sie eine Bilddatei (Format .JPG, .GIF, .PNG, .BMP, .PSD, .TIF, .DIB, .PCX, .RLE, .TGA und .WPG), die Sie als Rahmen verwenden möchten.

Um einen neuen Rahmen zu erstellen, muss ein Bild entsprechend vorbereitet und separat gespeichert werden. Es sollte quadratisch sein, sofern erforderlich, sollte die äußere Transparenz erhalten bleiben und es muss im Format .PNG gespeichert werden.

Für die Miniaturbilder stehen darüber hinaus folgende Optionen zur Verfügung:

▪	Miniaturansichten am äußeren Rand: hier können Sie den Abstand definieren, der zwischen zwei Miniaturbildern bestehen bleiben soll.

▪	Äußerer Bildrand (%): Hier können Sie den Abstand definieren, der zwischen dem Miniaturbild und dem Rahmen bestehen bleiben soll.

▪	Farbänderung: Legen Sie hier eine Farbschattierung für den Rahmen der Miniaturen fest. Hierzu wird ein Colorize-Effekt angewendet, der den Rahmen in der ausgewählten Farbe schattiert.

Der Effekt der Farbvariante kann nur bei Rahmen verwendet werden, die nicht schwarz oder weiß sind. In diesen Fällen ist der Colorize-Effekt unwirksam.

Die Galerien können auch über einen Link innerhalb von Seiten gestartet werden: Für weitere Informationen siehe Link.