Alle Kategorien
Suche

Mit Dreamweaver eine Bildergalerie erstellen - so geht's

Autor: Karl M. Lund
Mit einer Bildergalerie präsentieren Sie Fotos.
Mit einer Bildergalerie präsentieren Sie Fotos.
Fotos können Sie mit einer Bildergalerie im Internet präsentieren. Ein WYSIWYG-Webeditor (What You See Is What You Get) wie Dreamweaver (mit grafischer Benutzeroberfläche) erlaubt Ihnen die Umsetzung einer Bildergalerie in kurzer Zeit.

Bildergalerie mit Widget erstellen - so geht es

  • Mit Dreamweaver können Sie eine einfache und überschaubare Bildergalerie basteln, wie Sie diese aus dem Internet kennen. Sie statten dazu eine Webseite mit Thumbnails Ihrer Bilder aus. Per Klick auf einzelne Thumbnails öffnet sich das dazugehörige Foto in der Mitte des Screens und die dahinter liegende Webseite wird durch eine darunter liegende, transparente Farbe abgedunkelt.
  • Ein Widget, mit dem Sie ganz unkompliziert eine Dreamweaver-Bildergalerie erstellen können, nennt sich Thickbox. Sie können über die Adobe-Website darauf zugreifen. Die passende Seite können Sie aufrufen, indem Sie aus dem geöffneten Programm heraus im Hilfe-Menü auf "Dreamweaver Exchange" klicken. Loggen Sie sich mit Ihrem Passwort auf der Adobe-Website ein. Sollten Sie noch nicht bei Adobe registriert sein, können Sie dies unter Angabe einer gültigen E-Mail-Adresse jederzeit nachholen. Unter den gelisteten Programm-Links im unteren Bereich der aufgelisteten Seite müssen Sie nun auf Dreamweaver klicken. Geben Sie im Suchfeld der Seite "Thickbox" ein. Folgen Sie dem gefundenen Link und laden Sie die Datei auf Ihren Desktop. Nach einem Doppelklick auf die Datei sollte sich diese im Extension-Manager öffnen.

Dreamweaver zur Präsentation nutzen - so geht es

  1. Bevor Sie Ihr Widget nutzen können, müssen Sie einen Programm-Neustart durchführen, damit Dreamweaver darauf zugreifen kann.
  2. Öffnen Sie Dreamweaver erneut.
  3. Legen Sie eine neue HTML-Site an.
  4. Öffnen Sie das "Einfügen"-Panel und wählen Sie die Option "TCN-Widgets".
  5. Wenn Sie in das Layout-Fenster schauen, sehen Sie zwei Grafiken, die kaputte bzw. fehlende Bilder anzeigen. Sobald Sie die Datei und ebenso die abhängigen Bilder gespeichert haben, können Sie diese auch im Layoutfenster anschauen.
  6. Wählen Sie nun "Vorschau" und Sie können die Funktionalität Ihrer Bildergalerie testen.
  7. Im Bearbeitungsmodus können Sie eines der Bilder anklicken und die Größe der Thumbnails einstellen. Der unter dem Link für das Thumbnail angegebene Speicherort verweist auf die großen Bilder.
  8. Weitere Bilder und Thumbnails können Sie hinzufügen, wenn Sie im Layoutfenster auf einen Thumbnail klicken, anschließend "Strg + C" drücken, in den leeren Bereich neben den bisher vorhandenen Thumbnails klicken und "Strg + V" drücken.
Weiterlesen:
Teilen: