Dokumentation LKSH Website CMS typo3

Transkript

1 Dokumentation LKSH Website CMS typo3 Stand: Inhalt Schnell zum Ziel... 3 Login... 3 Übersicht über die Bereiche von TYPO Das Bearbeiten von Seiten Frontend Editing... 7 Das erweiterte Inhaltselement... 8 Upload von Dokumenten und Bildern Workspaces Nachricht an den Chefredakteur Ein beispielhafter Nutzungsvorgang Seitentypen Formatierungen Startseite Aufbau der Startseite Bearbeitbare Elemente der Startseite Elemente & Formatierungen der Startseite Inhaltsseite Typ 1 Bereichseingangsseite Aufbau der Bereichseingangsseite Bearbeitbare Elemente der Bereichseingangsseite Elemente & Formatierungen der Bereichseingangsseite Inhaltsseite Typ 2 Brückenseite Aufbau der Brückenseite Bearbeitbare Elemente der Brückenseite Elemente & Formatierungen der Brückenseite Inhaltsseite Typ 3 Inhaltsseite mit Tabs Aufbau der Inhaltsseite mit Tabs Bearbeitbare Elemente der Inhaltsseite mit Tabs Elemente & Formatierungen der Inhaltsseite mit Tabs Inhaltsseite Typ 4 einfach Aufbau der Inhaltsseite mit Tabs Elemente & Formatierungen der Inhaltsseite einfach Inhaltsseite Typ 5 einfach mit Bild Aufbau der der Inhaltsseite einfach mit Bild Elemente & Formatierungen der Inhaltsseite einfach mit Bild

2 Inhaltsseite Sonderseiten Typ 1 Organisation Inhaltsseite Sonderseiten Typ 2 Kammerstandorte Bildgrößen

3 Schnell zum Ziel Mit den folgenden Schritten gelangen Sie schnell zum Ziel. Enthalten in diesem Abschnitt sind Informationen zum Login, zum Upload von Grafiken und Dateien sowie zur Änderung von Texten in den eigentlichen Inhaltsseiten. Login Zur Administration der Website loggen Sie sich vorerst unter der folgenden Adresse im Internet ein: Geben Sie dort den Ihnen zugewiesenen Benutzernamen und Ihr Passwort ein und klicken Sie auf anmelden. Nach erfolgreichem Anmeldevorgang erhalten Sie folgende Ansicht: Die Startseite gibt Ihnen einen Überblick über die zur Verfügung stehenden Möglichkeiten. Entsprechend der Vorgaben der LKSH verfügen Sie in der Regel nur über eingeschränkte Rechte und 3

4 können nur Teile der Präsentation bearbeiten. Das beinhaltet u.a. auch nur das Recht, Seiten zu bearbeiten, nicht aber diese zu veröffentlichen. Alle Veränderungen, die Sie durchführen, werden Ihnen nur in der Vorschauversion angezeigt. Diese Veränderungen müssen erst durch die Chefredakteure für die Live Version freigeschaltet werden. Bitte informieren Sie die Chefredakteure über Veränderungen, damit das auch geschieht! Übersicht über die Bereiche von TYPO3 Die normale Ansicht des Backends stellt sich in der Regel wie folgt dar: 1. Login Informationen und weitere Funktionen a. Möglichkeit, sich wieder zu abzumelden (das sollten Sie nach jeder Sitzung auch wirklich machen, nicht einfach das Browserfenster schließen!) b. Sie können ein Lesezeichen hinzufügen für Seiten, an denen Sie oft arbeiten c. Sie können in den sogenannten Workspace wechseln. Über diesen teilen Sie dem Chefredakteur mit, welche Seiten zur Veröffentlichung vorgesehen sind. d. Sie können nach bestimmten Elementen suchen. Geben Sie dazu ein Stichwort oder eine Id ein, Sie erhalten dann entsprechende Ergebnisse angezeigt. 4

5 2. Die allgemeinen Bereiche a. Seite: Dieses Modul ermöglicht Ihnen, Seiten zu erstellen und zu bearbeiten. Zusätzlich bietet es einen Assistenten zur Auswahl einer Vorlage und Verwaltung verschiedener Übersetzungen einer Seite. b. Anzeigen: Zeigt die aktuelle Seite an und lässt Sie den Inhalt direkt bearbeiten. c. Liste: Das Modul Web > Liste bietet den grundlegendsten Zugriff auf die Datensätze einer Seite. d. Workspaces: Dieser Bereich ermöglicht die Versionierung von Seiten sowie die Trennung von Redaktion und Freischaltung. e. Dateiliste: Dies ist das Dateiverwaltungssystem von TYPO3. Es erlaubt den Zugriff auf die für Ihren Benutzer gültigen Verzeichnisfreigaben. Mit diesem Modul können Sie Dateien hochladen, sie auf dem Server kopieren, verschieben und löschen. f. Einstellungen: Dieses Modul dient zur Konfiguration Ihres Backend Benutzerprofils. Hier können Sie Ihren Namen, Ihre E Mail Adresse, die benutzte Backend Sprache und einige andere allgemeine Systemeigenschaften für Ihr Benutzerkonto festlegen. g. Hilfe: Hier finden Sie Informationen zu TYPO3 und zu eingebundenen Modulen. 3. Der Seitenbaum a. Der Seitenbaum zeigt Ihnen die vorhandenen Seiten des Ihnen zugewiesenen Bereiches an. Per Linksklick auf die kleinen Pfeile erhalten Sie die Unterseiten der jeweiligen Seite angezeigt. b. Wenn Sie per Linksklick auf eine Seite ansteuern, öffnet sich auf der rechten Seite (4.) die Seite mit den einzelnen Inhaltselementen. c. Wenn Sie eine Seite mit der linken Maustaste festhalten, können Sie diese auch verschieben. d. Per Rechtsklick können Sie Aktionen für einzelne Seiten durchführen (ansehen, deaktivieren, Seitenaktionen > kopieren etc.) 4. Der Inhaltsbereich Der rechte Bereich beinhaltet die meisten Funktionen. An dieser Stelle sind diese nur zusammenfassend aufgeführt, eine nähere Beschreibung findet sich später. a. Übergeordnete Funktionen i. Seite anlegen ii. Seite ansehen 5

6 iii. Seiteneigenschaften bearbeiten (Meta Tags, Titel, Zugriff etc.) iv. Seite verschieben v. Durchgeführte Aktionen ansehen b. Kopfbereich i. Bild im Kopfbereich bearbeiten ii. TOP Thema u.a. Elemente bearbeiten c. Linke Spalte i. Ggf. Ansprechpartner bearbeiten ii. Ggf. Service & Downloads bearbeiten d. Spalte eins i. Alle Inhalte im zentralen Bereich bearbeiten e. Zusatzfooter i. Fußzeile 6

7 Das Bearbeiten von Seiten Frontend Editing Eine einfach nachvollziehbare Möglichkeit der Bearbeitung von Inhalten in TYPO3 ist das Frontend Editing. Damit können Sie über die Website surfen und die gewünschten Elemente einfach per Klick auf einen kleinen Bleistift bearbeiten. Um das Frontend Editing zu nutzen, müssen Sie sich vorher am Backend angemeldet haben (siehe Login). Klicken Sie anschließend im Bereich 2 auf Anzeigen (siehe Seite 4) oder öffnen Sie einen neuen Tab in Ihrem Browser (z.b. über Strg + T). Steuern Sie dann die Ihnen zugewiesenen Seiten an. Auf den Seiten, für deren Bearbeitung Sie freigeschaltet sind, sehen Sie kleine Stifte an einzelnen Elementen, wie es z.b. nachfolgend dargestellt ist: Je nachdem, auf welchen Stift Sie klicken, öffnet sich das dazugehörige Element zur weiteren Bearbeitung. Beispielhaft erhalten Sie eine Darstellung wie in der folgenden Grafik visualisiert. Die wichtigsten Bearbeitungsoptionen sind dabei: 1. Die verschiedenen Speicherfunktionen a. Speichern, Fenster bleibt geöffnet b. Speichern & Vorschau c. Speichern & schließen des Fensters d. Speichern & Anlegen eines neuen Elementes (diese Option benutzen Sie bitte nicht!) 7

8 2. Löschen des Elementes 3. Bearbeiten des gesamten Elementes 4. Optionen für die Bearbeitung des Inhaltes, z.b. B für fette Auszeichnung oder anlegen einer Liste etc. 5. Das Feld in dem die Inhalte enthalten sind. 6. Hinweis auf den Vorschaustatus der Seite. Das erweiterte Inhaltselement In TYPO3 können Inhaltselemente unterschiedlichste Funktionen beinhalten. Darüber hinaus ist es möglich, Inhaltselemente an verschiedensten Stellen zu verwenden. Ausgehend von dem eben dargestellten Beispiel kann über den kleinen Stift in der rechten oberen Ecke (3.) das gesamte Inhaltselement geöffnet werden. Da fast alle Funktionen von TYPO3 genutzt werden, ist es manchmal etwas übersichtlicher, gleich die erweiterte Ansicht zu öffnen. Folgende Bereiche können dort bearbeitet werden (hier am Beispiel Inhaltselementes vom Typ Text und Bilder ): 8

9 Allgemein Hier geben Sie die Überschrift und den Text des Elementes ein, Sie können auch den Typ des Elementes verändern. Bilder An dieser Stelle laden Sie das Bild in das Element und geben die dazugehörigen Bezeichnungen an. Zugriff Hier stellen Sie die Sichtbarkeit des Elementes ein und können das Element auch mit einem Passwortschutz versehen. Erscheinungsbild An dieser Stelle können Sie die Optik des Elementes insgesamt sowie die Ausrichtung des Bildes beeinflussen. 9

10 Upload von Dokumenten und Bildern Wenn Sie Dokumente zum Download bereitstellen wollen, müssen diese erst einmal auf den Server geladen werden. Wechseln Sie dazu in das Backend und wählen Sie mit einem Linksklick den Bereich Dateiliste. Sie erhalten dann folgende Ansicht: 1. Klicken Sie auf Dateiliste, Sie erhalten dann Zugriff auf die Bereiche a. user_upload: beinhaltet in erster Linie die Presse & Fachartikel b. grafiken: beinhaltet die verwendeten Grafiken der Website c. dokumente: beinhaltet die Dokumente der Website 2. Klicken Sie sich bis zu dem Verzeichnis hindurch, in dem die neuen Dokumente abgelegt werden sollen. Die Verzeichnisstruktur orientiert sich an der Websitestruktur. Bitte behalten Sie das auch so bei, damit auch andere Personen die Dokumente nutzen können. Es bietet sich an, für bestimmte Verzeichnisse Unterverzeichnisse mit Jahresangabe anzulegen, um die Anzahl von Dokumenten in einer Ansicht übersichtlich zu halten. 3. Über diesen Button können Sie Dateien auf den Server laden. Es öffnet sich ein Fenster, über das Sie Zugriff auf Ihren Rechner haben. Dort können Sie mehrere Dokumente auf einmal zum Upload auswählen. 4. Über diesen Button können Sie ein zusätzliches Verzeichnis anlegen. 10

11 5. Wenn Sie per Linksklick dieses Icon wählen, werden Ihnen verschiedene Bearbeitungsoptionen angeboten (umbenennen, löschen etc.). 6. Über die Pfeile können Sie die Ansicht aktualisieren. In der Vergangenheit gab es immer wieder Probleme mit Dokumenten, die gelöscht wurden, trotzdem aber noch im Zwischenspeicher des Systems enthalten waren. Wir haben nun eine andere Lösung realisiert. Bitte beachten Sie, dass sich die Veränderung, die Sie hier durchführen, sofort auf das Frontend auswirken. Wenn Sie eine einmal verlinkte Datei umbenennen, wird diese danach nicht mehr gefunden. Auch die Veränderung des Standortes führt dann bei den Links zu einer Fehlermeldung. Workspaces Nachricht an den Chefredakteur Wenn Sie mit der Bearbeitung Ihrer Inhalte fertig sind, müssen Sie den Chefredakteur informieren, dass die Inhalte nun freigeschaltet werden können. Gehen Sie dazu wie folgt vor: 1. Wählen Sie den Bereich Workspaces aus. 2. Klicken Sie ggf. die oberste Seite an. 3. Fahren Sie mit der Maus über die durchgeführte Änderung. Es erscheint ein grüner Pfeil rechts neben der Änderung. 11

