Inhaltsverzeichnis TEIL Einleitung 17. Kapitel 1 Die Basis: die inhaltliche und visuelle Konzeption 21

Transkript

1

2 3 Inhaltsverzeichnis TEIL 1 15 Einleitung 17 Was Sie erwarten können Worauf Sie sich einstellen sollten Wie Sie sich vorbereiten können Kapitel 1 Die Basis: die inhaltliche und visuelle Konzeption Mit der Struktur fängt es an Nutzererwartungen erkennen Layout Die Seitengliederung Inhalte visuell strukturieren Gestaltung am Raster die Grids Die Umsetzung Grafisches Layout Zeit für die Optik Feste und fluide Layouts Kapitel 2 Barrierefreiheit Was ist das eigentlich? Die gesetzlichen Grundlagen Barrierefreiheit für wen eigentlich? Sehbehinderung Technische Hilfsmittel Was können wir tun? Motorische Behinderungen Ausgangslage und Befund Technische Hilfsmittel Was können wir tun? Gehörlose Ausgangslage und Befund Technische Unterstützung Was können wir tun?... 55

3 Joomla!-Templates entwickeln - PDF Inhaltsverzeichnis JOOMLA! Templates entwickeln Barrierefreie & attraktive Designs von Konzept bis Umsetzung Inhaltsverzeichnis TEIL 1 Einleitung Was Sie erwarten können Worauf Sie sich einstellen sollten Wie Sie sich vorbereiten können Kapitel 1 Die Basis: die inhaltliche und visuelle Konzeption 1.1 Mit der Struktur fängt es an 1.2 Layout Kapitel 2 Barrierefreiheit - Was ist das eigentlich? 2.1 Die gesetzlichen Grundlagen 2.2 Barrierefreiheit - für wen eigentlich? 2.3 Motorische Behinderungen 2.4 Gehörlose 2.5 Lernbehinderungen 2.6 Gruppe 50+ Kapitel 3 CSS und HTML - Das Grundgerüst in Form bringen 3.1 Ein wenig zur Geschichte 3.2 Welche Version von HTML sollte ich verwenden? 3.3 Das HTML-Grundgerüst 3.4 Eine kurze Einführung in CSS 3.5 Einbinden der CSS-Anweisungen 3.6 Vererbung 3.7 Positionierung und Boxmodell 3.8 CSS-Hacks und Browserprobleme 3.9 CSS-Tuning Kapitel 4 PHP und Joomla! 4.1 PHP einbinden 4.2 Kommentare 4.3 echo 4.4 Bedingungen: if-anweisungen 4.5 Für Profis: Auf Objekte und ihre Werte zugreifen Kapitel 5 MooTools 5.1 Warum MooTools? 5.2 MooTools-Schnellstart - Dollar-Funktionen und Events 5.3 Der MooTools-Core in Aktion 5.4 Das Klassensystem 5.5 Das MooTools-Prinzip 5.6 Weiterführende Links Kapitel 6 Tools 6.1 HTML-Validator und CSS-Validator

4 6.2 Web-Developer-Toolbar 6.3 Firebug 6.4 Hilfetools für die Barrierefreiheit TEIL 2 Kapitel 7 Jetzt wird es konkret: Der erste Blick auf die Templates 7.1 Atomic 7.2 beez_20/beez5 7.3 Templates im Backend verwalten 7.4 Der Template-Manager: Styles 7.5 Der Template-Manager: Templates 7.6 Templates installieren Kapitel 8 Die Struktur macht es möglich 8.1 Das Herzstück, die index.php 8.2 CSS 8.3 templatedetails.php 8.4 Der Images-Ordner 8.5 Der HTML-Ordner 8.6 JavaScript-Ordner 8.7 Language 8.8 component.php 8.9 error.php 8.10 template_thumbnail.png / template_preview.png 8.11 Favicon.ico 8.12 Fonts 8.13 Die index.html Kapitel 9 Die index.php: Das Herzstück 9.1 Der Dokumentenkopf 9.2 Jetzt geht es los: der Body Kapitel 10 Die XML-Datei und die Template-Parameter 10.1 templatedetails.xml: Allgemeines 10.2 Template-Parameter: config Kapitel 11 Die Sprachdateien 11.1 Eigene Sprache hinzufügen 11.2 Joomla!-Konventionen für die Verwendung von Language-Strings 11.3 Language-Files in der index.php am Beispiel von Sprungmarken Kapitel 12 Module - Dynamik innerhalb der Präsentation 12.1 jdoc:include 12.2 Module flexibel ins Layout integrieren 12.3 Das Module Class Suffix 12.4 Das Menü-Modul Kapitel 13 Die Standardausgabe individuell gestalten 13.1 Standardausgabe inspizieren 13.2 Das Page Class-Suffix 13.3 Template-Overrides 13.4 Model-View-Controller Kapitel 14 Das Systemtemplate: Ausgabe anpassen und modifizieren

