HTML-Vorlagen

HTML-Vorlagen sind vorgefertigte Layoutbausteine, die mit Hilfe eines Assistenten in Ihre OpenCms-Dokumente eingefügt werden können. Auf diese Art und Weise ersparen Sie sich die immer wiederkehrende Formatierung neuer Inhalte und wahren gleichzeitig das Corporate Design.
 

Stile aus HTML-Vorlagen einfügen

Mit Hilfe der Schaltfläche „HTML-Galerien“ können Sie den Assistenten zum Einfügen Ihrer Layoutbausteine aufrufen. In der Folge öffnet sich ein PopUp-Fenster das Ihnen alle weiteren Möglichkeiten zur Verfügung stellt.

Ein Klick auf die Schaltfläche „HTML-Galerien“ öffnet ein PopUp-Fenster, in dem alle benötigten Optionen aufzufinden sind.
  

Über die Selectbox im oberen Fensterbereich kann zwischen den einzelnen HTML-Galerien gewechselt werden. Von der Internetadministration des Erzbistums Köln werden Ihnen drei vordefinierte HTML-Galerien zur Verfügung gestellt.
 

HTML-Vorlagen - !! INHALTSBEREICH / MITTE !!

Die hier gespeicherten Vorlagen sind für die Verwendung im mittleren Inhaltsbereich der Seite optimiert.
 

HTML-Vorlagen - !! SEITENBEREICH / 180PX !!

Die hier gespeicherten Vorlagen sind für die Verwendung in einem rechten oder linken Seitenelement optimiert und sollten keinesfalls für normale Seiten im Inhaltsbereich Verwendung finden.
 

HTML-Vorlagen - !! SEITENBEREICH / VARIABEL !!

Die hier gespeicherten Vorlagen sind für die Verwendung in einem rechten oder linken Seitenelement optimiert. Der Unterschied zu der 180PX-Variante liegt in der Verwendung eigentlichen Stilvorlage: Kommt die Stilvorlage des Erzbistums (neues Layout des EBK) nicht zum Einsatz, müssen die Vorlagen „Seitenbereich / Variabel“ verwendet werden. Keinesfalls sollten diese Vorlagen für normale Seiten im Inhaltsbereich Verwendung finden.

 

Wählen Sie die gewünschte HTML-Vorlage durch einen Klick auf die Bezeichnung aus. Im unteren Bereich des Fensters erscheint daraufhin eine Vorschau der ausgewählten Vorlage. Um diese nun in Ihre Seite zu überführen bedarf es nur noch eines Klicks auf das grüne Häkchen. Daraufhin schließt sich das PopUp-Fenster und die Vorlage wurde an der Cursor-Position eingefügt.
 

Eingefügte Stile bearbeiten

Die Bearbeitung der eingefügten Stile ist denkbar einfach. Im Grunde müssen Sie nur die verwendeten Platzhaltergrafiken und / oder –texte durch Ihre eigenen Inhalte ergänzen. Durch gezieltes Markieren können sie diese löschen und anschließend durch manuelle Eingabe über die Tastatur bzw. durch Einfügen aus der Zwischenablage ersetzen.
 

Eine Besonderheit in der Handhabung stellen die HTML-Stile dar, die gemäß des „Styleguide Internet des Erzbistums Köln“ für eine einheitliche Umsetzung des Screendesign sorgen sollen. Gleiches gilt aber auch für alle anderen Stile, die mittels so genannter DIV-Contaier und CSS layoutet werden.

Während die Prozedur des Einfügens in das Dokument identisch ist, erfordert die anschließende Bearbeitung im Editor eine besondere Herangehensweise. Hierzu ist eine aus drei einzelnen Klicks bestehende Klickfolge nötig:

1. Nach dem Einfügen erscheint die HTML-Vorlage im Editor. Um nun die eigenen Inhalte eingeben zu können, müssen Sie zunächst den Cursor setzen.

2. Ein Klick auf den zu editieren den Text markiert zunächst die Vorlage, erkennbar an den quadratischen Markierungspunkten an den Außenrändern der Vorlage.

3. Erst ein erneuter Klick setzt nun den Cursor innerhalb der Vorlage, so dass mit der Eingabe der Inhalte begonnen werden kann.