Style-Guide

Gerade, wenn mehrere Mitarbeiter das CMS pflegen, ist es wichtig, gemeinsame Eingaberichtlinien festzulegen damit das Erscheinungsbild einheitlich ist. Einige Richtlinien haben wir Ihnen im Folgenden zusammengestellt.

Bilder / Fotos

Alle Bilder, die Sie in die Mediendatenbank hochladen, sollten zunächst auf eine einheitliche Größe zugeschnitten und weboptimiert (72dpi) gespeichert werden.

• Bildgröße: 1600 x 1200 Pixel
• Banner Startseite: 710 x 623 Pixel
• Bildinhalt: 400 x 320 Pixel

 
Wir empfehlen Ihnen die Fotos in Photoshop mit 80% Qualität als JPG-Datei abzuspeichern.
 
Um die Ladezeit Ihrer Website zu reduzieren und Bilder für mobile Endgeräte optimiert zu speichern, nutzen Sie bitte folgendes kostenloses Online-Tool: www.tinyjpg.com

Die Größe, in der Sie das Foto in die Internetseite einbinden möchten, wählen Sie später im Register „Bild-Eigenschaften“. Es stehen folgende Größen zur Auswahl:

• Content: 730 Pixel
• Info: 350 Pixel
• Frei definiert
• Originalgröße

Definition von Schreibweisen

Datum

Wir verwenden eine vollkommen numerische Darstellung. Tag, Monat und Jahr werden in Zahlen angegeben. Bei einstelligen Angaben wird die „0“ ergänzt. Das Jahr wird ausgeschrieben.

• Beispiel: 01.01.2017

Uhrzeit

Uhrzeiten werden immer zweistellig erfasst und durch einen Doppelpunkt getrennt.

• Beispiel: 08:00 Uhr / 12:00 Uhr

Telefonnummern

Telefonnummern werden nach DIN 5008 dargestellt. Die Vorwahl sowie die Telefonnummer wird daher als kompletter Block erfasst. Die Durchwahl wird mit einem Bindestrich getrennt.

• Beispiele: 07071 1308 / 07071 1308-09

Euro-Beträge

Eurobeträge werden mit Komma und zwei Dezimalstellen geschrieben. Die Währung Euro wird ausgeschrieben. Besonders bei Gebühren ist es wichtig, nicht nur Zahlen, sondern immer möglichst einen kurzen Satz zu schreiben.

• Beispiel: Die Gebühr beträgt 5,00 Euro

E-Mail

Der Begriff „E-Mail“ wird gemäß der neuen Rechtschreibung erfasst und dargestellt. Formulierungen wie „Mail“, „eMail“, „Email“, sind nicht zulässig.

• Beispiel: E-Mail

Texten fürs Internet

• Die Texte sollten kurz, informativ und leicht verständlich sein.
• Durch das Einfügen von Absätzen und Überschriften zwischen den einzelnen Abschnitten wird das Lesen erleichtert.
• Versuchen Sie umzudenken! Versetzen Sie sich in die Sicht des Besuchers Ihrer Website. Sachverhalte, die Ihnen klar erscheinen, können für den Besucher durchaus erklärungsbedürftig sein.

Zitate

Stil für die Einbindung von Zitaten zwischen zwei Textabschnitten.

Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.

Barrierefreies Einpflegen von Texten

Bitte denken Sie daran: Die Eingaben müssen barrierefrei eingetragen werden.
Was bedeutet das für Sie?

• Keine Abkürzungen (z.B. statt Tel.: - Telefon:)
• Wenn möglich keine Fremdwörter (Fremdwörter müssen sonst über die Sprachauszeichnung codiert werden)
• Zwischenüberschriften in Texten nicht über den Button „Fett“ formatieren, sondern immer der 2. Ordnungsebene über den Button Überschriften zuweisen.

Farben & Schrif­ten

Schrift- und Hin­ter­grund­far­be für Texte und Ta­bel­len sind vom Lay­out vor­ge­ge­ben und kön­nen nicht ver­än­dert wer­den. Über die so­ge­nann­ten "Stile" kön­nen Schrift­grö­ßen be­dingt be­ein­flu­ßt wer­den. Die Stile va­ri­ie­ren je nach Lay­out und Con­tent in dem Sie sie an­wen­den. Die ver­schie­de­nen Stile sehen so aus:

H2 // Über­schrift 2. Ord­nun­ge­be­ne

H3 // Über­schrift 3. Ord­nun­ge­be­ne

Zitat Startseite
Zitat Hervorhebung
Fuß­no­te

Tabellen

Tabellen werden nur verwendet, um Listen darzustellen, beispielsweise in Statistiken, zur Darstellung von Öffnungszeiten oder Preisstaffelungen. Tabellen werden nicht mit Rahmen versehen und dienen nur zur Gliederung.

Ich bin eine Überschrift.
Ich bin die zweite Zeile, in der ersten Spalte.	Ich bin die zweite Zeile, in der zweten Spalte.
Ich bin die dritte Zeile, in der ersten Spalte.	Ich bin die dritte Zeile, in der zweiten Spalte und wurde als hervogehoben markiert.

Links auf andere Seiten

Grundsätzlich lebt das Internet von Links von der einen zur anderen Seite. Rechtlich muss aber beachtet werden, dass die Links auf fremde (externe) Seiten immer in einem neuen Fenster geöffnet werden.

Link mit Icon

Links zu Formularen anderer Behörden

Links zu Formularen dürfen nicht direkt auf die Formularseite erfolgen. Verlinken Sie nur die Seite, von welcher aus das Formular geöffnet werden kann. (Auch hier gilt die Regel: im neuen Fenster öffnen.)