Das ist das Haupttemplate des Systems. Hier sollte ein komplettes Grundgerüst für eine HMTL Seite enthalten sein. Der Platzhalters {main} wird gegen die jeweiligen Inhalte ausgetauscht.
Um das Template zu erstellen erzeugen Sie am besten eine komplette HTML-Seite mit Ihrem gewünschten Design. Anschließend setzen Sie anstelle des Inhalts den Platzhalter {main} und evtl. an die Stelle des Menüs ein {execmacro="menu"}.
Bei diesem Template sollte auch der Schalter InList gesetzt werden. Nur dann können Sie es den einzelnen Seiten zuweisen.
Hinweis:
Diese Beschreibungen gelten nicht nur für das Template main selbst, sondern für alle Templates, die als Haupttemplate benutzt werden sollen.
Beispiel für ein minimal-Template main ohne Menü/Navigation:
<html>
<head>
<title>{title}</title>
</head>
<body>
{main}
</body>
</html>
Der Titel (Überschrift) wird so bereits dynamisch von der jeweils aktuellen Seite übernommen.<head>
<title>{title}</title>
</head>
<body>
{main}
</body>
</html>
Sinnvoll ist es im Head der Seite noch einige Meta Informationen unterzubringen:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION" content="{description}">
<meta name="KEYWORDS" content="{keywords}">
<meta name="LANGUAGE" content="deutsch, de">
<meta name="GENERATOR" content="eforia web manager / tdb Software Service GmbH">
<title>{title}</title>
</head>
<body>
{main}
</body>
</html>
So werden auch die Angaben Description und Keywords für Suchmaschinen automatisch von der jeweiligen Seite übernommen.<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION" content="{description}">
<meta name="KEYWORDS" content="{keywords}">
<meta name="LANGUAGE" content="deutsch, de">
<meta name="GENERATOR" content="eforia web manager / tdb Software Service GmbH">
<title>{title}</title>
</head>
<body>
{main}
</body>
</html>
Und hier ein Beispiel für eine einfache Seite mit Menü am linken Bildschirmrand. Um es einfach zu halten erfolgt die Aufteilung über eine Tabelle:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION" content="{description}">
<meta name="KEYWORDS" content="{keywords}">
<meta name="LANGUAGE" content="deutsch, de">
<meta name="GENERATOR" content="eforia web manager / tdb Software Service GmbH">
<title>{title}</title>
</head>
<body>
<table border="0"><tr>
<td>{execmacro="menu"}</td>
<td>{main}</td>
</tr></table>
</body>
</html>
Die Templates für das Modul Menu müssen natürlich dabei vorhanden sein.<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION" content="{description}">
<meta name="KEYWORDS" content="{keywords}">
<meta name="LANGUAGE" content="deutsch, de">
<meta name="GENERATOR" content="eforia web manager / tdb Software Service GmbH">
<title>{title}</title>
</head>
<body>
<table border="0"><tr>
<td>{execmacro="menu"}</td>
<td>{main}</td>
</tr></table>
</body>
</html>
Für eine Seitenaufteilung mit Hauptmenü oben und Untermenü am linken Rand kann diese Vorlage dienen:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION" content="{description}">
<meta name="KEYWORDS" content="{keywords}">
<meta name="LANGUAGE" content="deutsch, de">
<meta name="GENERATOR" content="eforia web manager / tdb Software Service GmbH">
<title>{title}</title>
</head>
<body>
<table border="0">
<tr><td colspan="2">{execmacro="menu" param="mainonly"}</td></tr>
<tr>
<td>{execmacro="menu" param="subonly"}</td>
<td>{main}</td>
</tr></table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="DESCRIPTION" content="{description}">
<meta name="KEYWORDS" content="{keywords}">
<meta name="LANGUAGE" content="deutsch, de">
<meta name="GENERATOR" content="eforia web manager / tdb Software Service GmbH">
<title>{title}</title>
</head>
<body>
<table border="0">
<tr><td colspan="2">{execmacro="menu" param="mainonly"}</td></tr>
<tr>
<td>{execmacro="menu" param="subonly"}</td>
<td>{main}</td>
</tr></table>
</body>
</html>
Weitere Inhalte:
Manchmal ist es sinnvoll nicht nur einen Platzhalter, sondern mehrere zu haben. Z.B. sollen auf einer Seite die Mitarbeiter vorstellt neben dem normalen Text Bild und Lebenslauf fest positioniert werden. Für diese Zusatzinformationen steht {insertcode="..."} zur Verfügung.
In unserem Beispiel also {insertcode="Bild"} und {insertcode="Lebenslauf"}.
Ein einfaches Template (ohne alles) könnte so aussehen:
<html>
<body>
<table>
<tr>
<td colspan="2">
{main}
</td>
</tr>
<tr>
<td>
{insertcode="Bild"}
</td>
<td>
{insertcode="Lebenslauf"}
</td>
</tr>
</table>
</body>
</html>
Der Editor fügt automatisch Reiter über dem Editorfenster ein, um auf die zusätzlichen Bereiche umschalten zu können.<body>
<table>
<tr>
<td colspan="2">
{main}
</td>
</tr>
<tr>
<td>
{insertcode="Bild"}
</td>
<td>
{insertcode="Lebenslauf"}
</td>
</tr>
</table>
</body>
</html>
Stile/Styles:
Der WYSIWYG Editor erlaubt die Benutzung von Stilen, die mit CSS im Template definiert werden.
Dabei gilt folgende Regel:
span.klasse {...} Klasse verfügbar für Zeichenformatierung (Sector)
div.klasse {...} Klasse verfügbar für Absatzformatierung (Paragraph)
.klasse {...} Klasse verfügbar für Zeichen- und Absatzformatierung
Das Gleiche gilt für die Tabellenformatierung. Der Editor bietet die Zuweisung von Stilen für Tabellen, Tabellenzeilen und Tabellenzellen. Auch hier werden die im Template definierten zugelassen:
table.klasse {...} Klasse verfügbar für Tabellen
tr.klasse {...} Klasse verfügbar für Tabellenzeilen
td.klasse {...} Klasse verfügbar für Tabellenzellen
Es werden sowohl Styles erkannt, die direkt im verwendeten Template definiert sind oder solche, die extern eingebunden werden:
<LINK rel="STYLESHEET" href="../files/style.css" type="text/css">
eforia zeigt dabei nur die Styles des ersten Blockes oder des ersten externen
Stylesheets an. Dadurch können Sie selbst weitere Styles definieren,
die im Editor nicht angezeigt werden.Hintergrundfarbe:
Der Editor stellt automatisch die Hintergrundfarbe auf die des Elements, in dem sich der Platzhalter befindet. Es gibt aber Fälle, in denen das nicht funktioniert. Z.B., weil die Hintergrundfarbe durch eine Grafik vorgegeben wird. Hier kann man relativ leicht Abhilfe schaffen, wenn man dem entsprechenden Element direkt per style="background-color:[farbe]" eine Hintergrundfarbe zuweist. Diese erkennt der Editor und stellt sie dar.