39. Lektion: Webseiten für den Webserver erstellen: Unterschied zwischen den Versionen

Aus Attraktor Wiki

Wechseln zu: Navigation, Suche
(HTML Steuerelemente)
Zeile 10: Zeile 10:
  
 
== HTML Steuerelemente==
 
== HTML Steuerelemente==
 +
 +
=== Button===
 +
So sieht z.B. ein Button aus:
 +
<br>
 +
[[]]
 +
<br>
 +
Und so wird er erzeugt:
 +
 +
<pre>
 +
<form action="/control/led" method="GET">
 +
  <input type="hidden" name="state" value="on">
 +
  <button type="submit">LED Einschalten</button>
 +
</form>
 +
</pre>
  
 
== Aufbau einer Webseite==
 
== Aufbau einer Webseite==

Version vom 7. Februar 2024, 15:56 Uhr

Wenn der Webserver effektiv genutzt werden soll, so sind entsprechende Webseiten erforderlich.
Danny hat eine Webseite erstellt mit der man das Micropython Demoboard steuern kann. Hier ein Ausschnitt:
Demoboard Control Panel.png

An diesem Beispiel wollen wir uns das Erstellen einer Webseite und den Einsatz möglicher Steuerungselemente genauer ansehen.
Hier kann eine Zipdatei herunter geladen werden, die die Dateien zur Darstellung dieser Demoseite enthält:
media:Webserver_Demo.zip

HTML Steuerelemente

Button

So sieht z.B. ein Button aus:
[[]]
Und so wird er erzeugt:

<form action="/control/led" method="GET">
  <input type="hidden" name="state" value="on">
  <button type="submit">LED Einschalten</button>
</form>

Aufbau einer Webseite