Inhalt

• Schritte
• Community Fragen und Antworten
• Tipps
• Warnungen

Andere Abschnitte

Wenn Sie Websites lieber manuell codieren möchten, können Sie HTML-Dateien in einem einfachen Texteditor wie Notepad (Windows) oder TextEdit (macOS) bearbeiten. Wenn Sie lieber Elemente auf dem Bildschirm verschieben und eine Live-Vorschau anzeigen möchten, können Sie einen WYSIWYG-Editor (DreamSeaver oder Kompozer) verwenden. In diesem Wiki erfahren Sie, wie Sie eine HTML-Datei in einer Standard- oder visuellen Bearbeitungs-App öffnen und bearbeiten.

Schritte

Methode 1 von 4: Verwenden eines Notizblocks unter Windows

1. 

   . Diese Schaltfläche hat ein Windows-Logo in der Taskleiste. Standardmäßig befindet es sich in der unteren linken Ecke. Dies zeigt das Startmenü an

2. 

   . Es befindet sich in der oberen rechten Ecke des Mac-Desktops. Dies zeigt eine Suchleiste an.

3. 

   
   
   Art TextEdit in der Suchleiste. Daraufhin wird eine Liste der Apps angezeigt, die Ihrem Suchergebnis entsprechen.

4. 

   
   
   Klicken TextEdit.app. Es befindet sich oben in den Suchergebnissen. Es befindet sich neben einem Symbol, das einem Blatt Papier und einem Stift ähnelt.

5. 

   Klicken Datei. Es befindet sich in der Menüleiste oben auf dem Bildschirm, wenn TextEdit geöffnet ist.

6. 

   
   
   Klicken Öffnen. Dadurch wird ein Dateibrowser geöffnet, mit dem Sie auf Ihrem Mac navigieren und Dateien öffnen können.

7. 

   Klicken Sie auf eine HTML-Datei und dann auf Öffnen. HTML-Dateien haben die Erweiterung ".html" nach dem Dateinamen. Verwenden Sie den Dateibrowser, um zu einer HTML-Datei zu navigieren, und klicken Sie darauf, um sie auszuwählen. Dann klick Öffnen um die HTML-Datei in TextEdit zu öffnen.

8. 

   Bearbeiten Sie den HTML-Code. Sie können TextEdit verwenden, um HTML-Code beim Erstellen zu bearbeiten. Sie müssen HTML lernen, damit Sie es von Hand bearbeiten können. Zu den allgemeinen Elementen, die Sie bearbeiten können, gehören die folgenden.
   • : Dies steht oben im HTML-Dokument. Dies teilt dem Webbrowser mit, dass dies ein HTML-Dokument ist.
   • : Diese Tags befinden sich oben und unten im HTML-Dokument. Dies zeigt an, wo der HTML-Code beginnt und endet.
   • : Diese Tags befinden sich oben im HTML-Dokument. Sie geben an, wo der Kopf des HTML-Dokuments beginnt und endet. Der Kopf des HTML-Dokuments enthält Informationen, die auf der Webseite nicht angezeigt werden. Dies umfasst den Seitentitel, Metadaten und CSS
   • : Diese Tags geben den Titel der Seite an. Der Titel steht im Kopf des HTML-Dokuments. Geben Sie den Titel der Seite zwischen diese beiden Tags ein.
   • : Diese Tags geben an, wo der Hauptteil des HTML-Dokuments beginnt und endet. Im Hauptteil wird der gesamte Inhalt der Webseite geschrieben. Der Text kommt im HTML-Dokument nach dem Kopf.

   • Überschriftentext

     : Diese Tags erstellen Überschriften-Tags. Der Text zwischen dem "

     " und "

     "Tags werden als großer fetter Text angezeigt. Text wird in den Text des HTML-Dokuments eingefügt.

   • Absatztext

     : Diese Tags werden verwendet, um Absatztext in einem HTML-Dokument zu erstellen. Der Text, der dazwischen geht "

     " und "

     "wird als normal großer Text angezeigt. Text wird in den Text des HTML-Dokuments eingefügt.
   • Fettgedruckter Text: Diese Tags werden verwendet, um fetten Text zu erstellen. Der Text, der dazwischen geht "" und ""erscheint als fetter Text.
   • Kursiver Text: Diese Tags werden verwendet, um kursiven Text zu erstellen. Der Text, der dazwischen geht "" und ""erscheint als kursiver Text.
   • Link Text: Dieses Tag wird verwendet, um auf eine andere Website zu verlinken. Kopieren Sie die Webadresse, auf die Sie verlinken möchten, und fügen Sie sie dort ein, wo "URL" steht (zwischen den Anführungszeichen). Der Text für den Link, in dem "Linktext" steht (keine Anführungszeichen erforderlich).
   • : Dieses Tag wird verwendet, um ein Bild mit HTML zu veröffentlichen. Ersetzen Sie den Text "Bild-URL" durch die Webadresse des Bildes.

