|
Projekt:www.die-virtuelle-schule.de |
|
© Gebhardt/ Mallig |
Öffnen sie mit dem Browser (Internet-Explorer/Netscape) die Datei demAquiz.html, raten sie sich durch das Quiz und sammeln sie dabei erste Erfahrungen. (Kleine Hilfen: 112 Vulkane, 10% geschützte Fläche, Währung Colon, Nationalfeiertag 15.9., karibische Platte, ... (das sollte zum Einstieg reichen))
Damit das Quiz funktioniert, sind die drei Dateien
(demA)quiz.html , quiz1.html und quiz.js und die beiden Sound-Dateien richtig.wav und falsch.wav notwendig, die am Einfachsten im gleichen Verzeichnis liegen sollten:
Wir schauen uns den Quellcode von demAquiz.html im Editor Wordpad an.
(demA)quiz.html quiz1.html quiz.js Die Datei demAquiz.html enthält
- die jeweilige Datenbank für das Quiz,
- muss deshalb von ihnen abgeändert und
- unter einem neuen Namen gespeichert werden.
Die Datei quiz1.html enthält JavaScript-Programmierung, mit der das Quiz in der nebenstehenden Datei demAquiz.html (oder mit einem anderen Namen) ausgeführt werden kann.
An dieser Datei nehmen sie keinerlei Änderungen vor.
Die Datei quiz1.html enthält ebenfalls JavaScript-Programmierung, mit der das Quiz in der nebenstehenden Datei demAquiz.html (oder mit einem anderen Namen) ausgeführt werden kann.
An dieser Datei nehmen sie keinerlei Änderungen vor.
- Öffnen sie mit dem Editor Wordpad die Datei demAquiz.html (Dateiformat auf *.* einstellen) und versuchen sie sich zu orientieren. Ziemlich schwer, gell?
- Öffnen sie mit dem Browser Netscape die Datei qzDEa100.htm. Hier sind zur Demonstration die Textpassagen, die man gegebenenfalls ändern muss, farblich dargestellt (Im reinen Quellcode kann man keine Stellen farblich , deshalb diese Demoversionen).markieren
Viel Erfolg!
- (Kopieren sie die 5 (fünf) Dateien demAquiz.html, quiz1.html, quiz.js, richtig.wav und falsch.wav in ihr (Arbeits-)Verzeichnis)
- Öffnen sie die mit dem Editor Wordpad die Datei quiz.html
- Speichern sie die Datei unter einem neuen Namen (Z.B. aaaaaa.html)
- Ändern sie var TITELTEXT="<img src='cr.gif' height=6 width=100%><h1 align=center>Kennen Sie Costa Rica?</h1><img src='cr.gif' height=6 width=100%><p>"; in var TITELTEXT="<h2 align=center>Findest du die richtige Antwort?</h2><p>";
- Ändern sie var RESULTATNACH="© <a href=mailto:tgebhardt@gmx.de>Thomas Gebhardt</a>"; so, dass ihre eMAil und ihr Name erscheint. Z.B. in var RESULTATNACH="© <a href=mailto:tgebhardt@gmx.de>Thomas Gebhardt</a><p>Ausführung: <a href=mailto:hans-dieter@mallig.de>H-D Mallig</a>";
- Ändern Sie var RUECKADRESSE="tgebhardt@gmx.de"; so, dass ihre eMail-Adresse erscheint.
- Ersetzen sie in 2 bis 4 Fragenzeilen den Text, die Antworten und die Nummer für die richtige Antwort
- Tragen sie bei this.length=? die Anzahl ihrer Fragen ein. (Nummer + 1)
- Ändern sie var ENDEURL="E-Qz1100.htm"; so, dass zwischen den Anführungszeichen ihre Zieldatei oder Ausgangsdatei steht, zu der bei Quiz-Ende gesprungen werden soll.
- Speichern sie die nun geänderte Datei erneut.
- Schauen sie sich das Ergebnis im Browser an (Sie öffnen aaaaaa.html mit Internet-Explorer oder Netscape)
- Achtung! In Ihrem fortlaufenden Frage-Text dürfen keine zusätzlichen doppelten Anführungszeichen und kein Zeilenumbruch (Enter) sein, sonst funktioniert das Quiz nicht.