 Adventskalender 05 V01
Sie lesen gerade die Seite für den Kalender 05  Menü aller Kalender ansehen
Der Adventskalender 05 ist für die Darstellung auf einer eigenen HTML-Seite gedacht. Er zeigt einen stilisierten Weihnachtsbaum mit 24 Ziffern.
Die 24 Ziffern sind Klickbereiche, die bei MouseOver täglich eine unterschiedliche Nachricht als Text anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.
Zip-Datei herunterladen und meine 24 HTML-Musterdateien anpassen.
|
|
|
Für den Kalender werden farblich unterschiedliche Grafiken zur Auswahl stehen. Die Grafik hat die Abmessungen 417 x 500 Pixel.
Die PopUp-Box, welche bei MouseOver erscheint, kann für jeden Tag einen unterschiedlichen Text anzeigen. Größe der Box, Hintergrundfarbe, Textgröße und -Farbe kann leicht angepasst werden.
Eine Einbindung von Grafiken ist ebenfalls möglich. (siehe Demo)
| |
|
Kalender 05 - Vorschau - Demo - Download
Bei der Demo-Version ist die Datumsprüfung inaktiv!
 eine weitere Version mit wechselden Texteinblendungen sollten sie auch ansehen
Haben sie schon einmal darüber nachgedacht?
Möglicherweise sind meine Überlegungen hier an dieser Stelle beim 5. Adventskalender recht spät platziert. Da sich gerade diese schlichte Version durchaus für kommerzielle Seiten eignet, möchte ich hier erwähnen, welchen Nebeneffekt man mit einem solchen Kalender erzielen kann:
Wie bringe ich einen Seitenbesucher / potenziellen Kunden dazu meine Internetpräsenz gleich an 24 aufeinander folgenden Tagen abzurufen und möglicherweise sogar Dritte auf die Webseite aufmerksam zu machen?
- Mit der Aussicht auf ein lukratives Angebot?
- Mit der Aussicht auf einen Wissens- oder Informationsvorsprung?
- Mit einem Seitenangebot, das einen Unterhaltungswert hat?
Was immer der Grund sein mag, falls auch nur einer zutrifft sind die Seitenbesucher ja erst einmal regelmäßig da. Einen Effekt, den man sonst nur selten erreicht. Dann hängt es nur noch vom eigenen Geschick (oder dem des Webmasters) ab, welche Informationen man noch so ganz nebenher 'verkaufen' kann.
Mehr zum Thema Kommezielle Nutzung (externer Link) 
Eine für den Werbeeinsatz gut geeignete Version mit wechselnden Texteinblendungen wäre die Version 02 dieses Kalenders:  Kalender 05 - V02
3 Schritte zum Einbau
1) Zip-Datei herunterladen und in einem neuen Ordner auspacken.
2) meine 24 Tagesdateien anpassen.
3) die Texte für PopUp-Box ändern
Erklärung und Funktion
Der Kalender hat 24 Klickbereiche als  Imagemap, die bei MouseOver die Fensterchennummer (Tag) anzeigen und beim Anklicken die jeweilige Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.
Verweissensitive Grafik (engl. image map).
Verweissensitive Grafiken bieten eine Möglichkeit, Hyperlinks innerhalb einer Grafik zu plazieren. Sie werden als rechteckige, runde oder freie Schaltflächen realisiert, die sich wie Verweise verhalten. Der sich verändernde Cursor der Maus deutet auf die nicht sichtbaren Schaltflächen hin.
Auf Web-Seiten häufig anzutreffende Beispiele sind Landkarten, in denen bestimmte Regionen zu den entsprechenden Seiten führen. Daneben findet man sie auch in „interaktiven“ Adventskalendern.
Ein solche Imagemap besteht aus einem eigentlichen Bild, das ganz normal mit einem <img>-Tag definiert wird, gleichzeitig wird bei diesem ein Attribut usemap angegeben, was auf die Imagemap verweist.
Erklärungen zur ImageMap
Die Grafik steht in einer Tabelle. 24 Bereiche dieser Grafik (Ziffern) sind als verweissensitive Bereiche deklariert.
Diese Imagemap-Bereiche lassen sich nur an dem dazugehörigen Tag im Dezember mit Erfolg anklicken. Ausnahme: Dateien der vorhergehenden Tage können ebenfalls geöffnet werden. Dann wird die entsprechende Tagesdatei angezeigt. Ungültige Versuche wie Klicken im November oder für in der Zukunft liegenden Adventstage öffnen eine Datei mit entsprechender Meldung. Vor Erreichen des entsprechenden Datums im Advent, lässt sich normalerweise (bei richtig eingestelltem Systemdatum) eine Tagesdatei nicht öffnen.
- Die Grafik steht innerhalb einer Tabelle in der Seitenmitte
- Die 24 Ziffern sind Klickbereiche einer Image-Map
- Bei MouseOver erscheint dort eine PopUp-Box mit Informationen
- Bei Klick wird eine Tagesdatei geöffnet (1.htm - 24.htm)
- Bei Klick von Jan. - Nov. wird die Datei 00.htm gezeigt.
- Angezeigt werden nur Tagesdateien des aktuellen und früheren Datums
- Klicken z.B. am 5. Dez. auf das Kästchen für den 12. Dez. wird 0.htm gezeigt.
- Schneefallscript eingebaut © Altan - Copyright-Info
 Webseite
- Counter: Tage bis Weihnachten werden angezeigt
- Nach dem 1. Dezember Aufforderung zum Klicken
Im Download (ZIP-Datei) sind enthalten:
- Adventskalender als HTML-Datei (je nach Version)
- 24 Musterseiten für die Tage 1-24 als HTML-Datei
- 1 Musterseite Meldung 'zu früh' als HTML-Datei
- 1 Musterseite Meldung 'gemogelt' als HTML-Datei
- stilisierte Weihnachtsbaum-Grafik
|
- kalender01.htm
- 1.htm - 24.htm
- 00.htm
- 0.htm
- tree25.gif
|
Die Grafiken dürfen ausschließlich für meinen Kalender eingesetzt werden!
Weihnachtsgrafiken gibts bei www.kneller-gifs.de/
Die Downloads wurden auf Virenfreiheit überprüft mit PandaPlatium 2007.
Grafiken
Im Download ist die Grafik "tree25.gif" (dunkelrot) enthalten. Weitere Grafiken können sie herunterladen. Die Links unterhalb der Übersicht öffnen in einem neuen Browserfenster.
Zur Einbindung der alternativen Grafik suchen sie im Quellcode die unten angezeigten Zeilen und tragen den Dateinamen der Grafik ein.
<!-- Hintergrundgrfik stilisierter Tannenbaum -->
<img usemap="#Beispiel" src="tree25.gif" width="417" ...
Texte der PopUp-Box
In der Kalendervorlage sind Mustertexte eingtragen. Zum Ändern suchen sie im Quellcode die unten angezeigten Zeilen und tragen ihren Text ein.
// Inhalte für die PopUp-Box
'Klicken öffnet das<br>Türchen Nr. 1<br>',
'Klicken öffnet das<br>Türchen Nr. 2<br>',
'Klicken öffnet das<br>Türchen Nr. 3<br>',
...
Wie sie feststellen sind HTML-Tags erlaubt. Demzufolge können also auch IMG-Tags für Grafiken eingetragen werden.
Kalender testen
Nach dem Entpacken der ZIP-Datei in einem neuen Ordner, lassen sich die Funktionen des Adventskalenders nätürlich nicht alle testen. Schließlich wird durch eine datumsprüfung verhindert, das man die Fensterchen zu früh öffnet. Zum Testen müssten sie das Systemdatum ihres Rechners vordatieren.
Info Systemdatum ver- / einstellen
Nutzungsbedingungen
Ich stelle keine Bedingungen. Der Kalender ist frei für private und nicht private Seiten, darf also für die Verwendung auf Webseiten und CDs kostenlos heruntergeladen werden. Es wäre schön, wenn mein Link erhalten bleibt (muss aber nicht). Lediglich der Copyright-Vermerk im Schneefallscript muss erhalten bleiben.
Weitere Anpassungen
Möchten sie ...
- PopUp-Box (Tageszahl) gestalten
- eigene Tagedateien erstellen
- meine Musterdateien modifizieren
- den Schneefall modifizieren
- eine Musikdatei einbinden
- eigene Pfadangaben eintragen
... darf ich sie auf die Anleitungen zur Modifikation hinweisen. Sie finden die Anleitungen im Menü links.
Besuchen sie vor Weihnachten doch einmal den Adventskalender der WEB-Toolbox oder der Katholischen Grundschule Würm.
Info zum Schneefall-Script
Das JavaScript für die langsam einschwebenden Schneeflocken habe ich nicht selbst geschrieben, darf aber frei verwendet werden, wenn die Copyright-Informationen unverändert bleiben!
Copyright-Informationen zum Schneefallscript von Altan
Auf der Webseite des Autors wird ausdrücklich auf die freie Verwendung und freie Weiterverbreitung des Schneefallscripts hingewiesen:
Zitat:
"This JavaScript code can be freely redistributed as long as this copyright notice
is keept unchanged. This code is used on AS-IS basis and you use it on your own
risk. Author of this code is not responsible for any damage that this code may make."
Das bedeutet:
Dieses JavaScript darf gratis weiter gegeben werden, solange der Copyright-Kommentar nicht verändert wird. Im Quelltext des Adventskalenders sollte also innerhalb des Schneefallscripts dieser Kommentar erhalten bleiben:
// JS Snow v0.2
// finished on 11-10-1999 23:04 in Zagreb, Croatia.
// modified on 06-12-2005 11:20 in Zagreb, Croatia.
//
// Copyright 1999,2005 Altan d.o.o.
// http://www.altan.hr/snow/index.html
// E-mail: snow@altan.hr
(Das Schneefallscript steht unmittelbar vor dem Ende-Body-Tag der HTML-Seite)
Mogeln
Hinweis: Mogeln ist auch für Besucher möglich!
Was sie zu Testzwecken können, kann auch ihr Seitenbesucher auch. Einfache aber arbeitsaufwändige Abhilfe: Täglich und kurzfristig die entsprechende Tagesdatei hoch laden.
Die im Adventskalender verwendete Datumsinformation ist immer das Datum, das am lokalen Rechner eingestellt ist. Bei einem korrekt eingestellten Datum am Computer des Seitenbesuchers (Windows: Uhrzeitanzeige in der Statuszeile rechts unten) wird auch das richtige Datum verwendet.
Aber ja, sie haben Recht wenn sie behaupten, dass man durch Verstellen des Systemdatums (z.B. auf den 24. Dezember) in der Lage ist, schon vorher alle Fenster zu öffnen.
Wenn sie versierter Webmaster sind und sich mit PHP auskennen:
Abhilfe schafft ein kleiner Trick:
Sie lesen das Datum vom Server aus (das stimmt ja immer) und übergeben das Serverdatum an das Adventskalenderscript. Dann ist Mogeln nicht mehr möglich.
Dazu benötigen sie allerdings Kenntnisse in PHP und die Adventskalenderdatei darf nicht als HTML-Datei, sondern als PHP-Datei gespeichert werden. Voraussetzung für diese Option ist natürlich, dass ihr Provider ihnen erlaubt PHP-Scripte auf dem Server auszuführen.
|
HOME
Download V01
Unten rechts auf dem Bildschirm wird (Windows) normalerweise die Uhrzeit angezeigt. Dort kann man rechtsklicken und Kalender und Zeit ver- / einstellen.
