Wie man HTML Dreamweaver als

July 18

Adobe Dreamweaver ist ein Web-authoring-Tool, das bietet eine Benutzeroberfläche für Leute die nicht wissen, wie man Websites. Sie können Inhalte zu Ihrer Website hinzufügen und Layouts ohne jede Programmierkenntnisse frei zu machen. Da dies ein WYSIWYG-Programm ist, sollte Ihr Design in der Entwurfsansicht genau das Design ähneln, das in einem Webbrowser angezeigt wird. Adobe Dreamweaver, dient auch als ein HTML-Editor, wo Sie hinzufügen oder Bearbeiten von HTML-Codes um Ihr Design zu optimieren.

Anweisungen

1 Starten Sie Adobe Dreamweaver im Startmenü, und klicken Sie auf der Menüleiste auf "Datei". Klicken Sie "Neu" Wenn Sie damit beginnen, Ihre HTML-Codes von Grund auf neu oder klicken Sie auf "Öffnen", um die HTML-Codes einer vorhandenen Seite bearbeiten.

2 Klicken Sie auf "Fenster" in der Menüleiste und klicken Sie auf "Code-Inspektor", um eine Box zu öffnen, können Sie HTML-Codes eingeben.

3 Geben Sie gültige HTML-Codes um das Ergebnis in der Entwurfsansicht in Echtzeit zu sehen. Zum Beispiel Schreibtest < Center > < / center > im Codeinspektor wird das Wort "Test" auf Ihrer Seite zu zentrieren. Klicken Sie im Menü "Datei" und klicken Sie "Speichern" oder "Ziel speichern unter...", wenn Sie nicht, überschreiben Sie die Datei, um Ihre HTML-Arbeit zu speichern möchten.

Tipps & Warnungen

  • Sie können auch im Menü "Ansicht" und wählen Sie "Code", wenn Sie es vorziehen, den HTML-Code im Vollbildmodus machen. Wählen Sie "Code and Design" aus diesem Menü Ihre Adobe Dreamweaver in zwei Hälften geteilt, wo eine Seite zeigt das HTML-Code und die andere Seite zeigt die Design-Ansicht.
  • Wenn Sie ein HTML-Code-Snippet in Ihr Design einfügen möchten, mit der rechten Maustaste auf die Stelle Ihrer Seite wo möchten Sie den Code ein und klicken Sie auf "Insert HTML..." Fügen Sie oder geben Sie den HTML-Code in das vorgesehene Textfeld und drücken Sie die Taste "Enter", um es hinzuzufügen.
  • Geben Sie Text ein oder fügen Sie alle Objekte durch Ziehen auf die Entwurfsansicht, um die entsprechende Code-Änderungen zu sehen, beim Laden der Codeinspektor ein. Anwenden von Formatierungen und Positionierung Änderungen mithilfe der verschiedenen Dreamweaver-Funktionen auf die Symbol- und Menüleisten gefunden wird den Code aktualisieren. Beobachten die Codeänderungen können Sie erfahren Sie mehr über HTML-Programmierung bei der Arbeit.

SIE KÖNNEN AUCH GERNE