Formulare in Dreamweaver bearbeiten

Name: Formulare in Dreamweaver bearbeiten
Author: Patti Scully-Lane

Das Hinzufügen von Inhalten zu Ihren Seiten ist mit Dreamweaver ein Kinderspiel. Sie fügen Textinhalte hinzu und formatieren sie mit Überschriften…

Preview the first lesson free — get full access to all 5 lessons.

Demo anfragen Anmelden

Kurs: On-Demand

In dieser Lektion Sie lernen, wie Sie ein Formularelement hinzufügen zu einer Seite in Adobe Dreamweaver. Nun, bevor wir anfangen, müssen wir uns einrichten eine Website für unseren Ordner mit Unterrichtsdateien. Also gehen wir zum Site-Menü, zur neuen Site. Wir werden nach einem Ordner suchen und ich habe die Unterrichtsdateien gespeichert auf meinen Desktop und dort sind Formulare für Modul vier. Also werden wir diesen Ordner auswählen. Und wir werden diese Seite benennen, mit Formular arbeiten, und wir werden auf die Schaltfläche "Speichern" klicken Drüben im Dateibereich sehen wir alles der Lektionsdateien, die wir verwenden werden um unser Formular in den nächsten Lektionen zu erstellen. Wir werden mit contact.HTML arbeiten. Also werden wir das öffnen, indem wir darauf doppelklicken. Wir werden auch Kontakt aufnehmen, fertig, nur um einen kurzen Blick darauf zu werfen, was wir bauen werden. Hier ist also unser Formular. Wir werden also Textfelder und Optionsfelder haben und Kontrollkästchen und einen Textbereich in unserem Formular sowie eine Schaltfläche zum Senden unten am unteren Rand. Nun, damit wir das Formular tatsächlich erstellen können, Wir gehen zurück zu unserer Datei contact.HTML. Wir werden in diesen Bereich auf der linken Seite klicken und wir geben einfach Kontakt mit uns ein. Und mit unserem Cursor in diesem Absatz, Wir werden zu unserem Eigenschaftsfenster gehen und wir werden das Format dieses Absatzes ändern zu einem H1, Überschrift eins, Also werden wir auf dieses Dropdown-Menü klicken in unserem Eigenschaftsfenster und ändern Sie es in eine Überschrift. Jetzt werden wir auf die Eingabetaste klicken oder Return-Taste, um zur nächsten Zeile zu gelangen. Und hier werden wir unser Formularelement hinzufügen. Zwei weitere Orte, an denen wir unser Formular hinzufügen könnten. Der erste ist oben unter dem Einfügen-Menü, unten zum Formular, und Sie können alle verschiedenen Formularelemente hier sehen. Ein weiterer Ort, an den wir gehen können, ist vorbei an der Einsatzplatte hier rechts nur in der gleichen Gruppe wie unser Dateipanel. Wenn Sie jetzt Ihre Formularelemente nicht sehen, Klicken Sie einfach auf das Dropdown-Menü und wählen Sie Formular, und das erste, was wir tun müssen Um dieses Formular zu erstellen, müssen Sie ein Formularelement hinzufügen. Wir werden also einmal auf dieses Formular klicken. Und wenn wir in unseren Bereich schauen, in unsere Designansicht, Wir sehen einen rot gestrichelten Rand und dieser rote Rand wird umwickelt alle Formularelemente die wir unserem Formular hinzufügen werden. Jetzt, mit dieser Auswahl, Wir werden uns hier unten unsere Grundstücke ansehen. Und das erste, was wir tun wollen, ist zu wählen um unser Formular zu benennen und ihm eine ID zu geben. Also werden wir diesen Kontakt benennen weil dies Leute um Informationen bitten wird um unsere Newsletter-Abonnementbasis aufzubauen. Jetzt gleich rechts neben der ID ist unser Handeln und unsere Methode. Nun gibt es zwei verschiedene Formen die Sie in Dreamweaver in HTML erstellen können. Der erste ist ein Beitrag und der zweite ein Git, Mit einer Post senden Sie Informationen an jemanden, der diese Informationen erhalten wird und du wirst nicht nicht sehen welche Informationen sie erhalten. Mit einem Git geben Sie Informationen ein, erwarten, etwas dafür zu bekommen. Wenn Sie also an Ihr Online-Banking denken, Sie geben einen Benutzernamen und ein Passwort ein und Sie erhalten alle Ihre Bankdaten. Jetzt wählen wir post als Methode für unser Formular weil wir möchten, dass die Leute uns einfach ihre Informationen schicken. Nun, damit jedes Formular funktioniert, Sie brauchen eine Aktion. Eine Aktion ist eine separate Datei, die entweder in JavaScript geschrieben ist oder PHP, das die Übertragung dieser Informationen ermöglicht. Jetzt werden wir nicht in diese Aktion einsteigen aber damit ein Formular wirklich funktioniert, das ist etwas, das Sie brauchen werden. Hier würden Sie also auf dieses Skript verlinken das wäre in Ihrem Site-Ordner. Hier unten sind einige der neuen HTML5-Funktionen die Dreamweaver unterstützt. Und die erste ist keine Validierung. Die zweite ist eine automatische Vervollständigung. Also werden wir diesen Knopf überprüfen. Was das erlaubt, ist, wenn jemand anfängt um unser Formular auszufüllen, Es wird bestimmte Felder geben, die automatisch ausgefüllt werden wenn sie diese Informationen in ihrem Browser gespeichert haben. Jetzt, wo wir unser Formular haben, Alles, was wir tun müssen, ist, unsere Inhalte hinzuzufügen, und das werden wir in der nächsten Lektion tun. In dieser Lektion haben Sie also die verschiedenen Typen kennengelernt von Formen, die Dreamweaver haben kann und wie Sie Ihrer Seite ein Formularelement hinzufügen in Adobe Dreamweaver.

