Inhaltsübersicht. 1 Grundlagen. 2 Theming. 3 Module. 4 Editor. Accessible Drupal C. Fahrengruber. Einleitung. Grundlagen. Theming. Module.

Transkript

1 CMS und Barrierefreiheit am Beispiel Drupal Claudia Fahrengruber Institut Integriert Studieren Johannes Kepler Universität Linz IKT-Forum (Linz), 25. September 2007

2 Inhaltsübersicht

3 Web-Content-Management-Systeme Einfaches Editieren Workow Management Benutzerverwaltung Einheitliches Seitendesign

4 Drupal CMS Drupal Homepage

5 Drupal CMS Eigenschaften Standardbasiert (insbesondere XHTML und CSS) Barrierearme Administrationsschnittstelle Modular und erweiterbar Geringer Ressourcenverbrauch Einfachheit Open Source

6 Drupal CMS Einsatzgebiete Blogs Community Pages Kleine Organisationen und Unternehmen für Designer für Programmierer

7 Drupal im Einsatz New York Observer

8 Drupal im Einsatz Spread Firefox

9 Drupal im Einsatz ICCHP

10 Systemvoraussetzungen Drupal 5.2 Web Server (empfohlen Apache HTTP Server) PHP ab (empfohlen PHP 5) MySQL oder PostgreSQL (empfohlen MySQL ab Version 4.1) XAMPP

11 Wichtige Begrie Node Bezeichnet jede Art von Inhalt

12 Wichtige Begrie Node Bezeichnet jede Art von Inhalt Region Bereich innerhalb einer Seite (z. B. die Fuÿzeile)

13 Wichtige Begrie Node Bezeichnet jede Art von Inhalt Region Bereich innerhalb einer Seite (z. B. die Fuÿzeile) Block Inhaltseinheit innerhalb einer Seite (z. B. das Menu)

14 Wichtige Begrie Node Bezeichnet jede Art von Inhalt Region Bereich innerhalb einer Seite (z. B. die Fuÿzeile) Block Inhaltseinheit innerhalb einer Seite (z. B. das Menu) Theme Bestimmt Aussehen und die Struktur der einzelnen Seiten

15 Wichtige Begrie Node Bezeichnet jede Art von Inhalt Region Bereich innerhalb einer Seite (z. B. die Fuÿzeile) Block Inhaltseinheit innerhalb einer Seite (z. B. das Menu) Theme Bestimmt Aussehen und die Struktur der einzelnen Seiten Erweitern das System

16 Themes u. a. m.

17 Eigene Themes Template Engines PHPTemplate XTemplate Smarty Plain PHP

18 Eigene Themes Template Engines PHPTemplate XTemplate Smarty Plain PHP

19 Eigene Themes Themestruktur Speicherort [Drupal Installation]\themes\[Theme-Bezeichnung]

20 Eigene Themes Themestruktur Speicherort [Drupal Installation]\themes\[Theme-Bezeichnung] template.php Theme-Funkionen und -Regionen page.tpl.php Struktur der Gesamtseite node.tpl.php Struktur des Inhalts block.tpl.php Struktur der einzelnen Blockelemente style.css Zentrales Stylesheet des Themes

21 Eigene Themes Zen

22 HTML Corrector Dieses Modul untersucht den HTML Code und schlieÿt oene Tags, wenn notwendig. Switchtheme Bietet die Möglichkeit zwischen unterschiedlichen Themes zu wechseln. Drupal s

23 Pagestyle Erlaubt es zwischen mehreren Farbschemen zu wechseln. Textsize Ermöglicht das Vergröÿern bzw. das Verkleinern der Schrift auf der Seite. ZwahlenDesign

24 Das Problem Inline- Erzeugung von validen (X)HTML-Code Textalternativen für Bilder Unterstützung semantischer HTML-Tags (z. B <abbr>) Auszeichnung der natürlichen Sprache

25 TinyMCE Erzeugt XHTML 1.0 Funktionsumfang kongurierbar Erweiterbar mit eigenem Code bzw. Plugins

26 FCK- Erzeugt XHTML 1.0 Unterstützt CSS Funktionsumfang kongurierbar Erweiterbar mit Plugins

27 Vorteile von Drupal Klare Trennung von Struktur und Inhalt Sehr gute Anpassbarkeit Aktive Entwickler-Community

28 Oene Punkte Access-Keys und Tab-Reihenfolge Read more-links Workow für Alternativtexte und Abkürzungen Komplexe Tabellen und Formulare

29 Danke für Ihre Aufmerksamkeit!

30 XAMPP Technisches Kontakt XAMPP 1.6.3a: Apache HTTPD MySQL PHP und PHP phpmyadmin u. a. Return

31 Kontakt Institut Integriert Studieren Johannes Kepler Universität Linz Technisches Kontakt Altenberger Straÿe Linz an der Donau Telefon +43 (0) Telefax +43 (0) Homepage