12 4. Klicken Sie auf den grünen Pfeil, dann öffnet sich ein Fenster zur weiteren Bearbeitung (siehe 6.). 5. Sie haben die Möglichkeit an dieser Stelle a. Die Seite noch einmal anzusehen. b. Die Seite / das Element zu bearbeiten. c. Die Änderung noch einmal anzusehen. d. Die Änderung zu verwerfen. 6. Geben Sie in dem ersten Feld ein, an wen die Nachricht zur Veröffentlichung gehen soll und schreiben Sie in dem 2. Feld einen hilfreichen Kommentar dazu. Bestätigen Sie abschließend den Vorgang über ein Klick auf OK. 12

13 Ein beispielhafter Nutzungsvorgang Im folgenden werden die wesentlichen Schritte zur Bearbeitung von Inhalten noch einmal zusammengefasst. Dabei gehen wir davon aus, dass Bilder bereits in korrekter Größe und die Dokumente als PDF vorliegen 1. Loggen Sie sich im Backend ein. 2. Wählen Sie Dateiliste. 3. Bilder hochladen a. Wählen Sie zum Upload der Bilder das Verzeichnis aus, in das die Bilder gelegt werden sollen, Navigieren Sie sich dazu durch den entsprechenden Verzeichnisbaum unter /grafiken/. b. Klicken Sie auf das kleine Icon zum Dateien hochladen links oben (Punkt 3, siehe Seite 10). c. Wählen Sie von Ihrem Rechner oder aus dem Netzwerk die Dateien aus, die hochgeladen werden sollen. Das können auch mehrere Grafiken sein. Halten Sie zur Auswahl mehrerer Dateien bitte die Strg Taste gedrückt. Bestätigen Sie die Auswahl der Dateien mit Ok, die Dateien werden hochgeladen. 4. Dokumente hochladen a. Wählen Sie zum Upload der Dokumente das Verzeichnis aus, in das die Dokumente gelegt werden sollen, Navigieren Sie sich dazu durch den entsprechenden Verzeichnisbaum unter /dokumente/. b. Klicken Sie auf das kleine Icon zum Dateien hochladen links oben (Punkt 3, siehe Seite 10). c. Wählen Sie von Ihrem Rechner oder aus dem Netzwerk die Dateien aus, die hochgeladen werden sollen. Das können auch mehrere Dokumente sein. Halten Sie zur Auswahl mehrerer Dateien bitte die Strg Taste gedrückt. Bestätigen Sie die Auswahl der Dateien mit Ok, die Dateien werden hochgeladen. 5. Inhalte bearbeiten a. Öffnen Sie einen neuen Tab in Ihrem Browser über Strg + T. b. Navigieren Sie zu der Seite, die Sie bearbeiten wollen. c. Bild austauschen i. Klicken Sie auf das Icon des Bildes, das ausgewechselt werden soll, so dass sich das entsprechende Fenster öffnet. Wählen Sie ggf. die Ansicht des gesamten Inhaltselementes über einen Klick auf den Stift rechts oben im Fenster. Wählen Sie dann den Karteireiter Bilder. 13

