Most important

NUR über www.dehn-international.com einloggen!!!

NICHT aus der Länderseite. :o)

Einen Editor bitte ~~im Webteam anfordern (BF, TIP)~~ bei GRS anfordern.

Angaben im Backend

In einem Bereich, den nur der Editor sehen kann, müssen verschiedene Angaben gemacht werden:

Seitentitel
Zur Sprach-ID wird dem Titel das Länderkürzel vorangestellt. z.B. DE DEHNshield ZP
Da aber der Titel die URL bildet, würde die Adresse automatisch so vergeben werden: /de/de-dehnshield-zp
Wir wollen allerdings nicht, dass der User so eine Adresse sieht, daher wird die automatisch erstellte URL überschrieben. Dazu im rechten Kasten URL Alias wählen, die Checkbox deaktivieren und die gewünschte Adresse - mit vorangestelltem Slash, ohne Sonderzeichen (außer "Minus") und ohne Leerzeichen - eingeben.
In diesem Beipiel also: /dehnshield-zp
Sprachzuordnung + Channelzuordnung innerhalb des Drupal Systems
Texte, die erscheinen sollen, wenn die Seite auf der Ergebnisliste einer Suchmaschine erscheint
Social Text + Bild, die erscheinen, wenn die Seite in einem Post verknüpft wird
Keywords für die interne Suche
Grouping Keyword für die Zuordnung der Seite innerhalb der Sprachen im Drupal System - hiermit finden wir alle Sprachversionen, die es von einer Seite gibt
Meta-Angaben

Marcom Bild und Headline

Der Text im Marcom Claim kann bis zu 86 Zeichen enthalten. Die Formatierung ist fix - hier sind keine anderen Farben oder Schriftschnitte möglich. Bitte auch nicht manuell mit HTML Tags ändern.

MARCOM M
Das Modul in diesem Beispiel trägt die Bezeichnung MARCOM M. Bei diesem Modul läuft der Claim nur 1-zeilig.
Die Bildgröße beträgt 2880 x 1080 px - 16:6 - im Format JPG oder PNG.

MARCOM L
Diese Modul ist ausschließlich für HOME vorgesehen - hier ist mehrzeiliger Text möglich.
Die Bildgröße für dieses Modul beträgt 2880 x 1440 px - 2:1 - im Format JPG oder PNG.

Bilder im Content
Alle anderen Bilder werden, bis auf wenige Ausnahmen, in der Größe 1200 x 675 px - 16:9 - im Format JPG oder PNG angelegt.

Ausnahme 1: Image-Map - Breite 1280 px, Höhe variabel
Ausnahme 2: Verigelung - Breite 800 px, Höhe variabel
Ausnahme 3: Kontaktbox, Navigationsbox small - 400 x 400 px

Bildformate im Web: JPG für Fotos, PNG für Grafiken
(Ausnahme: ist im Foto ein sehr großer ROT-Anteil kann es auch als PNG hochgeladen werden, aber die Datei ist größer, also nur so vorgehen, wenn es nötig ist, damit das Bild nicht unscharf wirkt)

Stockfotos, Urheberrechte
Werden Fotos verwendet, die wir nicht inhouse erstellt haben, muss der Bildname auf unserer Seite hinterlegt werden.
Das gilt auch für kostenfreie Stockbilder, die z.B. bei Unsplash gezogen wurden.

Der Eintrag geschieht immer zwei mal:
DE: https://www.dehn-international.com/de/bildnachweis
EN: https://www.dehn-international.com/en/images-copyright-dehngroup

Chapter Headline

Modul Text and/or Headline

Die Fontgröße im Textbody variiert je nach Headline (H1, H2 ...). Die Zeichenanzahl sollte 550 nicht überschreiten.

Es stehen 4 Farben für den Hintergrund eines Chapters zur Verfügung:
Hellgrau, Weiß, Dunkelgrau, Rot

DEHN Standard:

Für die Chapters wird abwechselnd Hellgrau und Weiß verwendet, wobei das erste Chapter immer hellgrau ist.
Die Farbe Dunkelgrau wird in erster Linie für Produktdarstellungen (Produktslider oder Imagemaps mit Produktauswahl) benutzt.
Die Farbe Rot ist der Kontaktbox vorbehalten - im Einzelfall kann auch ein Call-to-action rot hinterlegt werden.
Für Links wird das Link-Modul innerhalb des Moduls verwendet (outline).
Das Link-Modul innerhalb der Chapter-Settings wird rot dargestellt - hier müssen wir noch festlegen, in welchem Fall es benutzt werden soll... daher derzeit bitte nur die Outline-Version :o)

So sieht ein Link aus

Wichtig beim Einfügen von Texten

Texte einfügen

Texte dürfen nicht direkt aus Word, einer E-Mail oder einem PDF eingefügt werden. Das hat mit unsichtbaren Steuerzeichen der Formatierungen zu tun.

Der Quelltext sieht dann häufig so aus:

In einem weiteren Impulsvortrag wird Rainer Ziehmer wird in einem Impulsvortrag zum Arbeiten nach den 5 Sicherheitsregeln, im Rahmen des Themenforums 1

Eigentlich soll der Quelltext hierfür so aussehen:

Im Rahmen des Themenforums 1 referierte Rainer Ziehmer in einem weiteren Impulsvortrag zum Thema "Arbeiten nach den 5 Sicherheitsregeln".

Ganz regelgerecht müsste man die Texte neu eintippen... aber um Zeit zu sparen, macht dieses Vorgehen Sinn:

Text kopieren
In einen Editor (z.B. TextEdit am Mac) einfügen
Markieren und die Schriftart auf OPEN SANS setzen
Erneut kopieren und ins Drupal Textfeld einfügen
Oben in der Werkzeugleiste QUELLCODE aktivieren und kontrollieren, ob alles passt

Chapter Headline

Text + Media

Ein Text+Headline Modul wird generell in jedem Chapter benutzt, um die Überschrift in H1 zu generieren.

Ausnahme: die rote Kontaktbox - sie erscheint ohne H1 Überschrift am Ende der Seite als vorletzte Section. Auf sie folgt, wenn erforderlich, ein leeres Text+Headline Module mit einem Backlink

Der Textbody kann generell leer bleiben, wenn in diesem Chapter ein weiteres Modul (Text+Media, Produktslider, Multicolumn etc.) verwendet wird. Das Text+Headline Modul wird dann nur verwendet, um die H1 Überschrift zu erzeugen.

Werden neue Bilder oder Grafiken erstellt, sollten diese keine Schrift enthalten. Wenn Beschriftungen notwendig sind, erfolgen sie in der Legende - im Bild selbst werden dann Ziffern verwendet. Die Visuals können so in verschiedenen Sprachen verwendet werden, ohne dass sie erneut bearbeitet werden müssen.

Media Slider

Bild 1
Bild 2
Bild 3
Bild 4 - Video

Headline Textblock

Bei diesem Modul - Text + Media - kann

ein feststehendes Bild (Größe XS, S, M, L)
ein Video
ein Slider - auch autorun (Größe M, L)

eingefügt werden. Das Visual kann rechts oder links platziert werden. Der Textblock bleibt feststehend.

Chapter Headline

Content Slider

Bild 1

Headline Bild 1
Textblock Bild 1 - Achtung, dieser Text ist nur mit wenigen HTML Tags manuell formatierbar und limitiert auf 450 Zeichen.
Pro Bildeintrag ist eine Headline und ein Textblock vorgesehen.
Bild 2

Headline Bild 2
Textblock Bild 2 - Achtung, dieser Text ist nur mit wenigen HTML Tags manuell formatierbar und limitiert auf 450 Zeichen.
Autorun ist nicht möglich.
Bild 3

Headline Bild 3
Textblock Bild 3 - In jedem Slidereintrag kann ein Bild oder Video erscheinen. Die Größe des Visuals ist nicht beeinflussbar.

Chapter Headline

Produktslider

Das Modul Produktslider nutzt den dunkelgrauen Hintergrund. Die Produkte werden über eine ID aus der Produktdatenbank eingebunden.
Es werden 3 Boxen angezeigt – über den Slider können mehr Produkte ergänzt werden.
Mehr als 9 sollten es jedoch nicht werden.

Der dunkelgraue Hintergrund wird auch für Image Maps verwendet >>> hier ein Beispiel.

Chapter

