Adventskalender
    
 HomeAdventskalenderKalender 02 • Tagesdateien Demo

 Adventskalender  Tagesdateien anpassen - Eigene Tagesdateien

Im Download der Adventskalender sind die benötigten 26 Dateien enthalten! Nach dem Entpacken der ZIP-Datei in einem neuen Ordner, finden sie dort die Tagesdateien 1.htm bis 24.htm und die beiden Dateien 0.htm bzw. 00.htm.

Tagesdateien anpassen  Kalender 02

Die Tagesdateien werden beim Online-Adventskalender 02 als HTML-Tagesdatei im gleichen Fenster / im gleichen Frame angezeigt. Meine Tagesdateien haben einem 'Zurück-Link' der mittes javaScript auf die zuvor angezeigte Seite verweist.

a  Tagesdatei als HTML-Datei

Neben den benötigten 24 Tagesdateien gibt es noch 2 Dateien, die außerhalb des gültigen Datums einen Hinweis anzeigen. Diese Dateien sind mit '00.htm' und '25.htm' bezeichnet.

ZeitraumDateiDemo
Adventszeit 1. bis 24. Dez. '01.htm' bis '24.htm' Anzeigen
Januar - November '00.htm' (zu früh) Anzeigen
ab 25. Dez. '25.htm' (zu spät) Anzeigen


Die Dateinamen für die HTML-Dateien haben eine zweistellige Nummerierung! WICHTIG: Im Gegensatz zu meinen anderen Kalendern sind im Online-Adventskalender auch die Nummern der Tagesdateien zweistellig!


Schema der Benennung für die Tagesdateien und die zugehörigen Grafikdateien:

Datum Grafik Tagesdatei
bis 30. Nov. bild00.gif 00.htm
1. Dez. bild01.gif 01.htm
2. Dez. bild02.gif 02.htm
3. Dez. bild03.gif 03.htm
24. Dez. bild24.gif 24.htm
ab 25. Dez. bild25.gif 25.htm




Im Download sind die benötigten (beinahe leeren) 26 Dateien bereits enthalten. Sie können meine Musterdateien bearbeiten oder auch völlig neue eigene Dateien erstellen. Wichtig ist nur, das es hinterher 26 Dateien gibt die auch gefunden werden. Die Inhalte stimmen sie mit dem Thema ihres Kalenders ab.

Um meine Musterdateien 01.htm bis 24.htm zu bearbeiten öffnen sie die Dateien und fügen eigene Inhalte ein (kopieren oder schreiben). Dazu benötigen sie Grundkentnisse in HTML.

Sie können mit einem HTML-Editor auch völlig neue eigene Dateien erstellen. Wichtig ist nur, das es hinterher 26 Dateien gibt die auch gefunden werden. Die Dateien werden vom JavaScript mit den Dateinamen 01.htm bis 24.htm (in Kleinschrift) erwartet.

Sie können auch mit Word eigene HTML-Dateien erstellen. Die Seite muss lediglich als Webseite abgespeichert werden. Mehr dazu lesen sie weiter unten. Die Dateien werden vom JavaScript mit den Dateinamen 01.htm bis 24.htm (in Kleinschrift) erwartet.

Beispiele und Anregungen für die Tagesdateien:

Demo15Demo16Demo17Demo19Demo20Demo21


   HTML-Tagesdateien bearbeiten

Hier wird kurz beschrieben, wie sie die Inhalte dieser Dateien ändern und anpassen können.

Natürlich möchten sie an jedem Tag im Advent eine Datei mit ihren eigenen Inhalten anzeigen. Da sind ihrer Phantasie keine Grenzen gesetzt: Gedichte, Rezepte, Weihnachtsgeschichten, das Angebot des Tages, Basteltipps, Fotos, Geschenkvorschläge, virtueller Weihnachtsgruß, Rätsel, Advents-SMS des Tages, Deko-Vorschläge, Weihnachtslieder, ...

Wenn sie meine Musterdateien modifizieren:

Öffnen sie die entsprechende Datei (1.htm - 24.htm) mit einem Editor z.B. WordPad. Suchen sie im Quelltext den Eintrag für die Zageszahl
<!-- nummer -->
<div class="Zahl">
19
</div>
Dann befinden sie sich im Quelltext genau beim Tagesdatum, das in einem Rahmen angezeigt wird, etwa dort wo die Grafik des Zweigs eingetragen ist.
Kopieren sie ihre Inhalte unterhalb der Nummer in die Datei oder schreiben sie ihren Text / das Gedicht / ihr Rezept genau dort hinein. Dann speichern sie die Datei und überschreiben dabei das Original.


Unbedingt darauf achten, dass der Dateiname in Kleinbuchstaben geschrieben sein muss und die Dateiendung 'htm' (3 Buchstaben) ist. Wenn sie nicht mit einem HTML-Editor arbeiten sondern z.B. mit WordPad, muss die Datei ohne Steuerzeichen gespeichert werden (als Textdokument, nicht als RTF).

