Adventskalender
    
HOME
 DOWNLOAD   Vorschau  ZURÜCK SITEMAP  

 Adventskalender 01 V1 (Basisversion seit 2002 im Netz)

Adventskalender 01 Version 01

Den Adventskalender für Ihre Webseite oder für die interaktive Weihnachtskarte auf CD, gibts in mehreren Versionen als Download. Hier die Version 01

Bitte lassen sie sich von den vielen Erklärungen im Menü links nicht abschrecken! Laden sie erst einmal die ZIP-Datei der Version 1.1 herunter und versuchen ihr Glück. Später können sie immer noch etwas 'Kosmetik' betreiben.

Beepworld-Webmaster sollten evtl. doch die Version 1.8 herunterladen und die Beepworld-Infos im Menü links lesen.

   
Der Kalender hat 24 Klickbereiche als Imagemap, die bei MouseOver die Fensterchennummer (Tag) anzeigen und beim Anklicken ein Window mit der jeweiligen Tagesdatei öffnen (eine von 24). Ein Schneefall-Script erzeugt langsam einschwebende Schneeflocken.

Demo ansehen (die Datumspürüfung ist abgeschaltet)


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




  3 Schritte zum Einbau

1)  Zip-Datei herunterladen und in einem neuen Ordner auspacken.
2)  Ihr eigenes Motiv einbinden, wenn sie wollen (Bild in den Ordner kopieren)
3)  meine 24 HTML-Musterdateien anpassen.


  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.


  Erklärung und Funktion

Im Hintergrund einer Tabelle steht ein Motivfoto als Grafik. Im Vordergrund (als Inhalt) der Tabelle ist eine transparente Grafik plaziert. 24 Bereiche dieser Grafik sind als verweissensitive Bereiche deklariert. Damit man die verweissensitiven Klickflächen (die normalerweise unsichtbar sind) erkennt, habe ich 24 Kästchen eingezeichnet.

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 HTML-Datei im Window angezeigt. Ungültige Versuche wie Klicken im November oder für in der Zukunft liegenden Adventstage öffnen ein Window mit entsprechender Meldung. Vor Erreichen des entsprechenden Datums im Advent, lässt sich normalerweise (bei richtig eingestelltem Systemdatum) eine Tagesdatei nicht öffnen.



  • Der Adventskalender steht innerhalb einer Tabelle in der Seitenmitte
  • Ein Foto ist Hintergrundbild einer Tabelle
  • Ein transparentes Image mit 24 Kästchen ist Inhalt der Tabelle (Vordergrund)
  • Die Kästchen sind Klickbereiche einer Image-Map
  • Bei MouseOver erscheint dort eine Nummer von 1 bis 24
  • Bei Klick wird ein Window mit der 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.
  • Die Windows schließen automatisch beim nächsten Mausklick
  • Schneefallscript eingebaut  © Altan - Copyright-Info    Webseite
  • aktuelles Datum wird angezeigt
  • 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
  • alle notwendigen Grafiken
  • kalender01.htm
  • 1.htm - 24.htm
  • 00.htm
  • 0.htm
  • foto.jpg, transmap.gif
Die Downloads wurden auf Virenfreiheit überprüft mit PandaPlatium 2007.


   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



Info zu Modifikationen, den Adventskalender anpassen
Ich habe die Positionen im Quelltext gekennzeichnet!

Zur Modifikation des Adventskalenders müssen sie manchmal im Quelltext der HTML-Datei Äanderungen vornehmen. Ich erkläre ihnen wie sie dabei vorgehen sollten. Damit sie die entsprechende Codezeile in der HTML-Seite schneller auffinden, habe ich im Quelltext Markierungen eingetragen, auf die ich in den Anleitungen zur Modifikation hinweise.

Beispiel: 

 Edit-Marker 07 - Hintergrundbild
Suchen sie den 'Edit-Marker 07' und tragen sie den Dateinamen für ihre Grafik bei background="foto.jpg" ein.


Im Quelltext finden sie einen entsprechenden Hinweis 
<!--  Edit-Marker 07 - Hintergrundbild Dateiname  -->

<tr><td background="foto.jpg">



   Anpassungen

Wie sie zur Anpassung der 24 Tagesdateien vorgehen, lesen sie auf der Seite 'Tagesdateien anpassen'. Eine Anleitung ihr eigenes Motiv einzubinden und die Rahmen- und Hintegrundfarben ihrer Grafik anzupassen finden sie ebenfalls im Menü links unter 'eigenes Hintergrundbild'

Möchten sie ...
  • ein eigenes Hintergrundbild einbinden
  • die Rahmenfarbe ändern
  • die PopUp-Box (Tageszahl) gestalten
  • eine andere Kästchengrafik (Klickbereiche) einbinden
  • 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

 

Copyright-Info zum Schneefall-Script
bitte lesen

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