Arbeiten mit Drupal. Teil 1: Basismodul

Transkript

1 Arbeiten mit Drupal Teil 1: Basismodul

2 Arbeiten mit Drupal Teil 1: Basismodul AGENDA Web-Content-Management-System Funktionen von Drupal Inhalte erstellen Inhalte formatieren 2

3 Web-Content-Management-System Drupal WAS IST EIN CONTENT-MANAGEMENT-SYSTEM? Software zur einfachen Erstellung und Verwaltung von Webinhalten Redaktionssystem Trennung von Inhalt und Layout/Design Redakteur muss sich nur noch mit Einpflegen und Aktualisieren der Inhalte befassen 3

4 Web-Content-Management-System Drupal WAS SIND DIE VORTEILE EINES CMS? Keine Vorkenntnisse in HTML, CSS, Arbeitsplatz benötigt keine zusätzliche Software Webbrowser ist ausreichend Bedienfreundliche Umgebung Durchsetzung des Corporate Designs 4

5 Web-Content-Management-System Drupal KURZVORSTELLUNG DRUPAL Drupal 6.x (freie Software OpenSource) PHP-basiert unter Verwendung MySQL Flächendeckende Einführung im April 2014 Ursprünglich 2010/2011 Relaunch: neues Webdesign und Umstellung der zentralen Seiten Stand 2017: ca Seiten im System, ca Redakteure 5

6 Web-Content-Management-System Drupal AUFBAU VON DRUPAL Core mit Grundfunktionalität User, Node, System Module für zusätzliche Funktionen Galerie, Editor, Dateibrowser, über vollwertige Drupal-Module davon für Drupal 6 kompatibel ( für Drupal 7, für Drupal 8) 6

7 Web-Content-Management-System Drupal EIGENSCHAFTEN VON DRUPAL Menschen- und maschinenlesbare Adressen Inhaltstypen für verschiedenartige Seiten Rollenbasiertes Rechtesystem Versionierung der Inhalte Anbindung an LDAP-Server 7

8 Web-Content-Management-System Drupal SYSTEMLANDSCHAFT Drupal 3 Testsystem Drupal 2 Qualitätssystem Drupal 1 Produktivsystem Tests von Patches und Updates Testsystem für Erweiterungen, Module Ausbildungsund Schulungssystem Kopie des Produktivsystems Zielsystem für das gesamte Webangebot Pflege der Inhalte 8

9 Web-Content-Management-System Drupal FRAGEN? Redaktionssystem Webbasiert Drupal Version 6.x Core mit Grundfunktionen Module für Erweiterungen 3 Drupal-Instanzen 9

10 Funktionen von Drupal LOGIN IN DRUPAL Login erfolgt mittels Shibboleth-Authentifizierung Zentrales Uni-Login Login-Link im Footermenü: Heutiges Schulungssystem: Hinweis: Vorheriges Login ist erforderlich für Berechtigungen. 10

11 Funktionen von Drupal REDAKTIONSMODUS Inhalts- und Gruppenverwaltung 11

12 Funktionen von Drupal GRUPPENVERWALTUNG 12

13 Funktionen von Drupal INHALTSVERWALTUNG 13

14 Funktionen von Drupal REDAKTIONSMODUS Bearbeitungsleiste 14

15 Funktionen von Drupal VERSIONEN 15

16 Funktionen von Drupal UNTERSEITE HINZUFÜGEN 16

17 Funktionen von Drupal FRAGEN? Login über Fußzeile Inhalts- und Gruppenverwaltung Funktionen im Bearbeitungsmodus 17

18 Inhalte erstellen NEUE SEITE ANLEGEN: UNTERSEITE HINZUFÜGEN Inhalte werden hierarchisch (Baumstruktur) abgelegt Unterseite hinzufügen: unterhalb der aktuellen Seite Wichtige Felder: Seitentitel (beeinflusst auch Menütitel und URL-Alias) Textkörper (eigentlicher Inhalt) Veröffentlichungseinstellungen 18

19 Inhalte erstellen UNTERSEITE HINZUFÜGEN: SEITE 19

20 Inhalte erstellen NEUE SEITE ANLEGEN: WEITERE FELDER Bannerbild Bildergalerie Sprache Menüeinstellungen Gruppen Meta-Tags Verantwortlicher Versionsinformationen 20

21 Inhalte erstellen UNTERSEITE HINZUFÜGEN: AKTUELLES/NEWS 21

22 Inhalte erstellen FRAGEN? Unterseite hinzufügen Neue Seite anlegen Aktuelles/News anlegen Vordefinierte Felder Wichtige Felder Weitere Felder 22

23 Inhalte formatieren INHALTE FORMATIEREN MIT DEM WYSIWYG-EDITOR WYSIWYG = What You See Is What You Get Erstellen und Bearbeiten von Web-Inhalten Keine Vorkenntnisse von HTML & Co. Angelehnt an Textverarbeitungsprogramme 23

24 Inhalte formatieren SEMANTISCHE STRUKTURIERUNG Semantik = Bedeutung von Inhalten Beispiel: Überschriften häufig größer und fett gedruckt dargestellt Merke: Nicht jeder fett und groß gedruckte Text ist zwangsläufig eine Überschrift 24

25 Inhalte formatieren ZIEL: NACH SEMANTISCHEN KRITERIEN STRUKTURIEREN Inhalte sinnvoll mit dafür passenden Elementen auszeichnen Beispiel: Überschrift 2. Ordnung mit h2-element Merke: Text nicht als Überschrift auszeichnen, nur damit dieser größer aussieht 25

26 Inhalte formatieren SEMANTISCHE ELEMENTE BENUTZEN Überschriften Absätze Listen Wichtige Textstellen 26

27 Inhalte formatieren VORTEILE VON SEMANTISCHER STRUKTURIERUNG Seitenbesucher kann Inhalte besser und schneller erfassen Screenreader können Inhalte besser aufbereiten (Barrierefreiheit) Suchmaschinen können Struktur des Dokuments besser erfassen (Ranking) Lesemodus im Browser (nur Hauptinhalte einer Seite) 27

28 Inhalte formatieren WOZU DAS GANZE? Texte werden überflogen Lesen auf Bildschirmen anstrengender Erleichterung durch semantische Strukturierung Beispiel: Link zur Prüfungsanmeldung 28

29 Inhalte formatieren FRAGEN? Inhalte formatieren mit dem WYSIWYG-Editor Semantische Strukturierung Inhalte nach semantischen Kriterien strukturieren Semantische Elemente benutzen Vorteile von Semantischer Strukturierung 29

30 Arbeiten mit Drupal Teil 1: Basismodul PRAKTISCHER TEIL Word-Dokument herunterladen Übungsaufgaben selbstständig bearbeiten Bei Fragen oder Unklarheiten umgehend melden 30

31 Arbeiten mit Drupal Teil 1: Basismodul WEITERFÜHRENDE INFORMATIONEN Webportal: Fragen und Probleme: Weitere Weiterbildungen: Webinhalte optimieren: 7.11., Barrierefreiheit im Web: Bloggen: Konzeption, Gestaltung und Administration: Online-Umfragen erstellen mit LimeSurvey: