Der Web Astronaut stellt eine "Maschine" zur Verfügung, mit welcher du mit wenig Vorwissen Texte produzieren kannst, die mit HTML strukturiert sind. Das geht fast so wie in Microsoft Word, nur dass das Resultat eben HTML ist und nicht ein Textformat.
In der Werkstatt zauberst du alle Tags dieser Rubrik mit einem sog. " WYSISWYG"-Editor hin, also <h1>
, <h2>
, <h3>
, <p>
, <br>
, <ul>
, <ol>
und dazugehörende <li>
s. Zusätzlich kannst du auch Links einbauen (vergl. die Rubrik "Links setzen").
Hinweis: Meine Maschine lässt sich aus verschiedenen Gründen am besten auf einem grossen Bildschirm an einem richtigen Computer bedienen. Sie ist ausnahmsweise nicht optimiert für kleine Ausgabegeräte!
WYSISWYG bedeutet: "What You See Is What You Get" (englisch für "Was du siehst, ist was du bekommst").
WYSISWYG-Editoren kommen in CMS (= Content Management Systemen) zum Einsatz. CMS sollen es ermöglichen, mit nur wenig HTML-Kenntnissen Inhalte auf Websites einzufügen und zu ändern. Die häufigsten open-source CMS sind: WordPress, Joomla!, Drupal und TYPO3.
CKEditor 4 - Smart Visual Text Editor for HTML
CKEditor 4 kann eigentlich viel mehr als in meiner Version in der HTML-Text Werkstatt. Ich habe ihn stark vereinfacht, weil das Ziel ist, dass du das CSS zur Formatierung der Texte selber schreiben lernst.
Prism
Prism ist ein Syntax-Highlighter, der mit Blick auf moderne Webstandards entwickelt wurde. Er wird in Millionen von Websites verwendet. Die Bibliothek wird im Web Astronaut auch verwendet, um die HTML- und CSS-Code Schnippsel gut lesbar zu präsentieren.