Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- html:werkzeuge [2020/09/18 09:52] – angelegt lutz
+++ html:werkzeuge [2021/01/08 09:23] (aktuell) – [Weitere Webbrowser] lutz
@@ Zeile 1: / Zeile 1: @@
 ====== 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. ~~