14 ii. Klicken Sie unter Bilder und Beschriftungen auf das bereits vorhandene Bildelement und löschen Sie es, indem Sie auf das kleine x rechts darunter klicken. iii. Klicken Sie dann auf das Verzeichnis Icon rechts neben den hoch runter Tasten. Es öffnet sich die Ansicht der Dateiliste. Navigieren Sie durch die Verzeichnisse (grafiken), bis Sie zu dem kommen, in dem Sie die Bilder abgelegt haben und klicken Sie dieses mit links an. Rechts von diesem Verzeichnis werden dann die enthaltenen Elemente angezeigt. Klicken Sie auf den Dateinamen, das Bild wird dann in das Element eingefügt. iv. Geben Sie unter Barrierefreiheit einen Alternativen Text und einen Titel an. v. Speichern Sie Ihre Aktion durch einen Klick auf das einfache Speichern Symbol ab. d. Text verändern i. Wechseln Sie zum Karteireiter Allgemein. ii. Führen Sie in dem Texteditor Fenster die gewünschte Änderung durch. iii. Speichern Sie Ihre Aktion durch einen Klick auf das einfache Speichern Symbol ab. e. Dokumentenlink einfügen i. Markieren Sie den Text, der auf das Dokument verlinken soll. Achten Sie darauf, dass Sie nur das Wort markieren und nicht noch das Freizeichen dahinter. ii. Klicken Sie auf den Button Link einfügen (Weltkugel). iii. Wählen Sie in dem neuen Fenster den Karteireiter Datei. iv. Navigieren Sie durch die Verzeichnisse (dokumente), bis Sie zu dem kommen, in dem Sie die Dokumente abgelegt haben und klicken Sie dieses mit links an. Rechts von diesem Verzeichnis werden dann die enthaltenen Elemente angezeigt. Klicken Sie auf den Dateinamen, das Dokument wird dann als Link auf den Text gelegt. v. Speichern Sie Ihre Aktivität ab und schließen Sie danach das Fenster. f. Führen Sie anschließend ggf. noch weitere Bearbeitungen auf anderen Seiten durch. 6. Redakteur benachrichtigen a. Wechseln Sie wieder in das Backend. b. Wählen Sie den Bereich Workspaces aus. c. Klicken Sie ggf. die oberste Seite an. 14

15 d. Fahren Sie mit der Maus über die durchgeführte Änderung. Es erscheint ein grüner Pfeil rechts neben der Änderung. e. Klicken Sie auf den grünen Pfeil, dann öffnet sich ein Fenster zur weiteren Bearbeitung. f. Geben Sie in dem Fenster im ersten Feld ein, an wen die Nachricht zur Veröffentlichung gehen soll und schreiben Sie in dem 2. Feld einen hilfreichen Kommentar dazu. Bestätigen Sie abschließend den Vorgang über ein Klick auf OK. 7. Fertig! => Melden Sie sich wieder aus dem System ab. 15

16 Seitentypen Formatierungen Um eine nachvollziehbare Einstellungsmöglichkeit für die Redakteure zu realisieren haben wir die Möglichkeiten von typo3 genutzt. Die entsprechenden Möglichkeiten können über das Backend eingestellt werden oder über das Frontend Editing. Beispielhaft dargestellt an folgendem Element: Abbildung 1 Redaktionelle Bearbeitung an einem Beispielelement Das dargestellte Element ist ein Teaser auf der Startseite. Dieses Element gliedert sich in folgende Teile: 1. Überschrift: Futterkamp 2. Typ: Layout 2 (= Überschrift 2. Ordnung) 3. Inhaltstext 4. Bild (Zugriff über Karteireiter Bilder ) Über die gesamte Website sind die Elemente sehr kleinteilig gehalten, um den Redakteuren die Möglichkeit zu eröffnen, einzelne Elemente zu kopieren und anschließend nur die Inhalte auszutauschen. Diese Vorgehensweise ist unserer Ansicht nach relativ sicher, um unschöne Formatierungen zu vermeiden. Die Besonderheiten sind im Folgenden aufgeführt. Sofern Elemente nicht auftauchen, können dort die Standardeinstellungen verwendet werden. 16

