[Tutorial] Homepage-Baukasten Quiz

Hey, ich wollte früher mal ein eigenes Quiz für meine Homepage haben, jedoch gefielen mir die externen nicht! Ich habe eins erstellt mit den Textseiten vom Homepage-Baukasten.
P.s: Sorry wenn es unübersichtlich ist ^^ ich hoffe dennoch, dass ihr das versteht!

Tutorial: Homepage-Baukasten Quiz

Schritt 1: Hauptseite erstellen

Du erstellst eine Hauptseite und nennst sie beispielsweise "Quiz". Diese lassen wir in der Navigation, sodass die Besucher später diese Seite aufrufen können.
Dort können zum Beispiel Texte stehen die das Quiz vorher erklären, wie es abläuft oder warum es sich handelt.

Tipp: Diese Seite könnte so aussehen: http://img31.imageshack.us/img31/4295/quiz2.png

Schritt 2: Fragen erstellen

- Du erstellst eine neue Seite und nennst diese "LEER"; achte darauf, dass diese versteckt ist (mithilfe von dem Extra: Versteckte Seiten oder diesen Schritt weglassen und mit dem css-code arbeiten)!

- Es wird eine Unterseite erstellt (Unterseite von LEER, jedoch sichtbar für alle) und nennen sie "Frage 1". Auf dieser Unterseite kannst du nun eine Frage schreiben mit 2-3 Antwortmöglichkeiten.
Beispiel:

Hilfebild: http://img41.imageshack.us/img41/1101/quizw.png

