Tagesdateien als HTML-Datei
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.
|
|
24 HTML-Tagesdateien herstellen
Abhängig von der Variante des Adventskalenders wird die Tagesdatei angezeigt als:
- HTML-Tagesdatei im PopUp-Window
- HTML-Tagesdatei im gleichen Fenster
- HTML-Tagesdatei im neuen Browserfenster
- PDF-Tagesdatei im neuen Browserfenster
- Grafikdatei im neuen Browserfenster / PopUp-Window
Zurück zum Kalender oder Tagesdatei schließen?
HTML-Tagesdateien sollten einen Link enthalten um zum Adventskalender zurück zu kehren oder um die tagesdatei im PopUp-Window zu schließen.
Link Tagesdateien im gleichen Fenster
<a href="javascript:history.go(-1)">zurück zum Kalender</a>
Link Tagesdateien im PopUp-Window
<a href="javascript:window.close()">Fenster schließen</a>
a Kalender mit HTML-Tagesdateien
Die Grundversion der Adventskalender zeigt die Tagesdateien als HTML-Datei, eine für jeden Tag. 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 '0.htm' und '00.htm' bezeichnet.
| Zeitraum | angezeigte Datei | Demo |
| Adventszeit 1. bis 24. Dez. | '1.htm' bis '24.htm' | Demo  |
| Januar - November | '00.htm' (zu früh) | Demo  |
| zukünftiges Datum (Datei 6 am 5. Dez.) | '0.htm' (gemogelt) | Demo  |
Was steckt im Download (ZIP-Datei) ?
Im Download sind neben der Kalenderdatei 24 Vorlagen für die Tagesdateien enthalten. Wenn Sie die Liste der Dateien im WINDOWS-Explorer sehen, könnten Sie eine Tagesdatei zum Öffnen klicken. Die HTML-Datei wird dann im Browser angezeigt. Neben den benötigten 24 Tagesdateien gibt es noch 2 Dateien, die außerhalb des gültigen Datums einen Hinweis anzeigen. Bei diesen Dateien handelt es sich um HTML-Dateien. Sie sind mit '0.htm' und '00.htm' bezeichnet.
Nachdem die ZIP-Datei in einem neuen Ordner entpackt wurde, sieht man mindestens 27 HTML-Dateien und diverse Grafiken.
Im Stammordner steht die Datei kalenderxxx.htm. Dann gibt es noch mindestens 24 Dateien die '1.htm' bis '24.htm' heißen. Das sind die 24 Tagesdateien.
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. |  |
Die HTML-Musterdateien sind beinahe ohne Inhalt. Es wird lediglich die Tageszahl, eine kleine Grafik und ein Link angezeigt. Dort wo ihre Inhalte hier zu sehen ist, sollen später Ihre Inhalte einkopiert werden.
24 HTML-Tagesdateien herstellen / bearbeiten
Für die Anpassungen der 24 HTML-Tagesdateien wird vorzugsweise ein HTML-Editor eingesetzt. Grundlagenkenntnisse sollten eigentlich ausreichen.

Musterdatei ansehen nach der Bearbeitung 
Um meine Musterdateien 1.htm bis 24.htm zu bearbeiten öffnen sie die Dateien in einem Editor und fügen eigene Inhalte ein (kopieren oder schreiben). Dazu benötigen sie Grundkenntnisse in HTML. Das geht auch mit WORD oder dem Windows Editor bzw. WordPad. (siehe unten).
Sie können mit einem HTML-Editor auch völlig neue eigene Dateien erstellen. Wichtig ist nur, das es hinterher 24 Dateien gibt die auch gefunden werden. Die Dateien werden vom JavaScript mit den Dateinamen 1.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 1.htm bis 24.htm (in
Kleinschrift) erwartet.
Die CSS-Anweisungen sind im Head-Bereich jeder einzelnen Tagesdatei notiert. Das könnten sie ändern wenn sie eine externe CSS-Datei anlegen, die für alle Tagesdateien gilt. Für HTML-Beginner habe ich das trotzdem so organisiert, weil eine individuelle Gestaltung / Anpassung einzelner Seiten so einfacher erscheint.
Beispiele und Anregungen für die Tagesdateien:
Besuchen Sie auch meine Seite Beispiele und Anregungen
Weiter unten finden Sie Zusatzinfos zur Bearbeitung von HTML-Tagesdateien:
- Inhalte ändern,
- Inhalte einkopieren
- Vorlagen mit einem Editor bearbeiten
HTML-Tagesdateien bearbeiten
Inhalte ändern
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 Tageszahl.
<!-- nummer -->
<div class="Zahl">
19
</div>
ihre Inhalte hier
|  |
Dann befinden sie sich im Quelltext genau beim Tagesdatum, das in einem Rahmen angezeigt wird, etwa dort wo die Grafik des Zweigs eingetragen ist. Dort sehen Sie auch den Text "ihre Inhalte hier". Ersetzen Sie diesen Platzhaltertext durch Ihre eigenen Inhalte.
|
Kopieren Sie die Inhalte (z.B. bei Wikipedia) und fügen ihn an der bezeichneten Stelle ein 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.
Inhalte einkopieren? (Video)
Meine 24 Vorlagen für die Tagesdateien (in jedem Download enthalten) sind noch ohne eigentlichen Inhalt.
Infos dazu, wie sie die Inhalte der Tagesdateien ändern und anpassen können, finden Sie auf den entsprechenden Erklärungsseiten der Kalender. Sie können zu diesem Thema aber auch ein kurzes Flash-Video ansehen. Die Datei ist allerdings 3,7 MB groß. Alternativ dazu können sie den Film (2,7 MB) auch als ZIP-Datei herunterladen.
|
Video
 |
Da die Texte in meinen Vorlagen innerhalb einer Tabelle stehen, finden Sie die Formatierungen für gewöhnliche Texte im Block für 'td'. Ändern Sie Größe und Textfarbe nach Ihrem Geschmack.
td {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
color:#000000;
}
Bearbeitungsprogramm
a Vorlagen mit einem Editor bearbeiten
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 HTML-Tagestateien bearbeiten / erstellen mit Word
Zur Bearbeitung meiner 24 vorbereiteten Seiten empfehle ich Word nur unter Vorbehalt. Word eignet sich eher, wenn sie neue Seiten erstellen. Bei der Bearbeitung der Musterdateien müssen Sie sich an die hier beschriebenen Vorgaben halten. Unter Umständen wird sonst der Code 'kaputt geschrieben' und CSS-Formatierungen gehen verloren.
Wenn sie im Programm Word mit den Formatierungsanweisungen gearbeitet haben, z.B. Schriften farbig, fett oder größer gestalteten, gehen diese Änderungen beim Speichern als Textdatei möglicherweise 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.
Wenn Sie mit Word HTML-Code schreiben, muss die Datei als "nur Text" ohne Word-Formatierungen gespeichert werden!
Fazit: Wenn sie von HTML absolut keine Ahnung haben, erstellen sie mit Word 24 HTML-Dateien die dann 1.htm bis 24.htm heißen müssen.
Speichern einer Word-Datei als HTML-Seite:

Speichern einer überarbeiteten HTML-Musterdatei-Datei:

Fehler vermeiden:
Die von ihnen erstellten Dateien 1.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 verschenken 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 Tagesdatei 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
b Kalender mit PDF-Tagesdateien
Für HTML-unkundige gibt es Kalender-Varianten, welche die 24 Tagesdateien als PDF-Datei anzeigen. Die 24 Tagesdateien (zum Beispiel '1.pdf' bis '24.pdf') müssen Sie selbst erstellen. Wenn Sie sich nicht mit HTML aber mit dem Programm 'Word' auskennen, nutzen Sie diese Möglichkeit.
PDF-Tagesdateien sind empfehlenwert für
- Gutscheine zum Ausdrucken
- Rezepte
- Sprüche für das schwarze Brett
- Ausmalbilder
|  |
Funktionierende Adventskalender für Tagesdateien im PDF-Format sind
- Adventskalender 01-10
- Adventskalender 02-03
- Adventskalender 05-xx
- Adventskalender 07-xx
- Adventskalender 11-05
- Adventskalender 12-03
- Adventskalender 15-03
- Adventskalender 18-03
- Adventskalender 19-xx
Wie kann man eine PDF-Datei herstellen?

|