17 Startseite Aufbau der Startseite Die Startseite ist die Seite, die aufgerufen wird, wenn der Nutzer die Domain eingegeben hat. Auf der Startseite erhält der Nutzer einen ersten Einblick in die Arbeit und die damit verknüpften Leistungen der Landwirtschaftskammer. Damit nimmt diese Seite eine besondere Rolle ein und unterscheidet sich auch optisch stark von vielen anderen Seiten. Abbildung 2 Startseite 17

18 Bearbeitbare Elemente der Startseite Die Startseite ist grundsätzlich aus folgenden bearbeitbaren Elementen aufgebaut: 1. Image Grafik 2. TOP Thema 3. Bild des Tages 4. Teaser (horizontal beweglich) 5. Linkliste Schnell zum Ziel 6. Bild 7. Bild 8. Bild 9. Fachartikel (3 aktuelle Artikel aus allen Bereichen) 10. Marktinformationen 11. Terminkalender (Agrarterminkalender) 12. Fußbereich Elemente & Formatierungen der Startseite Element Kopfbild Teaser Schnell zum Ziel Formatierungen Element: Bilder Karteireiter Erscheinungsbild > Bildeinstellungen: Qualität und Typ: Keine (ignoriert ) Element: Text und Bilder Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Box Karteireiter Erscheinungsbild > Bildausrichtung: Oben mittig Element: Text 18

19 Typ: Verborgen Karteireiter Allgemein > Text: Überschrift = Überschrift 2 Fachartikel, Markt, Terminkalender Element: Plugin oder Text und Bilder Typ: Layout 2 19

20 Inhaltsseite Typ 1 Bereichseingangsseite Aufbau der Bereichseingangsseite Die Inhaltsseite vom Typ 1 ist die Einstiegsseite zu den Kernleistungen der Landwirtschaftskammer. Diese Seite ist somit eine Übergangsseite und soll den Nutzer einen Hinweis auf die darunterliegenden Bereiche geben. Abbildung 3 Inhaltsseite Typ 1 Bereichseingangsseite 20

21 Bearbeitbare Elemente der Bereichseingangsseite Diese Inhaltsseite ist grundsätzlich aus folgenden bearbeitbaren Elementen aufgebaut: 1. Image Grafik 2. Bild aktuell 3. (TOP Thema, optional) 4. Bereichs Teaser (optional) 5. Ansprechpartner 6. Service & Downloads 7. Themen (Teaser zum Aufklappen) 8. Fließtext zu diesem Bereich 9. Kurztexte zu den nächsten Unterbereichen 10. Fachartikel (aktuelle Artikel aus diesem Bereich) 11. Fußbereich 21

22 Die relevantesten Elemente sehen Sie im Zusammenhang mit den jeweiligen Einstellungen nachfolgend aufgeführt. 22

23 Elemente & Formatierungen der Bereichseingangsseite Element Kopfbild Ansprechpartner Service & Downloads Themenbox Teaser zum Klappen Fließtext Kurztexte zu den nächsten Unterbereichen Fachartikel (Text) Fachartikel (Artikel) Formatierungen Element: Bilder Karteireiter Erscheinungsbild > Bildeinstellungen: Qualität und Typ: Keine (ignoriert ) Element: Text oder Plugin Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Boxgrau Element: Text Typ: Layout 2 Element: Text Typ: Layout 3 Link: auf die entsprechende Seite setzen Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Klappfunktion Element: Text Typ: Layout 1 Element: Text und Bilder Typ: Verborgen Karteireiter Allgemein > Text: Überschrift = Überschrift 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Uebersicht Karteireiter Erscheinungsbild > Bildausrichtung: Im Text links Element: Text und Bilder Typ: Verborgen Karteireiter Allgemein > Text: Überschrift = Überschrift 2 Element: Plugin einfügen Typ: Verborgen 23

24 Inhaltsseite Typ 2 Brückenseite Aufbau der Brückenseite Die Inhaltsseite vom Typ 2 ist eine Übergangsseite zu den nächsten Seiten, die unterhalb dieser Ebene liegen. Dieser Seitentyp bietet sich insbesondere bei breit aufgefächerten Fachbereichen. Abbildung 4 Inhaltsseite Typ 2 Brückenseite 24

25 Bearbeitbare Elemente der Brückenseite Diese Inhaltsseite ist grundsätzlich aus folgenden bearbeitbaren Elementen aufgebaut: 1. Image Grafik 2. Bild aktuell 3. (TOP Thema, optional) 4. Bereichs Teaser (optional) 5. Ansprechpartner 6. Service & Downloads 7. Themen (Teaser zum Aufklappen) 8. Fließtext zu diesem Bereich 9. Kurztexte zu den nächsten Unterbereichen (jeweils einzelne Bild Text Elemente) 10. Fachartikel (aktuelle Artikel aus diesem Unterbereich) 11. Fußbereich 25

26 Die relevantesten Elemente sehen Sie im Zusammenhang mit den jeweiligen Einstellungen nachfolgend aufgeführt. 26

27 Elemente & Formatierungen der Brückenseite Element Kopfbild Ansprechpartner Service & Downloads Themenbox Teaser zum Klappen Fließtext Kurztexte (3 Spalten) zu den nächsten Unterbereichen Fachartikel (Artikel) Formatierungen Element: Bilder Karteireiter Erscheinungsbild > Bildeinstellungen: Qualität und Typ: Keine (ignoriert ) Element: Text oder Plugin Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Boxgrau Element: Text Typ: Layout 2 Element: Text Typ: Layout 3 Link: auf die entsprechende Seite setzen Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Klappfunktion Element: Text Typ: Layout 1 Element: Text und Bilder Typ: Layout 3 Link: auf die entsprechende Seite setzen Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Kategorie Karteireiter Erscheinungsbild > Bildausrichtung: Oben mittig Element: Plugin einfügen Typ: Layout 2 27

28 Inhaltsseite Typ 3 Inhaltsseite mit Tabs Aufbau der Inhaltsseite mit Tabs Die Inhaltsseite vom Typ 3 wird häufig benutzt und ist vom Inhalt her sehr umfangreich. In der Regel bildet diese Seite den Abschluss eines Navigationsstrangs. Im Vergleich zur vorherigen Internetpräsentation fasst dieser Seitentyp mehrere Inhaltsseiten zusammen. Abbildung 5 Inhaltsseite Typ 3 Inhaltsseite mit Tabs 28

29 Bearbeitbare Elemente der Inhaltsseite mit Tabs Diese Inhaltsseite ist grundsätzlich aus folgenden bearbeitbaren Elementen aufgebaut: 1. Image Grafik 2. Bild aktuell 3. Bereichs Teaser (optional) 4. (TOP Thema, optional) 5. Ansprechpartner 6. Service & Downloads (optional) 7. Fließtext zu diesem Bereich 8. Tab Elemente (Fließtext oder Plugin mit verschiedenen Inhalten) 9. Fußbereich Die relevantesten Elemente sehen Sie im Zusammenhang mit den jeweiligen Einstellungen nachfolgend aufgeführt. 29

30 30

31 Elemente & Formatierungen der Inhaltsseite mit Tabs Element Formatierungen Kopfbild Ansprechpartner Service & Downloads Fließtext Element: Bilder Karteireiter Erscheinungsbild > Bildeinstellungen: Qualität und Typ: Keine (ignoriert ) Element: Text oder Plugin Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Boxgrau Element: Text Typ: Layout 2 Element: Text und Bilder Typ: Layout 1 Karteireiter Erscheinungsbild > Bildausrichtung: Im Text rechts Tabs (einfach) Element: Text oder Plugin einfügen Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Karteireiter Tabs (PDF Listen) Tabs (Ansprechpartner) Fachartikel (Artikel) Element: Text oder Plugin einfügen Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: PDFListe Element: Text oder Plugin einfügen Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Kategorie Element: Plugin einfügen Typ: Standard Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Karteireiter 31

