Die gezeigten Screenshots basieren auf dem TNG-Template 1. Die anderen Templates zeigen ähnliche Darstellungen.
Die Bildschirmausgabe ist für den Browser Internet Explorer, Version 7, Textgröße "Mittel" sowie einen 19-Zoll-Bildschirm optimiert.

---

> >  Inhaltsverzeichnis

Sie sind hier: zu Deutsch etwa:

TNG - The Next Generation Of Genealogy Sitebuilding Die nächste Generation der genealogischen Seitenerstellung

Es wird der Umgang mit der
Modifikation von Bildschirmansichten (1)  erläutert.
Zweckmäßigerweise druckt man sich die nachfolgende Anweisung aus und legt sie sich neben die Tastatur, um alles in Ruhe abzuarbeiten.

1.		Lokaler Server    (auf dem Heimcomputer)
1.1		Allgemeines
		Nachfolgend wird erläutert, wie man die Kopfleiste eines TNG-Templates nach seinen eigenen Wünschen gestalten kann. Von den Änderungen sind folgende TNG-Dateien betroffen: index.php home-photo.jpg home-title.gif header-title.gif
1.2		Templates ändern
1.2.1		Die Kopfzeile einer TNG-Homepage-Oberfläche sieht z.B. wie folgt aus (Template 1) : Bild 1 Die Kopfzeile besteht aus zwei Grafiken (dem Foto und dem Schriftzug, Bild 1). Diese beiden Grafiken werden von der Datei "index.php" aufgerufen. Man kann das Aussehen nun nach seinen eigenen Wünschen und Vorstellungen gestalten. Dazu geht man wie folgt vor :
1.2.2		Im TNG-Ordner befindet sich eine Grafik-Datei mit Namen "home-photo.jpg" (Bild 2). Dies ist das Bild, das oben links auf der TNG-Startseite (Template 1) erscheint. Auf den anderen Templates erscheinen andere Fotos. Bild 2
1.2.3		Man erstellt nun ein eigenes Fotos der Größe 3,97 x 5,29 cm, nach seinen persönlichen Wünschen, z.B. Bild 3
1.2.4		Dieses Foto wird in den TNG-Ordner kopiert. Vorher benennt man das ursprüngliche "home-photo.jpg" um in "home-photo1.jpg". Dann benennt man das eigene Foto (Bild 3) um in "home-photo.jpg"
1.2.5		Man kann statt des o.a. Säulenhauses (Bild 3) auch ein Foto aus der eigenen Berufswelt oder das eigene Elternhaus oder ein Wappen einfügen.
1.2.6		Rechts neben dem Foto zu Bild 2. erscheint auf der TNG-Startseite der Schriftzug "Our Family History" (Bild 1). Es handelt sich dabei um eine gif-Datei mit Namen "home-title.gif" der Größe B: 13,93 x H: 8,22 cm. Bild 4
1.2.7		Diese Datei wird umbenannt in "home-title1.gif".
1.2.8		Nun fertigt man sich mit einem Grafik-Programm ein eigenes Logo - (z.B. "Familiengeschichte Mustermann"). Dabei kann man den Familiennamen in einer anderen Farbe anlegen - siehe nachstehendes Foto Bild 5 Auch die Hintergrundfarbe des Bildes muß die Gleiche sein, wie der Hintergrund auf der TNG-Startseite (in diesem Falle hellblau = Rot: 221; Grün: 221; Blau: 255), andernfalls fällt es auf, dass es sich bei dem Schriftzug um ein Foto handelt.
1.2.9		Man kann statt des Fotos (Bild 5) das Logo auch in normaler Schrift in die Datei "index.php" einfügen. Auf diese Weise kann man den Text dort nach den eigenen Wünschen immer mal wieder ändern. Das realisiert man wie folgt: Man lädt die "index.php" in einen HTML-Editor. An die Stelle der Zeile 21 <font color="#004000"><img src="home-title.gif" alt="" width="395" height="159" hspace="10" border="0"> wird folgender Code eingefügt: <td style="text-shadow:black;"> <font size="+4"><font face="Lucida Handwriting"><font color="#0000FF"><div align="center"><b>Familien ~ <br> geschichte</font> <br> <font color="#800000">Mustermann</b></font></div></font></font></td> <td width="20%">  </td> und gespeichert. Man kann die vorherige Zeile 21 mit (<!-- ... -->) auskommentieren, so dass man später immer mal wieder zurück kann.
1.2.10		Bei Aufruf der TNG-Startseite sieht man nun das neue Logo (Bild 6). Bild 6 Ok - zugegeben - der Schriftzug ist nicht so das Gelbe vom Ei. Man kann das mit dem Programm PowerPoint oder einem AutoCAD-Programm sicher noch besser hinbekommen (Schattierung usw.). Es bleibt der eigenen Phantasie überlassen, hier kreativ zu werden.
1.2.11		Bei Aufruf der Seite einer Person (sowie bei allen Features zu dieser Person wie Zeitstrahl, Vorfahren, Nachkommen, Verwandtschaft) erscheint oben in der Kopfleiste ein kleines Bild und ein etwas anderes Logo. Bild 7 Das Foto und das Logo sind in diesem Falle in einer einzigen Datei enthalten - "header-title.gif".
1.2.12		Die Datei wird umbenannt in "header-title1.gif".
1.2.13		Nun wird wieder mit einem Grafikprogramm eine eigene Kopfleiste erstellt.
1.2.14		Dazu wird links eine Kleinausführung des eigenen Kopfbildes (Bild 3) in die Vorlage kopiert. Rechts daneben wird der Schriftzug des eigenen Logos platziert (z.B. "Familiengeschichte Mustermann") - (Bild 8). Bild 8
1.2.15		Nun wird wieder mit einem Grafikprogramm eine eigene Kopfleiste erstellt.
1.2.16		Ich habe das in WINWORD erstellt. Und das geht so:
1.		Es wird eine Tabelle erstellt mit 2 Spalten und 1 Zeile.
2.		In die linke Spalte wird das eigene Foto (Bild 3) kopiert bzw. eingefügt. Das Bild hat die Größe 3,2 x 4,75 cm.
3.		In die rechte Spalte schreibt man seinen Text (z.B. Familiengeschichte Mustermann);
4.		Der Text wird markiert und formatiert : 4.1 Schriftschnitt "Lucida Handwriting" (o.ä.) 4.2 Schriftgröße 72 4.3 Hintergrund : Format > Hintergrund > Weitere Farben > Benutzerdefiniert > Farbmodell: RGB > Rot: 221 > Grün: 221 > Blau: 255;
5.		Der Rahmen der Tabelle wird entfernt;
6.		Mit Ctrl-Print wird dieses Machwerk in die Zwischenablage befördert;
7.		Jetzt wird ein Grafikprogramm (z.B. IrfanView) gestartet und die Grafik aus der Zwischenablage eingefügt;
8.		Jetzt wird mit der Maus ein Rahmen um das Bild und die Schrift gezogen und dieser Ausschnitt wieder in die Zwischenablage kopiert;
9.		Das Grafikprogramm wird erneut gestartet und die Zwischenablage eingefügt;
10.		Dies Bild wird nun als "header-title.gif" im TNG-Ordner gespeichert. Wenn man nun eine TNG-Personenseite lädt, ist der neue Kopf zu sehen;

2.		Webserver    (beim Provider)
		Auf dem Webserver läuft es ähnlich ab, wie auf dem Lokalserver. Alle Schritte werden so durchgeführt, wie unter Ziffer 1. beschrieben.

zurück

Startseite

weiter