Benutzer-Werkzeuge

Webseiten-Werkzeuge


html:werkzeuge

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
html:werkzeuge [2020/09/18 10:04] lutzhtml:werkzeuge [2021/01/08 09:23] (aktuell) – [Weitere Webbrowser] lutz
Zeile 3: Zeile 3:
 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. 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++]] +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. ~~
html/werkzeuge.1600416289.txt.gz · Zuletzt geändert: von lutz