Navigation
eigene Vorlagen für einen HTML-Export |
Über die Profileinstellung stehen nur eingeschränkte Gestaltungsmöglichkeiten für eine einfache Bildergalerie zur Verfügung. Für die individuelle Anpassung können eigene Vorlagen für den HTML-Export genutzt werden.
Gehen Sie wie folgt vor:
- Öffnen Sie den HTML-Export über das -Symbol in der Symbolleiste und klicken Sie auf die -Schalfläche um das Profil anzupassen.
- wählen Sie im Profil das Register Exporte
- aktivieren Sie die Option Seitenlayout anpassen
- aktivieren Sie dien Option Dokumentvorlagen anpassen
Wurde die Option aktiviert, werden im Zielordner des Exportes drei Dateien erzeugt, sofern diese noch nicht vorhanden sind:
- _StandardIndex.htm
die Vorlage für die Portal- bzw. Startseite des Exportes mit dem Namen index.htm - _StandardContent.htm
die Vorlage für die Unter- bzw. Galerieseiten des Exportes mit den Bildern - _StandardStyles.css im Unterordner css
die CSS-Vorlagendatei für das Layout des Exportes
Möchten Sie jetzt den Export individuell anpassen, ändern Sie immer nur diese drei Vorlagendateien. Es sollten Grundkenntnisse für HTML- und CSS-Programmierung vorhanden sein. Verwenden Sie dazu einen Text- oder HTML-Editor.
Wichtig: In den Vorlagendateien sind Platzhalter eingesetzt, die durch den Export mit den notwendigen Daten ersetzt werden. Platzhalter sind in {}-Klammern gesetzt.
Die Platzhalter in der CSS-Datei werden mit den Einstellungen des Profils ersetzt, können aber problemlos durch "echte" Werte ersetzt werden. Erweitern Sie die CSS-Klassen nach Bedarf und passen Sie diese nach Ihren Bedürfnissen an.
In der _StandardIndex.htm und _StandardContent.htm müssen folgende Platzhalter vorhanden sein:
{PopupBoxScript} | Platzhalter für das Script der Anzeige der Bilder in Originalgröße. Muss im HTML-Dokument im <head>-Bereich eingesetzt werden, auf das Script selbst haben Sie keinen Einfluss |
{Content} | Platzhalter für den Inhalt und die Bildgalerien der jeweiligen Seite. Muss im <body>-Bereich eingesetzt werden |
{ContentLinks} | Platzhalter für die Links zu Unterthemen. Muss im <body>-Bereich eingesetzt werden. |
Weiterhin sollten vorhanden sein:
{Title} | Platzhalter für Titel der Galerie, üblicherweise als Zeichenfolge <title>{Title}</title> im <head>-Bereich und <h1>{Title}</h1> im <body>-Bereich |
{Breadcrumbs} | Platzhalterzeichen für die Seitennavigation |
Weiterhin darf folgende Zeile im <head>-Bereich nicht geändert werden:
<link rel='stylesheet' href='css/styles.css' type='text/css' media='all'>
Hinweis |
|