So erstellen Sie ein Popup-Fenster mit Dreamweaver. Wenn Sie Ihrer Website schon immer ein Popup-Fenster hinzufügen wollten, z. B. für Miniaturansichten oder Barrierefreiheit, ist dies mit Dreamweaver ganz einfach. Dreamweaver verfügt über automatische Skripterstellung, damit Sie einige Optionen ändern und Ihrer Website fast automatisch ein Popup-Fenster hinzufügen können, ohne dass eine harte Programmierung erforderlich ist. Befolgen Sie diese Schritte, um Ihrer Website ein Popup-Fenster hinzuzufügen.
Schritt 1
Starten Sie Dreamweaver. Öffnen Sie ein neues leeres Dokument, indem Sie auf dem Begrüßungsbildschirm der Einführung in der Kategorie "Neu" "HTML" auswählen.
Video des Tages
Schritt 2
Geben Sie das Wort "Link" oder einen anderen Text ein, damit Sie das Popup-Fenster auf Ihrem neuen leeren HTML-Dokument testen und es auswählen können, wenn Sie fertig sind.
Schritt 3
Wählen Sie das Menü „Fenster“ und dann „Verhalten“, um das Bedienfeld „Verhalten“ aufzurufen.
Schritt 4
Klicken Sie auf das Symbol "+" und wählen Sie dann "Browserfenster öffnen", um die Eigenschaften des Popup-Fensters "Browserfenster öffnen" anzuzeigen. Hier können Sie die spezifischen Eigenschaften festlegen, die Sie auf Ihr Popup-Fenster anwenden möchten.
Schritt 5
Geben Sie die URL ein, zu der der Besucher geleitet werden soll, wenn er auf das Wort "Link" in Ihrem Dokument klickt.
Schritt 6
Geben Sie die Breite und Höhe des Popups sowie alle Attribute an, die das Popup enthalten soll, wie z. B. eine Symbolleiste, Menüleiste, Statusleiste, Bildlaufleisten oder Ziehpunkte zur Größenänderung und klicken Sie auf „OK“.
Schritt 7
Wählen Sie „onClick“ aus der Spalte „Ereignisse“ im Bedienfeld „Verhalten“, um festzulegen, dass das Popup-Fenster angezeigt wird, wenn auf das Wort „Link“ geklickt wird.
Spitze
Verwenden Sie die Tastenkombination Umschalt+F4, um schnell das Bedienfeld „Verhalten“ aufzurufen. Sie müssen sich in der Vorschauansicht befinden, bevor Sie testen können, ob das Popup-Fenster richtig funktioniert.
