Diashows sind eine gängige Website-Oberfläche, die verwendet wird, um aktuelle Inhalte hervorzuheben.
Bildnachweis: Miriam2009/iStock/Getty Images
Dreamweaver ist die professionelle Webentwicklungssoftware von Adobe und bietet eine Reihe von Funktionen zum Erstellen von Webseiten. Diese Funktionen reichen von der Back-End-Datenbankintegration bis hin zu JavaScript-Diashows, die Bilder in festen Intervallen wechseln. Mit dem standardisierten JavaScript von Dreamweaver können Website-Entwickler Diashows erstellen, ohne direkt in den Code eingreifen zu müssen. Während das als "Diashow" bezeichnete Webelement denselben Namen trägt wie ein Stapel von PowerPoint-Folien, ist die Ausgabe von Dreamweaver standardmäßiges HTML, das in jedem Webbrowser angezeigt werden kann.
Schritt 1
Starten Sie Dreamweaver und öffnen Sie das Website-Projekt über das Menü "Datei". Navigieren Sie zu der Seite Ihres Website-Projekts, auf der die Diashow integriert wird.
Video des Tages
Schritt 2
Klicken Sie im Menü der obersten Ebene auf "Einfügen" und dann auf "Ebene". Dies öffnet ein Dialogfeld; Klicken Sie auf "Bild" für den Typ der Ebene in diesem Feld.
Schritt 3
Klicken Sie auf "Durchsuchen" und navigieren Sie zu Ihrem Bilderverzeichnis. Wählen Sie das Bild Ihrer ersten Ebene aus – dies ist die erste Folie, die in der Diashow angezeigt wird. Sie können auch auf andere HTML-Seiten statt auf Bilder verweisen; Dies ist eine Möglichkeit, Text und anklickbare Links in Ihre Website-Diashow zu integrieren.
Schritt 4
Wiederholen Sie die beiden vorherigen Schritte und fügen Sie für jede Folie, die Sie anzeigen möchten, eine neue Ebene und den entsprechenden Inhalt hinzu. Da das JavaScript, das zum Anzeigen der Diashow im Webbrowser verwendet wird, den gesamten Inhalt vorab abruft, werden Sie möchten Diashows wahrscheinlich auf nicht mehr als sechs oder sieben Elemente beschränken, damit die Webseite vernünftig geladen wird Zeit.
Schritt 5
Klicken Sie im Menü der obersten Ebene auf "Fenster" und dann auf "Zeitleiste". Ein Timeline-Editor wird angezeigt. Geben Sie für jedes Bild im erstellten Ebenensatz eine Dauer ein. Wählen Sie das erste Bild aus, das Sie anzeigen möchten, klicken Sie mit der rechten Maustaste auf den Timeline-Eintrag dafür und wählen Sie "Keyframe hinzufügen".
Schritt 6
Wählen Sie eine Ebenen-/Bild-Kombination für den ausgewählten Keyframe aus und wiederholen Sie diesen Vorgang für jede Ebene und jedes Bild, das Sie in Ihrer Timeline haben möchten.
Schritt 7
Klicken Sie auf "OK", um Ihre Einstellungen zu speichern.
