Joomla! 1.5. Websites organisieren und gestalten mit dem Open Source-CMS. ^fraddison-wesley. An imprint of Pearson Education

Transkript

1 Hagen Graf Joomla! 1.5 Websites organisieren und gestalten mit dem Open Source-CMS ^fraddison-wesley An imprint of Pearson Education München Boston San Francisco Harlow, England Don Mills, Ontario Sydney Mexico City Madrid Amsterdam

2 Einleitung 17 Wer bin ich? 18 Wie arbeiten Sie? 19 Wie ändert sich die Hard- und Software, die wir benutzen? 19 Was bedeutet das für Ihre Website? 20 Worum geht es in diesem Buch? 21 Was ist Joomla!? 22 Was können Sie, nachdem Sie dieses Buch durchgearbeitet haben?. 22 Noch Fragen? 23 Die Website zum Buch 23 Teil I Installation und erste Schritte 25 1 Begriffe, Konzepte und Überlegungen Content Management System (CMS) Ein kurzer Blick in die Geschichte Joomla! - wie kam es dazu? Struktur eines Web Content Management Systems (WCMS) Front- und Backend Zugriffsrechte Inhalte Extensions Templates Plugins Module Komponenten Workflow Konfigurationseinstellungen API Ist Joomla! eine Immobilie? Joomlal-Versionen Nummerierungssystem der Joomlal-Versionen Zeitleiste Joomlal-Features Beispiele für Joomlal-Seiten 43

3 2 Installation Client-Server-System Ablauf eines Zugriffs auf eine Joomlal-Website im Internet Technische Voraussetzungen für Joomla! Notwendige Elemente für die Installation eines Joomlal-Systems Lokale Testumgebung Produktivumgebung Zuerst lokal Lokale Serverumgebung einrichten Windows Linux Vorarbeiten zur Joomlal-Installation auf einem virtuellen Server im Netz Joomlal-Installation In welches Verzeichnis installieren? 60 3 Ein Rundgang durch Ihre neue Website Frontend Menüs Inhalte Werbung Funktionen Dekorative Elemente Aussichten Backend 82 Teil II Joomla! 1.5-Administration 85 4 Joomla! anpassen - Sprache und Template Eine andere Sprache für die Website und den Administrationsbereich Installation einer anderen Sprachdatei Übersetzen eines Menüeintrags Ändern der Menübezeichnung Ändern des Templates für Ihre Website Farbwechsel im Template 94 5 Aufbau der Joomlai-Administration Bildschirm-Layout Menüleiste 95 8

4 5.1.2 Werkzeugleiste Untermenüs Filterelemente Inhaltsbereich Listen Dialoge Sonstige Hilfe Icon Hilfe Sprechblasen-Hilfe Menü Hilfe Joomlal-Hilfe System-Info Menü Site Kontrollzentrum Benutzer Icon Benutzer abmelden Icon Benutzer löschen Icon Benutzer bearbeiten Icon Neuer Benutzer Medien Konfiguration Site System Server Abmelden Das Menü der Menüs Menüs Vorhandenes Menü anpassen Icon Menüs Icon Standard Icon Aktivieren/Deaktivieren Icon Verschieben Icon Kopieren Icon Papierkorb Icon Bearbeiten (Menüeintrag bearbeiten) Icon Neu 140 9

5 7.3 Papierkorb Neues Menü erzeugen Menü Inhalt Beiträge Beschreibung der Beitragsliste Icons zur Bearbeitung eines Beitrages Neuen Beitrag erstellen Parameter Bilder Papierkorb Bereiche Kategorien Startseite Inhaltsbearbeitung im Frontend Menü Komponenten Banner Kunden Banner Grafik Banner Textlinks Kontakte Kontakte Erzeugung eines Menülinks für die Website Kategorien Newsfeeds Feeds Kategorien Umfragen Such-Statistiken Weblinks Links Kategorien Menü Erweiterungen Installieren/Deinstallieren Installierte Komponenten, Module, Plugins, Sprachen und Templates

6 10.2 Module Modulfilter Site-Module Breadcrumbs Footer Banner Alle Menüs (mod_mainmenu) Statistics Login Form Archive Sections Related Items Wrapper Feed Display Who's Online Polls Advertisement Random Image Syndication Newsflash Latest News Populär Search Modul kopieren Administrator-Module Logged in Users Populär Recent added Articies Menü Stats Footer Unread Messages Online Users Quick Icons Login Form Admin Menü User Status Admin Submenu Title