5 14.1 Systemmeldungen 14.2 Systemgrafiken austauschen 14.3 component.php und wie man damit zaubern kann 14.4 offline.php Kapitel 15 Was sonst noch wichtig ist 15.1 Wenn die Leserichtung sich ändert: RTL 15.2 PHP-Browserweiche 15.3 PHP-Tricks Kapitel 16 Die Standardtemplates und ihre Features 16.1 beez_20 und beez Atomic TEIL 3 Kapitel 17 Die praktische Umsetzung 17.1 Konzept der Beez-Templates Kapitel 18 Schritt für Schritt zum neuen Layout 18.1 Schritt 1: Navigation positionieren 18.2 Schritt 2: Mittlere Spalte mit Inhalt füllen 18.3 Schritt 3: Artikelanzahl anpassen 18.4 Schritt 4: Header visuell gestalten 18.5 Schritt 5: Modulposition für Kopfbild einbinden 18.6 Schritt 6: Footer anpassen 18.7 Schritt 7: Mindesthöhe des Inhalts anpassen 18.8 Schritt 8: Die ersten Tests 18.9 Schritt 9: Typografie anpassen Schritt 10: Modulüberschriften formatieren Schritt 11: Startseitenartikel mit Hintergrundbild versehen Abschließende Tests Kapitel 19 Eigene Features integrieren 19.1 Das Kopfbild - ein Hintergrundbild? 19.2 HTML5 sinnvoll nutzen Kapitel 20 Abschließende Arbeiten: Der Feinschliff und Erzeugung eines installierbaren Zip-Archivs 20.1 Feinschliff 20.2 XML-Datei anpassen 20.3 Zip-Archiv erzeugen Anhang Nützliche Links Joomla! Assistive Technologien CSS HTML5 Design Typografie Farben Icons

6 JavaScript WAI ARIA Checkertools Hilfreiche Funktionen Verwendete CSS-Klassen und ihre Elemente Templates Komponenten Module Index Über mich Danksagung Einleitung Was Sie erwarten können Worauf Sie sich einstellen sollten Wie Sie sich vorbereiten können 1 Die Basis: die inhaltliche und visuelle Konzeption 1.1 Mit der Struktur fängt es an 1.2 Layout 2 Barrierefreiheit - Was ist das eigentlich? 2.1 Die gesetzlichen Grundlagen 2.2 Barrierefreiheit - für wen eigentlich? 2.3 Motorische Behinderungen 2.4 Gehörlose 2.5 Lernbehinderungen 2.6 Gruppe CSS und HTML - Das Grundgerüst in Form bringen 3.1 Ein wenig zur Geschichte 3.2 Welche Version von HTML sollte ich verwenden? 3.3 Das HTML-Grundgerüst 3.4 Eine kurze Einführung in CSS 3.5 Einbinden der CSS-Anweisungen 3.6 Vererbung 3.7 Positionierung und Boxmodell 3.8 CSS-Hacks und Browserprobleme 3.9 CSS-Tuning 4 PHP und Joomla! 4.1 PHP einbinden

7 4.2 Kommentare 4.3 echo 4.4 Bedingungen: if-anweisungen 4.5 Für Profis: Auf Objekte und ihre Werte zugreifen 5 MooTools 5.1 Warum MooTools? 5.2 MooTools-Schnellstart - Dollar-Funktionen und Events 5.3 Der MooTools-Core in Aktion 5.4 Das Klassensystem 5.5 Das MooTools-Prinzip 5.6 Weiterführende Links 6 Tools 6.1 HTML-Validator und CSS-Validator 6.2 Web-Developer-Toolbar 6.3 Firebug 6.4 Hilfetools für die Barrierefreiheit 7 Jetzt wird es konkret: Der erste Blick auf die Templates 7.1 Atomic 7.2 beez_20/beez5 7.3 Templates im Backend verwalten 7.4 Der Template-Manager: Styles 7.5 Der Template-Manager: Templates 7.6 Templates installieren 8 Die Struktur macht es möglich 8.1 Das Herzstück, die index.php 8.2 CSS 8.3 templatedetails.php 8.4 Der Images-Ordner 8.5 Der HTML-Ordner 8.6 JavaScript-Ordner 8.7 Language 8.8 component.php 8.9 error.php 8.10 template_thumbnail.png / template_preview.png 8.11 Favicon.ico 8.12 Fonts 8.13 Die index.html

