Adobe Dreamweaver ist ein Desktop-Programm, mit dem Sie Webseiten schnell erstellen und veröffentlichen können; es unterstützt Sprachen wie HTML, CSS und JavaScript. Dank der benutzerfreundlichen Design- und Code-Ansichten lassen sich Websites direkt an einem Ort erstellen, bearbeiten und in der Vorschau betrachten. Wenn Sie Ihre Website mit Dreamweaver erstellt haben und ein Formular einbinden möchten – sei es für Kontaktanfragen, Anmeldungen oder Feedback –, zeigt Ihnen diese Anleitung, wie das geht. Sehen Sie sich das kurze Video unten an oder befolgen Sie die Schritte, um Ihr Formular auf einer beliebigen Seite Ihrer Website einzufügen.
Abrufen des Einbettungscodes
Befolgen Sie diese Schritte, um den Einbettungscode für das Formular zu kopieren, das Sie für Ihre in Dreamweaver erstellte Website erstellt haben:
- Klicken Sie im Formular-Generator auf Veröffentlichen.
- Klicken Sie als Nächstes auf Plattformen.
- Wählen Sie dann Dreamweaver aus. Sie können die Suchleiste verwenden, um es leicht zu finden.
- Klicken Sie im nächsten Bildschirm auf Code Kopieren.
Einbetten des Formulars
Starten Sie Dreamweaver und öffnen Sie die Datei der Webseite, in die Sie Ihr Formular einfügen möchten. Sie können die Datei über das Bedienfeld Dateien öffnen oder im Menü Datei (oben) die Option Öffnen wählen. Sobald die Datei in Dreamweaver geöffnet ist, gehen Sie wie folgt vor, um das Formular in Ihre Webseite einzubinden:
Profi-Tipp
Bevor Sie Änderungen vornehmen, sollten Sie eine Sicherungskopie Ihrer ursprünglichen Webseitendatei erstellen.
- Scrollen Sie in Ihrem Arbeitsbereich durch den Quellcode Ihrer Datei, um die genaue Stelle zu finden, an der Einbettungscode für Ihr Formular eingefügt werden soll. Bei Bedarf können Sie in die Code-Ansicht wechseln.
- Platzieren kuden Cursor an der gewünschten Stelle und fügen Sie den Code ein.
- Gehen Sie als Nächstes erneut aus das Menü Datei und wählen Sie Speichern, um Ihre Änderungen an der Datei zu speichern.
Das war’s auch schon. Um eine Vorschau der Darstellung Ihres Formulars auf der Webseite zu sehen, bevor Sie die aktualisierte Datei auf Ihren Webserver hochladen, klicken Sie oben im Dreamweaver-Arbeitsbereich auf Teilen oder Live.
Profi-Tipp
Überprüfen Sie die Seite nach dem Hochladen in mehreren Browsern, um sicherzustellen, dass Sie auf verschiedenen Plattformen korrekt angezeigt wird.
Notiz
- Diese Anleitung basiert auf Adobe Dreamweaver 21.4 (Version vom Mai 2024). Die Benutzeroberfläche kann je nach Ihrer Adobe-Dreamweaver-Version leicht abweichen – insbesondere bei Verbindung einer älteren Version –, doch der Vorgang zum Einbetten Ihres Formulars bleibt gleich.
- Da der Einbettungscode für Dreamweaver dem vollständigen Quellcode Ihres Formulars entspricht, werden im Formular Generator vorgenommene Aktualisierungen nicht automatisch auf Ihrer Webseite angezeigt, es sei denn, Sie fügen den aktualisierten Code jedes Mal erneut in Dreamweaver ein und speichern ihn. Damit Änderungen aus dem Form Builder automatisch auf Ihrer Webseite übernommen werden, sollten Sie stattdessen das Einbettungsskript oder den iFrame-Einbettungscode verwenden. Diese Methode stellt sicher, dass alle Bearbeitungen im Formular Generator sofort auf Ihrer Website erscheinen, ohne dass manuelle Aktualisierungen in Dreamweaver erforderlich sind.
Kommentar abschicken: