WORKSHOP GRUNDLAGENSCHULUNG NETKEY 4
INHALT DAS NETKEY CMS 4 MENÜFÜHRUNG 4 Projektübersicht 4 Hauptmenü 4 Seitenübersicht und Kontextmenü 5 SEITEN BEARBEITEN 5 EINFACHE LAYOUTELEMENTE 6 Layoutelement einbinden 6 ÜBERSCHRIFTEN 7 Absätze 9 Textverarbeitung mit dem Word Editor 9 SEITEN HINZUFÜGEN UND ANORDNEN 11 Seite hinzufügen 12 Seitenlayouts 12 Seiten anordnen 13 WORD EDITOR MULTIMEDIAL 14 Bilder 14 Einen Link einfügen 15 Links auf Dateien 15 Bilder und Dateien verwalten 16 PUBLIZIEREN VON SEITEN 17 Seiten veröffentlichen 18 Navigationselemente 18 Hauptnavigation 18 Detailnavigation 18 Zentrale Inhalte 19 2
TEASER 20 Teaserkategorien 21 Teaser erstellen 21 Teaser anzeigen 22 BILDERGALERIE 24 KONTAKTFORMULAR 25 SEITENFUß 28 IMPRESSUM 29 STATISTIK 30 WEITERFÜHRENDE INFORMATIONEN 30 3
Das Netkey CMS Netkey ist ein von der IG Metall entwickeltes, mandantenfähiges Content Management System (Redaktionssystem). Mandantenfähig heißt in diesem Zusammenhang, dass auf einem zentralen Serversystem im Rechenzentrum eine große Anzahl an Projekten gepflegt werden kann. Jede Verwaltungsstellenhomepage ist ein solches Projekt. Wenn Du dich an Netkey anmeldest, siehst Du aber nur die Projekte, die deinem Benutzernamen zugeordnet sind. Jedes Projekt ist unabhängig von den anderen Projekten. Dennoch können manche Inhalte oder z.b. das Grundlayout zentral angelegt sein. Der große Vorteil eines CMS ist, dass Inhalte, wie Text und Bilder, vom Layout getrennt sind. Daher kann in Netkey auch das alte, rote Layout mit wenig Aufwand in einigen Minuten in das neue, weiß graue Layout überführt werden. Menüführung Projektübersicht Nach dem Login in Netkey wird automatisch die Projektübersicht geöffnet. Hier werden alle dem Redakteur zur Bearbeitung zugewiesenen Projekte angezeigt. Durch Klick auf den Projektnamen gelangt man in den Projektdialog. Hauptmenü Über das Hauptmenü werden projektweite Konfigurationen und Aktionen, die mehrere Seiten gleichzeitig betreffen, aufgerufen. 4
Seitenübersicht und Kontextmenü Das für die redaktionelle Arbeit wichtigste Menü. Über das Kontextmenü werden Änderungen an der jeweils ausgewählten Seite durchgeführt. Das Kontextmenü öffnet sich durch einen normalen Mausklick auf das rote Dreieck hinter dem Seitennamen. Seiten bearbeiten Über den Unterpunkt Seite bearbeiten im Kontextmenü gelangt man in den Bearbeitungsmodus einer Seite. 5
Hier wird der Inhalt der Seite über die Auswahl von Layoutelementen gepflegt, die Text, Bilder und andere Elemente enthalten können. Der Bearbeitungsmodus ist in zwei Dialoge unterteilt: Einen Dialog, in dem die eigentliche Bearbeitung des Inhalts vorgenommen wird und einen Vorschaudialog, in dem der Inhalt genau so angezeigt wird, wie er nach der Veröffentlichung aussieht. Von der Vorschau aus kann man zurück zur Bearbeitung wechseln oder die Änderungen speichern und damit den Bearbeitungsmodus verlassen. Es ist wichtig zu beachten, dass die Änderungen an der Seite erst übernommen werden, wenn im Vorschaudialog Speichern ausgewählt wird. Einfache Layoutelemente Layoutelement einbinden Durch Klick auf Layoutelement einfügen wird eine Auswahl mit allen zur Verfügung stehenden Layoutelementen eingeblendet. 6
Notizen 7
Überschriften Es gibt fünf Überschriftenebenen, die unterschiedlich groß und unterschiedlich stark hervorgehoben sind. Die Pflege des Inhalts erfolgt wie bei den meisten textbasierten Layoutelementen über den N Button. 8
Absätze Das einfachste Konstrukt, um in Netkey Textblöcke zu pflegen, ist der Absatz. Es gibt drei verschieden formatierte Absatzlayouts und ein zusätzliches Layoutelement Linie, um Absätze voneinander abzugrenzen. Aufgaben Benutze die Layoutelemente unter Überschrift und Absatz um deinen Inhalt zu strukturieren! Textverarbeitung mit dem Word Editor 9
Der Word Editor gibt dem Redakteur die Möglichkeit, Texte ähnlich wie in MS Word oder einem anderen Textverarbeitungsprogramm zu bearbeiten. Dies ermöglicht die freie Strukturierung von Text. Eingegebener Text kann mit Markieren und Klick auf eine Schaltfläche einfach formatiert werden. Zu den unterstützten Formatierungen gehören unter anderem Hervorhebungen, Textausrichtung und Tabellen. Ebenfalls kann Text unformatiert oder Word formatiert eingefügt werden, wobei der Editor versucht, das Layout von Word beizubehalten. Beachte, dass einige Schaltflächen des Word Editors erst nach dem Markieren eines Wortes oder Textes aktiv werden. Die Rechtschreibprüfung des Editors funktioniert erst nach Aktivieren durch einen Klick auf die entsprechende Schaltfläche. Unterstrichene Wörter werden mit einem normalen Klick (links) ausgewählt, worauf sich ein Kontextmenü mit Korrekturvorschlag und anderen Optionen öffnet. Aufgaben Füge das Layoutelement Word Editor ein und formatiere einen Text! Führe eine Rechtschreibprüfung des Textes durch! 10
Notizen 11
Seiten hinzufügen und anordnen Seite hinzufügen Neue Seiten werden über den Hauptmenüeintrag Seite hinzufügen erstellt. In diesem Dialog wird zunächst der Titel der Seite angegeben und im Anschluss die Position der Seite im Projekt bestimmt. Titel und Position dienen der Sortierung des Projekts in der Projektübersicht und in der Navigation. Die neue Seite kann durch einfachen Klick auf den Button 1 als erste Seite des Projekts eingefügt werden. Die Buttons Pfeil nach unten und Pfeil nach unten rechts fügen die Seite jeweils hinter oder als Unterseite, der ausgewählten Seite ein. Seitenlayouts Die Formatierung des Inhalts der Seite kann für neue wie auch für bestehende Seiten angepasst werden. Die Formatierungen beziehen sich dabei auf den vom Redakteur gepflegten Inhalt. Elemente wie Banner, Navigation, Hauptnavigation bleiben weitestgehend unberührt. 12
Das Standardlayout für Seiten heißt Seitenlayout Verwaltungsstelle rechts kontext. Es besteht aus dem Hauptinhaltsbereich in der mittleren Spalte und einer schmalen rechten Spalte für kleinere Infoblöcke. Alternativ kann z.b. das Seitenlayout Seitenlayout Verwaltungsstelle ausgewählt werden. Dieses Seitenlayout verfügt über einen breiteren Hauptinhaltsbereich, da es keine rechte Spalte hat. Seiten anordnen Die Positionierung von Seiten kann nachträglich verändert werden. Um die Position einer Seite zu ändern, wählt man im Kontextmenü der Seite den Menüpunkt Seite verschieben aus. Die Auswahl der neuen Position geschieht, wie unter Seite einfügen beschrieben. 13
Word Editor multimedial Bilder Bilder werden im Word Editor über den Button Bild einfügen/verändern eingebunden. Im Folgedialog wird eine URL im Feld Adresse angegeben. Neben dem Feld Adresse befindet sich der Button Durchsuchen, der alternativ einen komfortablen Bildmanager zur Auswahl der Adresse aufruft. 14
Einen Link einfügen Um einen Link einzufügen muss zunächst ein Wort, eine Textpassage oder ein Bild markiert werden. Sobald eine Markierung vorhanden ist, aktiviert sich der Button Link einfügen. Im Folgedialog wird eine URL im Feld Adresse angegeben oder eine URL aus der Linkliste (Liste aller Projektseiten) ausgewählt. Links auf Dateien Analog zur Konfiguration von Links, die auf eine Website verweisen, wird der zu verlinkende Text markiert und die Linkkonfiguration geöffnet. Neben dem Feld Adresse befindet sich der Button Durchsuchen über den der Netkey Dateimanager aufgerufen wird. Damit kann man eine vorhandene Datei auswählen oder eine neue Datei hochladen. 15
Bilder und Dateien verwalten Medien können in Netkey auf zwei Wegen verwaltet werden: Zentral über den Hauptmenüeintrag Grafik & Dateien oder direkt bei der Seitenbearbeitung mit dem Word Editor über Bild und Dateimanager. Die Pflege über den Manager ist die zeitgemäße Lösung und erlaubt den gleichzeitigen Upload von mehreren Dateien. Zum Upload von Bildern/Dateien öffnet man, wie in den Abschnitten Bilder und Links aus Dateien beschrieben, den jeweiligen Medienmanager und fügt Medieninhalte über die Funktionen Verzeichnis erstellen und Hochladen ein. Vorhandene Bilder können darüber hinaus umbenannt, verschoben und gelöscht werden. Aufgaben Erstelle eine neue Seite und füge das Layoutelement Word Editor ein! Kopiere die Bilder und Dateien vom Netzlaufwerk in dein Projekt! 16
Notizen 17
Publizieren von Seiten Seiten veröffentlichen Bisher wurden alle gepflegten Inhalte ausschließlich innerhalb des Redaktionssystems geändert. Damit Benutzer Änderungen bzw. neu erstellte Seiten auch sehen können, müssen die bearbeiteten bzw. neuen Seiten durch Auswahl des Kontextmenüpunkts Seite veröffentlichen publiziert werden. Durch einfachen Klick auf den Seitennamen kann man sich im Anschluss die publizierte Seite ansehen. Navigationselemente Die Netkey Seitenlayouts haben zwei Navigationselemente: Hauptnavigation unterhalb des Banners, die die wichtigsten Seiten anbietet. Detailnavigation links, welche die Seiten, wie in der Seitenübersicht positioniert, anzeigt. Jede neu angelegte Seite ist automatisch so konfiguriert, dass sie in der Detailnavigation angezeigt wird. Ob und wie eine Seite in den Navigationselementen angezeigt wird ist immer änderbar. Hauptnavigation Um eine Seite in der Hauptnavigation anzuzeigen oder auszublenden, wählt man im Kontextmenü den Menüpunkt Hauptnavigation umschalten aus. Detailnavigation 18
Die Konfiguration, ob und wie die Seite in der Detailnavigation angezeigt wird, erfolgt ebenfalls über einen Menüpunkt im Kontextmenü. Unter Seitenattribute ändern kann angegeben werden, ob die Seite in der Detailnavigation angezeigt werden soll: Links nicht anzeigen nicht in der Subnavigation zeigen Weder in Haupt noch Detailnavigation anzeigen in keiner Navigation zeigen Des Weiteren kann der Seitenname für die Navigation angepasst werden. Eine Seite kann auch so konfiguriert werden, dass statt auf die eigentliche Seite zu verweisen, auf eine externe URL verlinkt wird. Damit neue Seiten oder eine geänderte Navigation in bestehenden Projektseiten angezeigt werden, müssen ALLE SEITEN erneut veröffentlicht werden. Das liegt daran, dass die Navigation in jeder Seite gespeichert ist und die früher veröffentlichten Seiten eine Änderung der Navigation nicht automatisch "mitbekommen". Zentrale Inhalte Über die Funktion Zentrale Inhalte kann ein HTML Schnipsel gepflegt werden, das in der rechten Spalte aller Projektseiten optional zur Verfügung steht. Dies erspart die mehrfache Pflege des Inhalts der rechten Spalte. Die Angabe als HTML Code lässt dem Redakteur gestalterische Freiheit, setzt aber Grundkenntnisse in HTML voraus. Um die Zentralen Inhalte in eine Projektseite einzubinden, muss der Seite das Seitenlayout Verwaltungsstelle rechts zentral zugewiesen werden. 19
Der Dialog zur Pflege der Zentralen Inhalte ist über den gleichnamigen Eintrag im Projektmenü zu erreichen. Die Eingabe erfolgt als HTML Code den Textblock. Beispiel: Eine aktuell gehaltene Vorlage befindet sich unter http://netkey.igmetall.de. Aufgaben In deinem Schulungsprojekt sind die zentralen Inhalte bereits vorkonfiguriert! Lege eine neue Seite an! Weise der Seite das Seitenlayout Verwaltungsstelle rechts zentral zu! Teaser Ein Teaser (engl. to tease = anreißen) ist eine Kurzbeschreibung oder ein Textausschnitt, der zum Weiterlesen verleiten soll. In Netkey bestehen Teaser aus einer Überschrift und einem Anlesetext, die an anderer Stelle (z.b. auf der Start oder Newsseite) erscheinen und auf den entsprechenden Artikel verweisen sollen. Ein Teaser wird in eine Seite eingebunden um auf einen thematisch verwandten Artikel zu verweisen. 20
Teaserkategorien Jeder Teaser muss einer Kategorie zugeordnet werden. Die Kategorie ermöglicht es, angelegte Teaser strukturiert auszuwählen. Kategorisiert werden kann z.b. chronologisch in Form von Monaten oder Jahren oder thematisch nach Branchen, Betrieben, etc. Die Teaserkategorien werden über den Hauptmenüeintrag Teaserkategorien editieren gepflegt. Teaser erstellen Der neue Teasereintrag wird über das Layoutelement Teaser Eintrag in der Seite angelegt, auf die der Teaser verweisen soll. Angegeben werden müssen Teaserkategorie, Überschrift und Anlese. 21
Teaser anzeigen Die Anzeige von Teasern erfolgt über die Einbindung des Layoutelements Teaser anzeigen. In der Konfiguration des Layoutelements müssen die Teaserkategorie und die maximale Anzahl der anzuzeigenden Teasereinträge angegeben werden. Die Anzeige der Teaser erfolgt absteigend sortiert nach ihrem Erstellungsdatum. Aufgaben Erzeuge eine Teaserkategorie! Erstelle in mindestens einer deiner Seiten einen neuen Teasereintrag! Binde die neue Teaserkategorie in einer anderen Seite ein! 22
Notizen 23
Bildergalerie Wenn eine größere Anzahl an Bildern präsentiert werden soll, bietet es sich an, diese über das Layoutelement Galerie anzuzeigen. Die ausgewählten Bilder werden in einem Overlay (Überlagerung) über dem Seiteninhalt präsentiert. Bilder können einzeln oder über Angabe eines Verzeichnisses ausgewählt werden. Bei der Angabe eines Verzeichnisses werden alle Bilder innerhalb des Verzeichnisses ausgewählt, nicht aber Bilder, die sich in Unterverzeichnissen befinden. Durch Klick auf Einzelne Bilder hinzufügen (+) bzw. Verzeichnisinhalt hinzufügen (+) wird ein neues Eingabeelement zur Angabe der Quelle angezeigt. (Durch Klick auf das Icon Auswahl öffnen, öffnet sich jeweils der Bildmanager bzw. im Fall von Verzeichnissen der Dateimanager.) Im Konfigurationsdialog der Galerie können des Weiteren Titel, Beschreibung und ein Vorschaubild für die Galerie angegeben werden. Die Angaben sind optional. Sollte auf die Angabe verzichtet werden wird das erste, für die Galerie ausgewählte Bild als Vorschaubild angezeigt. 24
Aufgaben Lege eine neue Seite an! Erstelle eine Galerie aus einzelnen Bildern und Verzeichnisinhalten! Kontaktformular Das Layoutelement Feedback erlaubt es dem Redakteur ein einfaches Formular zu erstellen, das für Umfragen oder z.b. zur Kontaktaufnahme eingesetzt werden kann. 25
Zunächst wird das Layoutelement Feedback eingefügt und der Folgedialog Feedback konfigurieren ausgewählt. Hier wird konfiguriert, ob der Benutzer nach dem Abschicken des Formulars auf eine Bestätigungsseite weitergeleitet werden soll, zu welcher Seite nach dem Abschicken oder Bestätigen weitergeleitet werden soll und an welche E Mail Adresse(n) das Formular geschickt werden soll. Die Erstellung des eigentlichen Formulars erfolgt über die Einbindung zusätzlicher Layoutelemente. 26
Nach der Auswahl eines der zusätzlichen Layoutelemente, muss dieses im Folgedialog mit dem Hauptelement verknüpft werden. Dies geschieht über Angabe der Layoutelement ID des Hauptelements. Ist nur ein Formular auf der Seite eingebunden, so wird im Auswahlfeld nur eine einzige Layoutelement ID angeboten. Aufgaben Erzeuge eine neue Seite und konfiguriere ein Kontaktformular! Erstelle eine weitere, neue Seite ( Danke Seite ), auf die der Benutzer nach dem Absenden weitergeleitet werden soll! Gib die Adresse der Danke Seite in der Konfiguration des Kontaktformulars an! Ändere die Seitenattribute der Danke Seite. Sie soll nicht in der Navigation angezeigt werden! 27
Notizen 28
Seitenfuß Neben einem Link auf das Impressum kann der Seitenfuß benutzt werden, um auf zentrale Serviceseiten der IG Metall zu verweisen. Der Seitenfuß wird zentral unter dem Hauptmenüpunkt Fuss Editieren als HTML Code gepflegt und wirkt sich auf alle Seiten aus. Damit Änderungen am Seitenfuß in Projektseiten übernommen werden, müssen ALLE SEITEN erneut veröffentlicht werden. Vorlage: Eine aktuell gehaltene Vorlage befindet sich unter http://netkey.igmetall.de. Impressum Ein Impressum ist eine in Deutschland vorgeschriebene Herkunftsangabe, um den für den Inhalt Verantwortlichen kenntlich zu machen. Des Weiteren wird im Impressum (oder den AGB) je nach Inhalt und Nutzungsart der Website auf Nutzungs oder Geschäftsbedingungen z.b. bezüglich Urheberrecht, Markenschutz, Gewährleistung des Inhalts, etc. hingewiesen. In Netkey gibt es keine spezielle Funktion, um das Impressum zu pflegen. Das Impressum wird in einer normalen Seite gepflegt und über den Seitenfuß, linke Navigation (oder Hauptnavigation) in alle Projektseiten eingebunden. Best Practice: Neue Seite Impressum auf oberster Ebene anlegen. Vorlage (siehe unten) einfügen und anpassen. Seite freischalten und öffnen. URL der freigeschalteten Seite kopieren und Link im Seitenfuß anpassen. Vorlage: Eine aktuell gehaltene Vorlage befindet sich unter http://netkey.igmetall.de Aufgaben Kopiere, wie im Best Practice beschrieben, die Vorlage in eine neue Seite! Passe den Link im Seitenfuß an! 29
Statistik Die Statistik zeigt unterteilt in Monate, wie oft auf den Auftritt zugegriffen wurde. Angezeigt werden jeweils die Zugriffe auf eine Seite und in Summe am Ende der Statistik. Die Statistik wird alle 15 Minuten automatisch aktualisiert. Der Aufruf der Statistik erfolgt über den Hauptmenüpunkt Statistik. Weiterführende Informationen Vorlagen, eine detaillierte Beschreibung als Klickstrecke und viele weiter nützliche Infos findet ihr unter http://netkey.igmetall.de. 30