Adventskalender
    
HOME
ZURÜCK SITEMAP  

 Adventskalender 05 V01

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) 		     


Bei der Demo-Version ist die Datumsprüfung inaktiv!
Adventskalender 05 Demo Vorschau Download
V01 (Tagesdatei im Pop-Up-Window) Demo Vorschau  Download V01

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.



tree25blau.gif
tree25dunkelblau.gif
tree25dunkelgruen.gif
tree25grau.gif
 tree25gruen.gif
tree25kupfer.gif
tree25pink.gif
tree25rainbow.gif


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.

Adventskalender der Web-Toolbox





 

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)






NACH OBEN