Mittelstufe Anbieter : Patti Scully-Lane 5 Lektionen · 41m auf Arabisch, Deutsch, Englisch, Spanisch, Französisch, Portugiesisch, Urdu, Chinese

Kursbeschreibung

Das Hinzufügen von Inhalten zu Ihren Seiten ist mit Dreamweaver ein Kinderspiel. Sie fügen Textinhalte hinzu und formatieren sie mit Überschriften, Aufzählungszeichen sowie fetten und kursiven Schriftarten. Sie fügen Bilder hinzu und formatieren sie und stellen sicher, dass die Ordnerstruktur und die Quelle der Bilder korrekt sind. Sie erstellen Textlinks zu anderen Websites, zu Seiten innerhalb derselben Website und zu E-Mail-Adressen.

Lernziele

Was Sie lernen werden

Fügen Sie ein Formularelement auf einer Seite in Dreamweaver hinzu
Fügen Sie Textfeldelemente zu einem Formular hinzu
Erstellen Sie eine Optionsgruppe innerhalb eines Formulars
Arbeiten Sie mit Kontrollkästchen und Kontrollkästchengruppen
Erstellen Sie einen Textbereich und eine Schaltfläche zum Absenden

Wichtige Erkenntnisse

Der Kurs behandelt das Hinzufügen eines Formularelements auf einer Seite in Dreamweaver.
Er zeigt, wie Sie Textfeldelemente zu einem Formular hinzufügen.
Er demonstriert das Erstellen einer Optionsgruppe und die Arbeit mit Kontrollkästchen und Kontrollkästchengruppen.
Er erklärt, wie Sie einen Textbereich und eine Schaltfläche zum Absenden für ein Formular erstellen.

Häufig gestellte Fragen

Was werde ich in diesem Kurs lernen?

Sie lernen, ein Formularelement hinzuzufügen, Textfeldelemente hinzuzufügen, eine Optionsgruppe zu erstellen, mit Kontrollkästchen und Kontrollkästchengruppen zu arbeiten und einen Textbereich und eine Schaltfläche zum Absenden in Dreamweaver zu erstellen.

Welche Fähigkeiten behandelt dieser Kurs?

Der Kurs behandelt Adobe Dreamweaver, Design Web Format, Dokumentformatierung, HTML-Formatierung, Web-Authoring und Web-Template-Systeme.

Welche Formularelemente lehrt mich der Kurs zu erstellen?

Er lehrt das Erstellen von Textfeldern, einer Optionsgruppe, Kontrollkästchen und Kontrollkästchengruppen, einem Textbereich und einer Schaltfläche zum Absenden in einem Formular.

Auf welchem Tool basiert dieser Kurs?

Dieser Kurs basiert auf der Arbeit mit Formularen in Adobe Dreamweaver.