8 9 Die index.php: Das Herzstück 9.1 Der Dokumentenkopf 9.2 Jetzt geht es los: der Body 10 Die XML-Datei und die Template-Parameter 10.1 templatedetails.xml: Allgemeines 10.2 Template-Parameter: config 11 Die Sprachdateien 11.1 Eigene Sprache hinzufügen 11.2 Joomla!-Konventionen für die Verwendung von Language-Strings 11.3 Language-Files in der index.php am Beispiel von Sprungmarken 12 Module - Dynamik innerhalb der Präsentation 12.1 jdoc:include 12.2 Module flexibel ins Layout integrieren 12.3 Das Module Class Suffix 12.4 Das Menü-Modul 13 Die Standardausgabe individuell gestalten 13.1 Standardausgabe inspizieren 13.2 Das Page Class-Suffix 13.3 Template-Overrides 13.4 Model-View-Controller 14 Das Systemtemplate: Ausgabe anpassen und modifizieren 14.1 Systemmeldungen 14.2 Systemgrafiken austauschen 14.3 component.php und wie man damit zaubern kann 14.4 offline.php 15 Was sonst noch wichtig ist 15.1 Wenn die Leserichtung sich ändert: RTL 15.2 PHP-Browserweiche 15.3 PHP-Tricks 16 Die Standardtemplates und ihre Features 16.1 beez_20 und beez Atomic 17 Die praktische Umsetzung 17.1 Konzept der Beez-Templates 18 Schritt für Schritt zum neuen Layout 18.1 Schritt 1: Navigation positionieren

9 18.2 Schritt 2: Mittlere Spalte mit Inhalt füllen 18.3 Schritt 3: Artikelanzahl anpassen 18.4 Schritt 4: Header visuell gestalten 18.5 Schritt 5: Modulposition für Kopfbild einbinden 18.6 Schritt 6: Footer anpassen 18.7 Schritt 7: Mindesthöhe des Inhalts anpassen 18.8 Schritt 8: Die ersten Tests 18.9 Schritt 9: Typografie anpassen Schritt 10: Modulüberschriften formatieren Schritt 11: Startseitenartikel mit Hintergrundbild versehen Abschließende Tests 19 Eigene Features integrieren 19.1 Das Kopfbild - ein Hintergrundbild? 19.2 HTML5 sinnvoll nutzen 20 Abschließende Arbeiten: Der Feinschliff und Erzeugung eines installierbaren Zip-Archivs 20.1 Feinschliff 20.2 XML-Datei anpassen 20.3 Zip-Archiv erzeugen Anhang Index Nützliche Links Hilfreiche Funktionen Verwendete CSS-Klassen und ihre Elemente A B C D E F G H I J K L M

10 N O P R S T U V W X Y Z Ins Internet: Weitere Infos zum Buch, Downloads, etc. Copyright

11 Copyright Daten, Texte, Design und Grafiken dieses ebooks, sowie die eventuell angebotenen ebook-zusatzdaten sind urheberrechtlich geschützt. Dieses ebook stellen wir lediglich als persönliche Einzelplatz-Lizenz zur Verfügung! Jede andere Verwendung dieses ebooks oder zugehöriger Materialien und Informationen, einschließlich der Reproduktion, der Weitergabe, des Weitervertriebs, der Platzierung im Internet, in Intranets, in Extranets, der Veränderung, des Weiterverkaufs und der Veröffentlichung bedarf der schriftlichen Genehmigung des Verlags. Insbesondere ist die Entfernung oder Änderung des vom Verlag vergebenen Passwortschutzes ausdrücklich untersagt! Bei Fragen zu diesem Thema wenden Sie sich bitte an: Zusatzdaten Möglicherweise liegt dem gedruckten Buch eine CD-ROM mit Zusatzdaten bei. Die Zurverfügungstellung dieser Daten auf unseren Websites ist eine freiwillige Leistung des Verlags. Der Rechtsweg ist ausgeschlossen. Hinweis Dieses und viele weitere ebooks können Sie rund um die Uhr und legal auf unserer Website herunterladen: