 HTML-Beginner oder keine Ahnung?
Für die Anpassungen meiner Kalendervorlagen und der 24 HTML-Tagesdateien benötigen Sie Grundlagenkenntnisse in HTML. Ich habe zwei kurze Videos hergestellt, welche das veranschaulichen. Sie könnten statt der HTML-Tagesdateien aber auch PDF-Dateien verwenden.
|
|
Es gibt immer einen Weg zum eigenen Adventskalender
Selbst Beginner kommen mit meinen Adventskalendern gut zurecht, da in der Kalenderdatei keine wesentlichen Modifikationen notwendig sind. Für die 24 Tagesdateien finden wir auch eine Lösung!
Falls Sie sich bisher nur wenig mit dem Thema beschäftigt haben oder Ihr Provider den Zugriff auf den Quellcode Ihrer Webseite einschränkt, gibt es in wenigen Wochen noch eine weit simplerere Möglichkeit (Einbetten mittels i-frame).
a Überschrift / Titeltext in der Kalenderdatei
Für die Anpassungen der Kalenderdatei (Titeltext) wird vorzugsweise ein HTML-Editor eingesetzt. Grundlagenkenntnisse sollten eigentlich ausreichen. Damit Sie im Quellcode der Kalenderdatei den Titeltext (der oberhalb des Kalenders angezeigt wird) leichter auffinden, habe ich einen Textmarker gesetzt:
 Edit-Marker 01
Der Titeltext des Kalenders ist im Body-Bereich oberhalb der Grafik bei Edit-Marker 01 eingetragen. Ersetzen sie meinen Eintag mit ihren Wahltext. Die Formatierung des Textes wird über CSS-Angaben (Klasse = "titel") festgelegt.
<div class="titel">Adventskalender 01 V1</div>
Titeltext anpassen? (Video)
Meine Kalender haben üblicherweise ganz oben einen Text / eine Überschrift. Diesen Titeltext können Sie mit einem Editor ändern, z.B. in
"Adventskalender der Familie Berger"
"Adventskalender 2011 des TUS-1920".
Wie sie den Titeltext im Kalender ändern und anpassen können, wird auf seperaten Seiten erläutert. Die Seiten erreichen Sie über das Untermenü des betreffenden Kalenders. Sie können zu diesem Thema auch ein kurzes Flash-Video ansehen. Die Datei ist allerdings 2,6 MB groß. Alternativ dazu können sie den Film (2,7 MB) auch als ZIP-Datei herunterladen.
|
Video
 |
Bei den Kalendern 1, 6, 12, 14 und 20 können Sie (optional) ihr eigenes Foto / Ihre eigene Grafik einbinden. Auch dazu erkläre ich die Vorgehensweise auf gesonderten Seiten, zugänglich über das Untermenü des betreffenden Kalenders.
b HTML-Tagesdateien anpassen
Für die Anpassungen der 24 HTML-Tagesdateien wird vorzugsweise ein HTML-Editor eingesetzt. Grundlagenkenntnisse sollten eigentlich ausreichen.
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.
 Tagesdateien modifizieren |
Video
|
Ich denke beinahe jeder findet einen Anwendungsbereich für einen Adventskalender. Man muss den Kalender auch nicht unbedingt im Web veröffentlichen und könnte ihn stattdessen z.B. auf CD als vorweihnachtlichen Gruß an sein Patenkind verschicken.
c Tagesdateien im PDF-Format
Keine Ahnung wie HTML funktioniert? Entscheiden Sie sich für Tagesdateien als PDF-Datei.
Für HTML-unkundige gibt es bei einigen Kalender-Versionen die Möglichkeit, die 24 Tagesdateien als PDF-Datei anzeigen zu lassen.
Wenn Sie sich mit dem Programm 'Word' auskennen, gibt es einen Weg. Sie erstellen dazu zunächst 24 Word-Dateien. Diese 24 Dateien wandeln Sie dann mit einem kostenlosen Konverter in PDF-Dateien um und speichern die PDF-Dateien in den gleichen Ordner in dem der Kalender steht. Sie verwenden dann eine entsprechende Variante meines Kalenders, der speziell zur Anzige von PDF-Dateien vorbereitet ist.
Zur Konvertierung von Word-Dokumenten in PDF-Dateien suchen Sie im Web nach der kostenlosen Software 'Free PDF', 'PDF Converter' oder 'PDF Creator'.
Später sollten Sie 24 PDF-Dateien besitzen, eine für jeden Tag bis zum 24. Dez. .
Einfache Beispiele: datei02.pdf  datei04.pdf
So können Sie jeden Tag im Advent ein Gedicht, einen Gutschein, ein Rezept oder eine ganz pers. Weihnachtsgeschichte anzeigen lassen.
Für diese Vorgehensweise benötigt kein großes Wissen über HTML. Grundkenntnisse in Word reichen aus.
- Kalender herunterladen
- Zip-Datei in einem neuen Ordner auspacken
- PDF-Dateien herstellen
- Kalender hoch laden
Für die Anzeige der Tagesdateien als PDF-Datei eignen sich die
- Adventskalender 01-10
- Adventskalender 07-xx
- Adventskalender 11-05
- Adventskalender 12-03
- Adventskalender 15-03
d fertige Tagesdateien
Falls die Zeit nicht reicht sich mit dem Thema HTML intensiver zu beschäftigen, nehmen Sie halt meine fertigen Tagesdateien. Wenn später noch Zeit bleibt können sie ja die Texte ändern oder andere Tagesdateien erstellen. Was beibt ist die ZIP-Datei herunter zu laden und in Ihrem Adventskalender-Ordner zu entpacken.
fertig vorbereitete Tagesdateien
d Mein Adventskalender in Ihrem i-frame
In diesem Jahr werde ich Ihnen die Möglichkeit geben, direkt auf einen meiner Kalender zu verlinken, der dann in Ihrer Seite angezeigt wird. Sie definieren lediglich einen I-Frame von 540 Pixel Breite, in dem der Kalender dargestellt wird.
 Einen Adventskalender für Ihre Seite in nur 3 Minuten
Was müssen Sie tun?
- Sie kopieren den Code für den I-Frame (3 Codezeilen)
- Sie fügen den Code in Ihre Seite dort ein, wo der Adventskalender erscheinen soll
- die Seite speichern + testen
- Seite auf Ihren Server hoch laden
- fertig
An dieser Option arbeite ich gerade (Tests laufen). Wenn Sie mehr zum aktuellen Stand der Arbeiten lesen möchten besuchen Sie die Seite
Adventskalender im i-frame
So funktioniert das mit dem Kalender im i-frame:
Innerhalb Ihrer Seite gibt es ein kleines Fenster (i-frame), in dem mein Kalender angezeigt wird. Während Ihre Seite von dort abgerufen wird, wo Sie Ihre Seiten hosten, wird der Inhalt des i-frames von der Web-Toolbox angefordert.
|
Home • Adventskalender • HTML-Beginner