HTML-Seiten

Zur nachhaltigen Aufzeichnung komplexer Informationen, wie sie z.B. im Unterricht entstehen, sind am Computer Textverarbeitungsprogramme (Ausdruck von Textseiten) und Präsentationsprogramme (Projektionen bei Vorträgen) eher weniger geeignet, sondern ContentManagement Systeme (CMS), wie Wordpress, Micosoft Shareüoint, Google Sites, bzw. spezielle LearningManagementSystems (LMS) wie Mebis (Bayerisches Kutlusministrium), das auf Moodle basiert, oder Microsoft Teams und Google Classroom .

Unterrichtsinhalt können entweder innerhalb von CMS und LMS oder auch außerhalb der Systeme mit einem Editor (einfache Textverarbeitung) mit Hilfe von HTML (HyperTextMarkupLanguage) in einem  Textformat mit der Kennung html erstellt und abgespeichert  werden. Da es schwierig ist, CMS und LMS als ganzes zu exportieren wird in dem hier vorgestellten Konzept in Wikis auf Unterseiten verzichtet und Abbildung werden aus dem Internet ediglich verlinkt und nicht in die Seiten eingefügt.  Html-Seiten können  in jedem Browser angezeigt werden.

Zum Erstellen von Html-Seiten gibt es verschiedene Online-Editoren.

• html5-editor.net ermöglicht das Erstelen von Html-Seiten mit Hilfe von Schaltflächen für Überschriften und Aufzählungen, kann aber keine Formeln oder Inhaltsverzeichnisse darstellen.

• HTML-Seiten mit Formeln und Inhaltsverzeichnissen können in Web-Editoren  wie W3Schools, Codepen angezeigt und auf deren Web-Servern abgelegt werden. Man muss aber die Html-Befehle für Überschriften und Aufzählungen kennen.

  • Formeln werden z.B mit dem Tex-Editor Codecogs erstellt und mithilfe von MathJax in Webseiten angezeigt.

  • Inhaltsverzeichnissen werden mit JavaScript-Code generiert.

Die erstellten HTML-Seiten können entweder auf einem WEB-Server oder lokal dauerhaft abgespeichert  werden. Unter Windows werden lokal gespeicherte Seiten durch einen Browser  angezeigt unter IOS müssen sie auf einem Web-Server liegen um durch einen Browser angezeigt werden zu können.

• Um die HTML-Seiten lokal abspeichern zu können, muss der Programmier-Code entweder direkt in einen lokalen Text-Editor des Betriebssystems (z.B Notepad für Windows oder Koder für IOS) kopiert oder online  durch texteditor.co abgespeichert werden. 

• Die Web-Editoren  wie W3Schools, Codepen,  genauso wie LearnManagementSystems (LMS), wie Mebis oder Moodle, und ContentManagementSystems, wie Google Sites, Wordpress, stellen eigene Web-Server zur Verfügung.

Das zweidimensionalen Positionieren innerhalb einer Webseite  erledigt man am einfachsten mit Quellcode aus dem HTML-Element div und entsprechenden Styles (z.B. <div style="float:left; margin-right:100px">).

Für den Mathematik- und Physik-Unterricht kann in HTML-Seiten mit Hilfe von JavaScript und den entsprechenden Editoren (siehe oben) sogar gerechnet, Graphen gezeichnet und Inhalt animiert bzw. automatisiert werden.