Tipp für Anfänger: Wenn sie eine Leerzeile erzeugen möchten notieren sie zwei Zeilenumbrüche <br><br> an der betreffenden Stelle.


a) Vorlagen im Editor bearbeiten

Die Dateinamen für die HTML-Dateien haben eine zweistellige Nummerierung! WICHTIG: Im Gegensatz zu meinen anderen Kalendern sind im Online-Adventskalender auch die Nummern der Tagesdateien zweistellig!


Zum Bearbeiten der 24 Tagesdateien reicht ein einfacher Editor wie WordPad, ideal ist natürlich ein HTML-Editor.

Dabei geht man folgendermaßen vor. Die entsprechende Tagesdatei (z.B. 6.htm) wird geöffnet und die Notiz <!-- ende farbiger Rand--> gesucht. Dann wird der Text z.B. ein Weihnachtsgedicht darunter hinein kopiert. Beim Speichern achten sie darauf, dass der Dateiname genauso geschrieben wird wie er vorher lautete. Die bisherige Datei wird dabei überschrieben.

Datei speichern im 'Editor'





Datei speichern in 'WordPad'





b) Neue HTML-Tagestateien erstellen mit Word

Die Dateinamen für die HTML-Dateien haben eine zweistellige Nummerierung! WICHTIG: Im Gegensatz zu meinen anderen Kalendern sind im Online-Adventskalender auch die Nummern der Tagesdateien zweistellig!


Zur Bearbeitung meiner 24 vorbereiteten Seiten empfehle ich Word nicht / nur unter Vorbehalt. Word eignet sich allenfalls dann, wenn sie neue Seiten erstellen.

Wenn sie im Program Word mit den Formatierungsanweisungen gearbeitet haben, z.B. Schriften farbig, fett oder größer gestalteten, gehen diese Änderungen beim Speichern als Textdatei verloren. Um die Formatierungen zu erhalten, können sie die bearbeitete Seite als Webseite speichern. Dann muss als Dateityp nicht 'Textdatei' sondern 'Webseite' ausgewählt werden.

Fazit: Wenn sie von HTML absolut keine Ahnung haben, erstellen sie mit Word 24 HTML-Dateien die dann 01.htm bis 24.htm heißen nüssen.







   Fehler vermeiden:

Die von ihnen erstellten Dateien 01.htm bis 24.htm im gleichen Ordner ablegen / speichern. Dabei überschreiben sie die vorhandenen Dateien die sie mit dem Download bekommen haben.

Schreibweise

Die Dateinamen müssen klein geschrieben sein. Da der erste Teil des Dateinamen aus einer Zahl besteht (z.B. 23.htm) ist lediglich die Schreibweise der Endung (Dateiklasse) wichtig. Sie soll (3 Buchstaben lang) "htm" nicht "HTM" oder "html" sein.

Nötigenfalls Dateien umbenennen, falls ihr Programm sie falsch speichert.

Speicherort

Die Dateien sollen im gleichen Ordner wie die Adventskalenderdatei gespeichert werden!

auf CD

Wenn sie den Adventskalender auf CD veschenken möchten achten sie darauf, dass das Brennprogramm die Dateinamen nicht in Großbuchstaben umwandelt! Falls auf der Festplatte noch alles funktionierte und der Kalender auf CD 'streikt', könnte man die Ursache hier zuerst suchen. Übrigens sollte der Adventskalender mit nicht zu 'dicken' Tagesdateien auch auf einer Diskette Platz haben.



   Testen

Zum Aufruf aller 24 Tagesdateien, sollte das Systemdatum auf den 24. Dezember eingestellt sein. Schließlich verhindert ein JavaScript, das man die Fensterchen zu früh öffnet.

Info Systemdatum ver- / einstellen



   24 Tagesdateien - eine für jeden Tag

Beim Aufruf der Dateien für den 1. bis 24. Dezember wird (in den meisten Versionen) ein Fenster mit der entsprechenden Tagesdatei geöffnet. Es stehen aber auch Kalenderversionen zur Verfügung, wo die Tagestatei im gleichen Browserfenster angezeigt wird.

Ich stelle unterschiedliche Sätze von Tagesdateien zur Verfügung. Die im Download der Kalender enthaltenen passenden Versionen der Tagesdateien weisen folgende Merkmale auf:
  • der Kalendertag wird in einem Rahmen angezeigt
  • darunter ist die Grafik eines Mispelzweigs eingebunden
Versionsabhängig:
  • eine OnBlur()-Funktion schließt das Fenster automatisch bei Fokusverlust
  • ohne OnBlur()-Funktion (Fenster muss manuell geschlossen werden)
  • eine Zurück-Funktion kehrt zum Adventskalender zurück
zur Downloadseite der Musterdateien








NACH OBEN