Der Link kann zu einem KAPITEL in der Produktdatenbank führen

Familie

Der Link kann zu einer ProduktFAMILIE führen

Produkt

Der Link kann zu einem einzelnen PRODUKT führen. Wird bei Source Title keine Headline eingefügt und bei Source Text kein Textbody, zieht Drupal die Texte aus der Datenbank. Diese sind jedoch nicht werblich und meistens zu lang. Beispiel im nächsten Kasten.

Abisolierwerkzeug für CUI-Leitungen

Das Werkzeug kann zum Absetzen der vPE-Isolierung der CUI-Leitung (Außendurchmesser 20 mm) verwendet werden.

das Werkzeug besteht aus einem Handgriff und einem austauschbaren Schneidkopf
die Abisolierlänge der CUI-Leitung ist in Stufen (Rastpunkte) von 0,2 mm über das im Griff eingebaute Stellrad regulierbar; die eingestellte Länge ist auf der Skala des Handgriffes ablesbar

Bedienung
Werkzeug mit Schneidkopf am geschnittenen Leitungsende ansetzen.
Mit Drehbewegung im Uhrzeigersinn und leichter Druckausübung mittels des Werkzeuges erfolgt der Schneidvorgang / das Absetzen.

Chapter Headline

Navigation Portlets

Mit diesem Modul wird auf andere - interne - Inhalte verlinkt.

Das können Unterseiten im gleichen Thema sein
z.B. im Thema Windenergie zu einer Seite wie DEHNdetect

oder

passende Seiten aus anderen Themenkreisen
z.B. im Thema Windenergie zum Prüflabor oder zu den Seminaren

Chapter Headline

Fullsize Media

Dieses Visual läuft über die ganz Breite. Es kann ein Bild oder ein Video sein.

Optisch ist dieses Modul meist zu wuchtig - hier gibt es nur sehr wenig sinnvolle Einsatzmöglichkeiten. ! Vor allem, wenn man berücksichtigt, dass Grafiken und Fotos keine Schrift beinhalten dürfen.

BLITZDUCTORconnect schützt Windenergieanlagen — Bildunterschrift

Chapter Headline

Mehrspaltiger Inhalt

Mit dem Modul "Multi Column".

Diese Inhalte können MIT oder OHNE Visual (Bild oder Video) erstellt werden.
Möglich sind 1 - 4 Spalten.

Beispiel Bild

Studenten Wirftschaftsinformatik — Bildunterschrift

Headline

Dieser Text kann formatiert werden.

Beispiel Video

Headline

Text Text

Beispiel 3

Antworten zur Störlichtbogenschutzkleidung DEHNcare — Bildunterschrift

Headline

Text Text

Downloads

Diese Module sind angelegt auf "3 in einer Zeile".

Sie variieren NICHT in der Größe wie z.B. das Modul "Navigationsbox Small". D.h. auch wenn nur eines verwendet wird, bleibt die Drittelgröße erhalten.

ACI Technologie
Subtitle

Broschüre DS 297

Metalldachhalter
Eurocode

Infoblatt

Blitzschutzkonzepte für Ex-Bereiche
Schwerpunkt Prozessindustrie

Schutzkonzept

Möglichst nicht verwenden

Tabelle

Tabellen sollten nach Möglichkeit NICHT verwendet werden, da sie nicht responsive sind.

Header Zeile 1	Header Zeile 1	Header Zeile 1	Header Zeile 1	Header Zeile 1
Feld 1 Mit etwas Text.	Feld 2 Formatierung nur durch HTML Auszeichnung möglich.	Feld 3	Feld 4	Feld 5
Feld 1 - Zeile 2	Feld 2	Feld 3	Feld 4	Feld 5

Shoutbox

Die Shoutbox müsste überarbeitet werden.

Mit einem besseren Design und formatierbarem Text könnte sie für CTAs verwendet werden.

Vorschlag KF

Headline

Text

LINK

Kontaktbox

Die Kontaktbox ist immer ROT. Sie steht am Ende der Seite und wird nur noch von einem leeren hellgrauen Textmodul gefolgt, das den Backlink zeigt.

Das Chapter hat keine Chapterheadline und kein Textmodul mit H1 Überschrift, sondern startet direkt mit dem Kontaktmodul.

Backlink