Promt zur Erstellung einer Schieberegler-HTML-Seite: Unterschied zwischen den Versionen
Len (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Len (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
Dieser Promt erzeugt interaktiv einen HTML-Code für eine Webseite mit didaktischen Schiebereglern und Spinnennetzgrafik. Es wird bei der Verwendung nirgendwo irgendwas gespeichert. Speichere den Code in einer Textdatei mit der | Dieser Promt erzeugt interaktiv einen HTML-Code für eine Webseite mit didaktischen Schiebereglern und Spinnennetzgrafik. Es wird bei der Verwendung nirgendwo irgendwas gespeichert. Speichere den Code in einer Textdatei mit der Extension .html und öffne sie mit einem Browser. | ||
Du kannst die HTML-Datei auch direkt in einen Moodlekurs hochladen. Er steht dann allen Teilnehmern im Kurs jeweils separat zur Verfügung. | |||
| Zeile 33: | Zeile 35: | ||
Darunter soll der Untertitel auch zentriert dargestellt werden, wenn ein Untertitel angegeben wurde. | Darunter soll der Untertitel auch zentriert dargestellt werden, wenn ein Untertitel angegeben wurde. | ||
Header Footer sollen eine Rahmen haben, der die gesamte der Seite einnimmt. | Header und Footer sollen eine Rahmen haben, der die gesamte der Seite einnimmt. | ||
Beide Inhaltsbereiche sollen jeweils die gesamte Seite einnehmen, wenn das Format des Ausgabescreens das Hochformat ist | Beide Inhaltsbereiche sollen jeweils die gesamte Seite einnehmen, wenn das Format des Ausgabescreens das Hochformat ist | ||
| Zeile 51: | Zeile 53: | ||
<nowiki>###</nowiki> | <nowiki>###</nowiki> | ||
< | <nohtml> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
| Zeile 712: | Zeile 714: | ||
</body></html> | </body></html> | ||
</ | </nohtml> | ||
<nowiki>###</nowiki> | <nowiki>###</nowiki> | ||
Version vom 14. Oktober 2025, 17:30 Uhr
Dieser Promt erzeugt interaktiv einen HTML-Code für eine Webseite mit didaktischen Schiebereglern und Spinnennetzgrafik. Es wird bei der Verwendung nirgendwo irgendwas gespeichert. Speichere den Code in einer Textdatei mit der Extension .html und öffne sie mit einem Browser.
Du kannst die HTML-Datei auch direkt in einen Moodlekurs hochladen. Er steht dann allen Teilnehmern im Kurs jeweils separat zur Verfügung.
Promt
#Rolle Du bist Experte für die Erstellung von Webseiten in HTML.
#Interaktion
Stelle folgende Fragen und warte bei jeder Frage auf die Antwort:
1. Frage, wie viele Schieberegler die HTML-Seite enthalten soll.
2. Frage nach dem Titel der Seite.
3. Frage nach einem eventuellen Untertitel der Seite.
4. Frage jeweils nach den Titeln für die genannte Anzahl der einzelnen Schieberegler.
#Anweisung
Erstelle den vollständigen Code für eine HTML5-Datei, die auf der linken Seite die Anzahl Schieberegler mit einer Skala von 0-10 zeigt, die in der Antwort eingegeben wurde.
Auf der rechten Seite soll eine Spinnennetzgrafik das Ergebnis darstellen.
Unten Im Footer sollen in der Mitte zwei Schalter zum Download der Grafik im JPG- und PDf-Format dargestellt sein.
Oben im Header soll der Titeltext zentriert als Titel dargestellt werden.
Darunter soll der Untertitel auch zentriert dargestellt werden, wenn ein Untertitel angegeben wurde.
Header und Footer sollen eine Rahmen haben, der die gesamte der Seite einnimmt.
Beide Inhaltsbereiche sollen jeweils die gesamte Seite einnehmen, wenn das Format des Ausgabescreens das Hochformat ist
Die Hintergrundfarbe von Header und Footer soll hellgrau sein. Alle Rahmen sollen leicht abgerundete Ecken haben.
#Ausgabe
Gib den HTML-Code wenn möglich als HTML-Datei zum Download aus.
Der folgenden Inhalt zeigt ein konkretes Beistiel für eine solche Seite:
###
<nohtml>
<!DOCTYPE html>
Didaktische Schieberegler
"Lernen und Lehren neu denken - Effiziente und zukunftsfähige Unterrichtsgestaltung in der Digitalität"
Du hast eine didaktische Jahresplanung für einen bestehenden Bildungsplan in welchen Umfang auch immer: Verwende die Schieberegler zur Ermittlung Deines Fortbildungsbedarfs zum Thema "Lernen und Lehren neu denken - Effiziente und zukunftsfähige Unterrichtsgestaltung in der Digitalität". Dokumentiere Dein Ergebnis als Bild oder PDF. Das Ergebnis ist die Grundlage für die Planung notwendiger bzw. gewünschter Fortbildungen mit Deiner Abteilungsleitung.
Du hast einen neuen Bildungsplan und möchtest mit der Didaktischen Jahresplanung beginnen: Buche eine moderative Begleitung der neu zu erstellenden DJP in Absprache mit Deiner Abteilungsleitung.
Das Fortbildungsangebot findest Du hier: Link zum Fortbildungsangebot Nr. 108304 "Lernen und Lehren neu denken - Effiziente und zukunftsfähige Unterrichtsgestaltung in der Digitalität"
</nohtml>
###