32 Inhaltsseite Typ 4 einfach Aufbau der Inhaltsseite mit Tabs Die Inhaltsseite vom Typ 4 bietet sich an, wenn wenige Inhalte dargestellt werden sollen. Abbildung 6 Inhaltsseite Typ 4 einfach Diese Inhaltsseite ist grundsätzlich wie Typ 3 aufgebaut, nur die dort unter Punkt 8. aufgeführten Elemente kommen in diesem Seitentyp nicht vor. Die relevantesten Elemente sehen Sie im Zusammenhang mit den jeweiligen Einstellungen nachfolgend aufgeführt. 32

33 Elemente & Formatierungen der Inhaltsseite einfach Element Formatierungen Kopfbild Element: Bilder Karteireiter Erscheinungsbild > Bildeinstellungen: Qualität und Typ: Keine (ignoriert ) Ansprechpartner Element: Text oder Plugin Typ: Layout 2 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Boxgrau Service & Downloads Element: Text Typ: Layout 2 Fließtext Element: Text Typ: Layout 1 33

34 Inhaltsseite Typ 5 einfach mit Bild Aufbau der der Inhaltsseite einfach mit Bild Die Inhaltsseite vom Typ 5 bietet sich an, wenn wenige Inhalte dargestellt werden sollen, aber ein gutes Bild vorhanden ist. Abbildung 7 Inhaltsseite Typ 5 einfach mit Bild Diese Inhaltsseite ist grundsätzlich wie Typ 3 & 4 aufgebaut, nur die in Seitentyp 3 unter Punkt 8. aufgeführten Elemente kommen in diesem Seitentyp nicht vor. Darüber hinaus wurde an dieser Stelle ein Bild Text Element gewählt. Elemente & Formatierungen der Inhaltsseite einfach mit Bild Element Kopfbild Ansprechpartner Formatierungen Element: Bilder Karteireiter Erscheinungsbild > Bildeinstellungen: Qualität und Typ: Keine (ignoriert ) Element: Text oder Plugin Typ: Layout 2 34

35 Karteireiter Erscheinungsbild > Layout des Inhaltselements: Einrückung und Rahmen: Boxgrau Service & Downloads Fließtext Element: Text Typ: Layout 2 Element: Text und Bilder Typ: Layout 1 Karteireiter Erscheinungsbild > Bildausrichtung: Im Text rechts 35

36 Inhaltsseite Sonderseiten Typ 1 Organisation Diese Inhaltsseite wird im Bereich Über uns > Organisation verwendet. Dieser Seitentyp ermöglicht eine strukturierte Darstellung der jeweiligen Organe, ohne eine Tabelle verwenden zu müssen. Abbildung 8 Inhaltsseite Sonderseiten Typ 1 Organisation 36

37 Inhaltsseite Sonderseiten Typ 2 Kammerstandorte Diese Inhaltsseite wird im Bereich Über uns > Kammerstandorte verwendet. Dieser Seitentyp ermöglicht eine übersichtliche Darstellung aller Kammerstandorte auf einer Seite. Abbildung 9 Inhaltsseite Sonderseiten Typ 2 Kammerstandorte 37

38 Bildgrößen Die nachfolgenden Angaben geben die Größe im Verhältnis Breite x Höhe wieder. Verwendung: Kopfbereich Größe: 977px 344px Verwendung: Teaser Größe: 232px 164px Verwendung: Bildelemente Größe: 292px 110px Startseite 38

39 Verwendung: Kopfbereich Größe: 842px 204px Verwendung: Teaser Größe: 88px 88px Inhaltsseite Typ 1 Bereichseingangsseite Verwendung: Kopfbereich Größe: 842px 204px Verwendung: Teaser Größe: 224px 110px Inhaltsseite Typ 2 Brückenseite 39

40 Verwendung: Kopfbereich Größe: 842px 204px Verwendung: Inhalt Größe: 290px max. 290px (Höhe kann abweichen, abhgg. von Textlänge und Bildformat) Inhaltsseite Typ 3 Inhaltsseite mit Tabs Verwendung: Kopfbereich Größe: 842px 204px Verwendung: Inhalt Größe: 160px 171px Inhaltsseite Sonderseiten Typ 1 Organisation 40