9. 

   Klicken Datei. Es befindet sich in der Menüleiste oben auf dem Bildschirm.

10. 

    Klicken sparen. Es befindet sich im Dropdown-Menü unter "Datei". Dadurch wird die HTML-Datei gespeichert.
    • Klicken Sie auf, um den Namen der Datei zu ändern Umbenennen im Dropdown-Menü "Datei". Geben Sie oben auf dem Bildschirm einen neuen Namen für die Datei ein. Stellen Sie sicher, dass Sie die Erweiterung ".html" oben auf der Seite einfügen.

Methode 3 von 4: Verwenden von Dreamweaver

1. 

   Öffnen Sie Dreamweaver. Dreamweaver hat ein Symbol, das einem grünen Quadrat ähnelt, in dessen Mitte "Dw" steht. Klicken Sie auf das Symbol im Windows-Startmenü oder auf den Anwendungsordner auf dem Mac, um Dreamweaver zu öffnen.
   • Für Adobe Dreamweaver ist ein Abonnement erforderlich. Sie können ein Abonnement ab 20,99 USD pro Monat erwerben.

2. 

   Klicken Datei. Es befindet sich in der Menüleiste oben auf dem Bildschirm.

3. 

   Klicken Öffnen. Es befindet sich im Dropdown-Menü unter "Datei".

4. 

   Wählen Sie ein HTML-Dokument aus und klicken Sie auf Öffnen. Verwenden Sie den Dateibrowser, um ein HTML-Dokument auf Ihrem Computer auszuwählen, und klicken Sie darauf, um es auszuwählen. Dann klick Öffnen in der unteren rechten Ecke.

5. 

   Klicken Teilt. Dies ist die mittlere Registerkarte oben auf der Seite. Dies zeigt einen geteilten Bildschirm an, der unten einen HTML-Editor und oben einen Vorschaubildschirm enthält.

6. 

   Bearbeiten Sie das HTML-Dokument. Verwenden Sie den HTML-Editor, um HTML zu bearbeiten. Die Art und Weise, wie Sie HTML in Dreamweaver bearbeiten, unterscheidet sich nicht allzu sehr von der Bearbeitung von HTML in Notepad oder TextEdit. Während Sie ein HTML-Tag eingeben, wird ein Suchmenü mit passenden HTML-Tags angezeigt. Sie können auf das HTML-Tag klicken, um die öffnenden und schließenden Tags einzufügen. Dreamweaver überprüft, ob für alle HTML-Elemente Tags geöffnet und geschlossen werden.
   • Alternativ können Sie auf die Stelle klicken, an der Sie ein HTML-Element in den HTML-Editor einfügen möchten, und auf klicken Einfügen in der Menüleiste am oberen Bildschirmrand. Klicken Sie auf das Element, das Sie in das Dropdown-Menü einfügen möchten, um den HTML-Code automatisch hinzuzufügen.

7. 

   Klicken Datei. Wenn Sie mit dem Bearbeiten des HTML-Dokuments fertig sind, klicken Sie auf Datei in der Menüleiste am oberen Bildschirmrand.

8. 

   Klicken sparen. Es befindet sich im Dropdown-Menü unten Datei. Dadurch wird Ihr HTML-Dokument gespeichert.

Methode 4 von 4: Kompozer verwenden

1. 

   Gehe zu https://sourceforge.net/projects/kompozer/ in einem Webbrowser. Sie können jeden Webbrowser auf PC oder Mac verwenden. Dies ist die Download-Seite für Kompozer. Es ist ein kostenloser HTML-Editor (WYSIWYG), der sowohl unter Windows als auch unter Mac funktioniert.

2. 

   Klicken Herunterladen. Dies ist die grüne Schaltfläche oben auf der Seite. Sie gelangen auf eine separate Download-Seite. Nach einer Verzögerung von 5 Sekunden beginnt der Download.

