====== Werkzeuge zur HTML-Programmierung ======

Zum Erstellen von HTML-Seiten benötigt man einen Editor und einen Webbrowser. Den Editor benötigt man zum Schreiben des HTML-Quelltextes. Diese Textdatei wird dann mit der Endung .html abgespeichert. Wenn man die Datei im Webbrowser öffnet, wird die Seite dargestellt.

Unter Windows sind der Editor [[https://notepad-plus-plus.org/ | Notepad++]] und der Webbrowser [[https://www.mozilla.org/de/ | Mozilla Firefox]] eine gute Wahl.

In den folgenden beiden Abbildungen wird die Einstiegsdatei **first.html** beim Editieren in Notepad++ und in der Darstellung im Firefox dargestellt.

<WRAP group>

<WRAP 45% column>
=== Notepad++ ===
{{ :html:07_bild01.png?300 |}}
</WRAP>
<WRAP 45% column>
=== Firefox ===
{{ :html:07_bild02.png?300 |}}
</WRAP>
</WRAP>

===== Weitere Editoren =====

Hier sind einige Links auf freie Editoren bzw. Entwicklungsumgebungen zur Webprogrammierung.

  * [[http://www.pspad.com/de/download.htm | Pspad]]
  * [[https://www.phase5.info/ | Phase 5]]
  * [[http://bluefish.openoffice.nl/index.html | Bluefish]]
  * [[https://www.geany.org/ | Geany]]
  * [[https://code.visualstudio.com/ | Visual Studio Code]]
  * [[https://atom.io/ | Atom]]
  * [[https://www.activestate.com/products/komodo-ide/downloads/edit/ | Comodo Edit]]

===== Weitere Webbrowser =====

Damit die eigene Webseite funktioniert sollte man sie in mehreren Webbrowsern ausprobieren. Hier ein paar Links auf die wichtigsten Webbrowser:

  * [[https://www.google.de/chrome/ | Google Chrome]]
  * [[https://www.microsoft.com/de-de/edge | Microsoft Edge]]
  * [[https://www.apple.com/de/safari/| Safari (nur MacOS)]]
  * [[https://www.opera.com/de | Opera ]]
  * [[https://vivaldi.com/de/ | Vivaldi]]

[[html:grundgeruest| >> Das Grundgerüst einer HTML-Datei - Unsere erste Webseite]]


~~DISCUSSION | Hier können Fragen zum Inhalt der Seite gestellt werden. ~~