- Die Seite "Frage 1" bietet nun eine Frage mit jeweils 3 Antworten. Du musst nun 3 neue Unterseiten erstellen für jede Antwort (in diesem Fall für grün, blau und rot).
Damit es übersichtlich ist werden die Unterseiten so genannt (Unterseite von LEER, jedoch sichtbar für alle:

- Die richtige Antwort von der Seite "Frage 1" war grün, dass heißt es gibt somit eine richtige Antwort und 2 falsche. Die richtige Antwort a wäre richtig, b und c leider nicht.

Nun kommen die 3 Unterseiten (Frage 1 a, Frage 1 b, Frage 1 c) ins Spiel. Du bearbeitest die Seite "Frage 1 a" und schreibst zum Beispiel:

Seite "Frage 1 b" und "Frage 1 c" werden mit einem Fehlertext beschrieben, da diese Antworten nicht richtig sind, beispielsweise:

- Diesen Vorgang erstellst du nun auch bei der 2. Frage, beachte: diese Seiten werden dann Frage 2 a, Frage 2 b, Frage 2 c genannt.
Das könnt ihr bis zu 10 Fragen weiterführen.

Tipp: Die Seiten bei "Eigene Seiten editieren" sollten ungefähr so aussehen: http://img151.imageshack.us/img151/5104/quizeditor.png


Schritt 3: Verlinkungen der Seiten

- Zurzeit hast du viele verschiedenen Seiten mit Fragen mit Antwortmöglichkeiten und die Nebenseiten (ob die Antwort richtig oder falsch sind), leider ist zurzeit noch keine verlinkt und führt zur nächsten/vorigen Seite.

- Die Antworten werden nun zu der jeweiligen Seite verlinkt:
Grün wird zur Seite "Frage 1 a" verlinkt
Blau wird zur Seite "Frage 1 b" verlinkt
Rot wird zur Seite "Frage 1 c" verlinkt

Wie könnte eine Verlinkung zur nächsten/vorigen bei einer Falsch/richtig-Seite aussehen?
Richtige Antwort: http://img200.imageshack.us/img200/380/quiz3.png
Falsche Antwort: http://img3.imageshack.us/img3/5411/quiz4.png

- Die Antworten sind nun mit der dementsprechende Seite verlinkt. Da "grün" richtig war führt diese zu der nächsten Frage, Frage 2. "rot" sowie "blau" sind die Antworten die verkehrt waren, diese führen wieder zu der Frage 1.

- Die Hauptseite (erster Schritt) wird nun zu der Seite "Frage 1" verlinkt, sodass man das Quiz beginnen kann.

Schritt 4: Endergebnis

- Wenn alles richtig gemacht wurden ist, dann sollte dein Quiz nun ähnlich wie meins laufen:
http://blutsegelbukaniere.de.tl/Blutsegel-Quiz.htm
_________________
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.

Hm.. /push ^^

Würde mich über eure Meinungen freuen!
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.

nette arbeit
aber wofür braucht mans?

Es ist einfach nur ein Quiz das ohne ein Exrta bzw. einen Anbieter läuft.

Damit kann man es jederzeit selber varrieren (Hintergrundfarbe, ohne Pop-up, etc.) und es läuft ohne Werbung
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.

Viellicht verscheibt es ja ein Mod, in Tutorials, weil er vielen Hilfreich sein wird.

lg Fabian
______________

Support auch via PN und im Forum!

Hey,

Das Tutorial ist eine schöne Idee, nur einige Dinge stören bzw. gefallen mir nicht:
1. Du hast dich hin und wieder unglücklich ausgedrückt.
2. Leider speichert das Script nicht die Ergebnisse, was ich sehr schade finde (geht im BK ja auch nicht)
3. Man kann immer wieder neu klicken.

mfg
______________
THE JOY OF NOT BEING SOLD ANYTHING

So, ich habe mal einige Stellen überarbeitet und bisschen Farbe in das Tutorial eingebracht. Leider ist die Übersichtlichkeit verloren gegangen. :p
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.

Kleine andere Möglichkeit:


Man erstellt eine neue versteckte Seite -> Für Nick: Quiz -> PW: Quiz

Nun klicke auf Quellcode

Gebe z.B.: <script language="JavaScript"> Check = prompt("Rechenaufgabe:5+5-5x5:5"); if(Check != "5") { document.write("Falsch!"); } else { document.write("Richtig!"); } </script>

Die Frage kommt hier hin
Die Antwort
Dieser Text erscheint wenn es falsch beantwortet wird
Dieser Text erscheint wenn es richtig beantwortet wird
Der Text erscheint auf der Seite von richtig oder falsch, entfernst du document.write öffnet sich ein neues fenster


Nachteil: Du kannst keine Antwortmöglichkeiten erstellen (Was bestimmt irgentwie geht, aber ich kenn mich nicht ganz so gut aus)
Vorteil: Einfacher Code und keine Tausend seiten
Tipp: Du kannst auch eine 1. eine 2. und eine 3. Runde machen einfach In diesem feld oben bei fragen hintereinander einen code eingeben der dann das PW für die nächste Runde ist

Es gäb da auch noch die Möglichkeit das ganze per PHP zu lösen und das dann in die Homepage per Iframe einzubinden. Hier ließe sich eine Sperre z.B. mit Sessions machen das man nur einmal klicken kann. Antwortmöglichkeiten wären auch drin, und die Ergebnisse könnte man auch noch abspeichern.
______________
Du hast eine Frage? Ich stehe dir selbstverständlich jeder Zeit zur Verfügung!

Jaa, ich wollte es auf Textseiten basieren, weder noch php und eine andere Sprache.

Es soll für die Anfänger einfach mit Seiten gehen und dabei ein Quiz erstellen, dass dann ohne jegliche Sprache geht.
Allerdings ist es nicht das Beste, hab ich auch nie behauptet.. Jedoch ist dies eine einfache Möglichkeit
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln.

hmm...
jrtr hab ich das gelesen dachte hey super idee mach ich auch mal...
aber irgendwie funktioniert das nicht...

die seite "leer" ist versteckt und somit nicht sichtbar...
und die fragen und antworten sind dann unterseiten (sichtbar) aber man sieht sie ja nicht weil sie unterseiten von einer nicht sichtbaren seite sind
oder versteh ich das völlig falsch?
kann mir das jmd erklären bitte? für die dummen unter uns?

danke
gruß

Hier noch einmal ein Tutorial, wie man Seiten "versteckt".
Das heißt nicht in der Naviggation auftauchen, aber für den BEsucher durch einen Direktlink erreicbar sind:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=19426


Kurze zusammenfassung:
Nur die Hauptseite ist durch das Extraversteckte Seiten versteckt.
Die anderen Seiten sind für jeden Sichtbar, aber eine Unterseite einer Seite, die nicht sichtbar ist.

Somit wird die Hauptseite nie angezeigt und die Unterseiten bleiben in der Navigation versteckt.
Durch einen Direktlink, den man auf den Textseiten wie hier im Quiz unterbringen kann, gelangt man dennoch drauf.
______________

ah suoer danke funktioniert alles bestens jetzt

danke

http://www.testedich.de/quiz27/quizbedingung.php ←hier geht es schneller

oh got testedich... naja, so begeistert bin ich net von, zugemüllt mit Werbung^