3. 

   Doppelklicken Sie auf die Installationsdatei. Standardmäßig befinden sich Ihre heruntergeladenen Dateien in Ihrem Ordner "Downloads" auf einem PC oder Mac. Sie können auch in Ihrem Webbrowser darauf klicken, um das Kompozer-Installationsprogramm zu starten. Verwenden Sie die folgenden Anweisungen, um Kompozer zu installieren:
   • Windows:
     • Wenn Sie gefragt werden, ob Sie dem Installationsprogramm erlauben möchten, Änderungen an Ihrem System vorzunehmen, klicken Sie auf Ja.
     • Klicken Nächster in den Intro-Fenstern.
     • Klicken Sie auf die radiale Schaltfläche neben "Ich akzeptiere die Vereinbarung" und klicken Sie auf Nächster.
     • Klicken Nächster um den Standardinstallationsort zu verwenden oder klicken Sie auf Durchsuche um einen anderen Installationsort auszuwählen.
     • Klicken Nächster und dann klicken Nächster nochmal
     • Klicken Installieren
     • Klicken Fertig
   • Mac:
     • Doppelklicken Sie auf die Kompozer-Installationsdatei.
     • Klicken KompoZer.app
     • Klicken Sie auf das Apple-Symbol in der oberen linken Ecke.
     • Klicken Systemeinstellungen
     • Klicken Sicherheit und Privatsphäre
     • Drücke den Allgemeines Tab.
     • Klicken Wie auch immer in der Nähe des unteren Randes des Fensters.
     • Klicken Öffnen im Popup-Fenster.
     • Ziehen Sie das Kompozer-Symbol auf Ihren Desktop.
     • Öffnen Sie den Finder.
     • Drücke den Anwendungen Ordner.
     • Ziehen Sie das Kompozer-Symbol vom Desktop in den Ordner "Programme".

4. 

   Kompozer öffnen. Führen Sie die folgenden Schritte aus, um Kompozer auf einem PC oder Mac zu öffnen
   • Windows:
     • Drücke den Windows Start Speisekarte.
     • Typ "Kompozer"
     • Doppelklicken Sie auf das Kompozer-Symbol.
   • Mac:
     • Klicken Sie auf das Lupensymbol in der oberen rechten Ecke.
     • Geben Sie "Kompozer" in die Suchleiste ein.
     • Doppelklick Kompozer.app.

5. 

   Klicken Datei. Es befindet sich in der Menüleiste oben in der App.

6. 

   Klicken Datei öffnen. Dies ist die zweite Option im Dropdown-Menü unter "Datei". Dadurch wird ein Dateibrowser geöffnet, mit dem Sie eine geöffnete HTML-Datei auswählen können.

7. 

   Klicken Sie auf eine HTML-Datei und dann auf Öffnen. Dies öffnet die HTML-Datei in Kompozer.

8. 

   Klicken Teilt. Dies ist die mittlere Registerkarte oben auf der Seite. Dies zeigt einen geteilten Bildschirm an, der unten einen HTML-Editor und oben einen Vorschaubildschirm enthält.
   • Möglicherweise müssen Sie die App vergrößern, damit Sie mehr Platz zum Arbeiten haben.

9. 

   Bearbeiten Sie das HTML-Dokument. Der HTML-Quellcode-Bildschirm befindet sich unten. Sie können diesen Bildschirm verwenden, um HTML ähnlich wie in Notepad oder TextEdit zu bearbeiten. Sie können den Vorschaubildschirm auch verwenden, um Ihren HTML-Code mithilfe der folgenden Schritte zu bearbeiten:
   • Verwenden Sie das Dropdown-Menü in der oberen rechten Ecke, um den Texttyp auszuwählen (z. B. Überschrift, Absatz usw.).
   • Klicken und tippen Sie, um Text hinzuzufügen.
   • Verwenden Sie die Schaltflächen im Bedienfeld oben auf dem Bildschirm, um Ihrem Text Fett, Kursiv, Textausrichtung, Einrückungen oder Listen hinzuzufügen.
   • Klicken Sie auf das farbige Quadrat im Bedienfeld oben auf dem Bildschirm, um die Textfarbe zu ändern.
   • Drücke den Bild Symbol am oberen Bildschirmrand, um Ihrem HTML-Dokument ein Bild hinzuzufügen.
   • Klicken Sie auf das Symbol, das einem Kettenglied ähnelt, um Ihrem HTML-Dokument einen Link hinzuzufügen.

10. 

    Drücke den sparen Symbol. Wenn Sie alle Änderungen an Ihrem Dokument vorgenommen haben, klicken Sie auf sparen Symbol am oberen Bildschirmrand. Es befindet sich unter einem Symbol, das einer Diskette ähnelt. Das spart Ihre Arbeit.

Community Fragen und Antworten

Tipps

Warnungen

• Denken Sie daran, Ihr Dokument während der Bearbeitung zu speichern. Es könnte jeden Moment etwas schief gehen.