7 Toolbar CSS Admin Menü Menü Plugins Authentication-Plugins Content-Plugins Editors-Plugins Editors-xtd Plugins Search-Plugins System-Plugins User-Plugins xmlrpc-plugins Templates Site-Templates Administrator-Templates Erweiterungen - Sprachen Werkzeuge Privates Nachrichtensystem Massen- s Globales Einchecken 215 Teil III Joomla! 1.5 anpassen, erweitern & einsetzen Erweiterungen Fireboard (Forum) Installation Deutsche Sprachdateien Konfiguration Ein Forum einrichten Einbindung in die Website DOCman (Downloadbereich, Dokumentenverwaltung) Installation Konfiguration Sprache Auf der Website einbinden Inhalt bereitstellen Such-Plugin Zusatzmodule

8 12.3 Expose Flash Gallery Installation Einbindung in die Website Album Manager im Administrationsbereich Deinstallation Album Manager als eigenständiges Programm Integration in das Joomlal-Framework Problematik von Third Party-Komponenten Updates Sicherheit Was tun? Joomlai-Templates selber schreiben Corporate Identity HTML/XHTML, CSS, XML HTML/XHTML CSS XML Templates selbst erstellen Konzept HTML-Umsetzung Verzeichnisstrukturen des Templates Erster Probelauf Integration der Joomlal-Module Ein Template-Paket erstellen Installation mit dem )oomla!-template Installer Welcher Quellcode kommt aus Joomla!? Barrierefreiheit und Joomla! Barrierefreiheit - was ist das eigentlich? Die gesetzlichen Grundlagen Kriterien für zugängliche Seiten im Überblick Trennung von Content und Layout Anforderungen an das Design und den Inhalt Visuelle und inhaltliche Anordnung der Inhalte Die Farbwahl Kontraste Variable Schriftgrößen Skalierbare Layouts

9 Grafiken Ausreichend große Navigationselemente Formulare Barrierefreiheit in Joomla! 1.5-mit Beez wird's möglich Das HTML Sprungmarken index.php Skiplinks in den Formularen Beez und Module Die com_content Formulare Datentabellen Das Design und das CSS Die Beez-internen CSS-Dateien Positionierung Das Layout Sonstiges Joomlal-interne Accessibility-Features Weitere Informationen zum Thema Allgemeines Assistive Technologien Checkertools Buchtipp Eigene Komponenten, Module und Plugins Model - View - Controller Wo ist der Vorteil von MVC? Beispiel-Komponente hallowelt Ein Haus für hallowelt Der Einstieg (/component/com_hallo/hallo.php) Der Controller (/component/com_hallo/controller.php) Der View (/component/comjiallo/views/hallo/views. html, php) Das Template (/component/com_hallo/views/hallo/tmpl/ default.php) Das Ergebnis Die Installation Fazit

10 15.2 Beispielkomponente auto Die MySQL-Tabelle Das Frontend Die com_auto-administration Test Installationspaket erstellen Module Quellcode Installation Ansicht auf der Website Plugins Schlussbemerkung Praxisprojekt: eine Website mit Joomla! Idee Vorbereitungen Logo und Erscheinungsbild Fotos Texte Technische Umsetzung Lokale Installation Menü- und Linknamen ändern, Modul erstellen Menüstruktur Shop Die Impressionen Der Benutzerbereich Benutzerdetails Erstes Fazit Herr Bertrand lernt CSS Das ist Ruth aufgefallen, während sie mit der neuen Joomlal-Version 1.5 arbeitete Installation auf dem Webserver Wie installieren? Installation von Joomla! beim Provider Importieren der Daten Datei- und Verzeichnisrechte

11 16.5 Suchmaschinen Suchmaschinenfreundliche URLs Metatags Design Installation des Templates Das Template Happy End Und wie ist das in Wirklichkeit? Bonus-Templates NGO Das»World Knowledge«-Template Gestalterischer Ansatz Struktureller Ansatz Unternehmen Andy Miller 388 A Anhang 391 A.i Online-Ressourcen 391 A.2 Inhalt der Buch-CD 392 A.3 Template-Einschübe 393 A.4 Wie tausche ich ein Bild (Logo) im Template aus? 394 A.5 Joomla!-API 395 A.6 Admin-Kennwort vergessen 395 A.7 Migration von Joomla! 1.0.x zu Joomla! A.7.1 Dateien sichern 399 A.7.2 Das Migrationsskript 399 A.7.3 Neuinstallation Joomla! A.7.4 Manuelle Variante 401 A.8 Sicherheit ohne globale Variablen 403 Stichwortverzeichnis