Snagit Lern Center

Snagit 9 Tutorial:

Erstellen einer Galerie-Webseite aus Grafikdateien

Mithilfe der Option Webseite erstellen können Sie eine HTML-Webseite mit Thumbnails erstellen, die Links zu den Bildern in Originalgröße aufweist. Auf diese Weise können Sie schnell und einfach Fotos, Screen-Captures, Zeichnungen und andere Grafiken anzeigen.

Sie haben verschiedene Möglichkeiten, eine Galerie-Webseite aus Grafikdateien im Internet zu veröffentlichen. Hilfreiche Tipps finden Sie beispielsweise auf der Website www.HTMLGoodies.com. Der Artikel Where do I put my Website? bietet ebenfalls nützliche Informationen.

Sie können aus sieben verschiedene Typen oder Themen für Ihre Webseite wählen. Jedes Thema ist individuell anpassbar. Sie können Hintergrund, Schriftfarbe, Größe der Thumbnails, Übergangseffekte und vieles mehr ändern.

Die Erstellung einer Galerie-Webseite erfolgt mithilfe des Assistenten zum Erstellen einer Webseite.

Öffnen des Assistenten zum Erstellen einer Webseite

So öffnen Sie den Assistenten zum Erstellen einer Webseite:

Editor > Bibliotheksansicht > Rechter Mausklick auf das Thumbnail > Webseite erstellen.

Der Assistent zum Erstellen einer Webseite wird angezeigt. Folgen Sie den Anweisungen in den einzelnen Dialogfeldern.
Create Web Page Wizard screen

Überblick über Webseitenthemen und -optionen

Nachfolgend finden Sie einen Überblick über die verschiedenen Themen, eine Thumbnail-Vorschau der fertigen Seite sowie eine Beschreibung zu den Features der einzelnen Themen. In allen Beispielen werden dieselben Bilder verwendet. Nur das Thema ändert sich.

Thema	Preview of Web Page	Design und Anpassungen
Säulen		Design: Vertikales Scrollen. Thumbnail jedes Bilds mit Angabe von Dateiname und Größe. Durch Klicken auf einen Link wird das Bild in Originalgröße in einem neuen Browserfenster angezeigt. Nummerierungssystem auf der verlinkten Seite, um die nächste Seite mit Bildern anzuzeigen: Beispiel: Gehe zu Seite 1, 2, 3. Anpassungen: Schattierte Hintergrundfarben für jedes Bild. Farb- oder Texturhintergrund für die Hauptseite. Thumbnailgröße und Anzahl pro Seite. Schriftfarben. Linkfarben.
Paarlauf		Design: Zwei Thumbnails werden nebeneinander in einem horizontalen Rahmen oben auf der Seite angezeigt. Durch Klicken auf ein Thumbnail wird das Bild in Originalgröße in einem neuen Browserfenster angezeigt. Mithilfe der Browser-Schaltfläche Zurück können Sie zur Galerie-Seite zurückkehren. Linksystem zur vorherigen und nächsten Seite, um auf die dortigen Bilder zuzugreifen: Beispiel: Zurück\|Weiter: Anpassungen: Fügen Sie einen Übergangseffekt ein, der beim Öffnen der Galerie oder beim Zurückkehren zur Galerie nach der Anzeige eines Bilds in einem separaten Browserfenster wiedergegeben wi. Übergangseffekte können nur im Internet Explorer verwendet werden. Hintergrundfarbe hinter der Bildanzeige. Farb- oder Texturhintergrund für die Hauptseite. Thumbnail-Größe. Schriftfarben.
Liste		Design: Vertikales Scrollen. Thumbnail jedes Bilds mit Angabe von Dateiname und Größe. Durch Klicken auf ein Thumbnail wird das Bild in Originalgröße in einem neuen Browserfenster angezeigt. Mithilfe der Browser-Schaltfläche Zurück können Sie zur Galerie-Seite zurückkehren. Linksystem zur vorherigen und nächsten Seite, um auf die dortigen Bilder zuzugreifen: Beispiel: Zurück\|Weiter. Anpassungen: Fügen Sie einen Übergangseffekt ein, der beim Öffnen der Galerie oder beim Zurückkehren zur Galerie nach der Anzeige eines Bilds in einem separaten Browserfenster wiedergegeben wird. Übergangseffekte können nur im Internet Explorer verwendet werden. Thumbnailgröße und Anzahl pro Se. Farb- oder Texturhintergrund für die Thumbnailtabelle. Farb- oder Texturhintergrund für die Hauptseite. Schriftfarben. Linkfarben.
Navigator		Design: Die Thumbnails werden nebeneinander in einer horizontalen Bildanzeige oben auf der Seite angezeigt. Durch Klicken auf ein Thumbnail wird das Bild in Originalgröße unter der Bildanzeige angezeigt. Pfeil-Linksystem zur vorherigen und nächsten Seite, um auf die dortigen Bilder zuzugreifen: Beispiel: >> oder <<. Anpassungen: Thumbnailgröße und Anzahl pro Sei. Farb- oder Texturhintergrund für die Thumbnail-Bildanzeige. Farb- oder Texturhintergrund für die Hauptseite. Schriftfarben. Linkfarben.
Diashow		Design: Automatische Diashow aller Bilder in der Galerie. Anpassungen: Fügen Sie einen Übergangseffekt ein, der beim Öffnen der Galerie oder beim Zurückkehren zur Galerie nach der Anzeige eines Bilds in einem separaten Browserfenster wiedergegeben wird. Übergangseffekte können nur im Internet Explorer verwendet werden. Breite und Höhe. Länge der Pause zwischen der Anzeige der einzelnen Bilder. Farb- oder Texturhintergrund für die Hauptseite.
Streifen		Design: Die Thumbnails werden nebeneinander in einem horizontalen Rahmen mit farblosen oder farbigen Zeilen angezeigt. Durch Klicken auf ein Thumbnail wird das Bild in Originalgröße in einem neuen Browserfenster angezeigt. Mithilfe der Browser-Schaltfläche Zurück können Sie zur Galerie-Seite zurückkehren. Linksystem zur vorherigen und nächsten Seite, um auf die dortigen Bilder zuzugreifen: Beispiel: Zurück\|Weiter. Anpassungen: Thumbnail-Größe. Anzahl der Thumbnails pro Zeile. Anzahl der Zeilen. Hintergrundfarbe für alle anderen Zeilen. Rahmenfarbe um jedes Thumbnail. Fügen Sie einen Übergangseffekt ein, der beim Öffnen der Galerie oder beim Zurückkehren zur Galerie nach der Anzeige eines Bilds in einem separaten Browserfenster wiedergegeben wird. Übergangseffekte können nur im Internet Explorer verwendet werden.
Thumbnails		Design: Die Thumbnails werden nebeneinander in einem horizontalen Rahmen angezeigt. Durch Klicken auf ein Thumbnail wird das Bild in Originalgröße in einem neuen Browserfenster angezeigt. Mithilfe der Browser-Schaltfläche Zurück können Sie zur Galerie-Seite zurückkehren. Linksystem zur vorherigen und nächsten Seite, um auf die dortigen Bilder zuzugreifen: Beispiel: Zurück\|Weiter. Anpassungen: Thumbnail-Größe. Anzahl der Thumbnails pro Zeile. Anzahl der Zeilen und Spalten. Rahmenfarbe um jedes Thumbnail. Hintergrundfarbe für das Thumbnailfeld. Farb- oder Texturhintergrund für die Hauptseite. Schriftfarben. Linkfarben.