Impressum

home / bücher / Einstieg in TYPO3 / Inhaltsverzeichnis

Einstieg in TYPO3

Inhaltsverzeichnis

Vorwort ... 13

1 ... TYPO3 – ein Open Source-CMS ... 17

1.1 ... Aufgaben eines Content Management-Systems ... 19

1.2 ... Kommerzielles Produkt vs. Open Source ... 20

...1.2.1 ... Hosting des CMS ... 20

...1.2.2 ... Installation, Wartung und Erweiterbarkeit des Systems ... 21

...1.2.3 ... Dokumentation des Systems ... 22

...1.2.4 ... Unterstützung durch Dienstleister ... 22

...1.2.5 ... Lokaler Probebetrieb des CMS ... 22

1.3 ... TYPO3 als Web Content-Management-System ... 23

...1.3.1 ... Die Geschichte von TYPO3 ... 23

...1.3.2 ... Positionierung von TYPO3 ... 23

1.4 ... Technische Kurzbeschreibung von TYPO3 ... 25

1.5 ... Systemvoraussetzungen von TYPO3 ... 26

2 ... Installation von TYPO3 ... 29

2.1 ... Vergleich der Hostingmöglichkeiten für TYPO3 ... 31

...2.1.1 ... Spezialisierter TYPO3-Hoster ... 31

...2.1.2 ... Einfacher Provider-Account mit PHP und MySQL ... 32

...2.1.3 ... TYPO3 auf eigenem Server ... 33

2.2 ... Die lokale Testinstallation ... 34

...2.2.1 ... Phase 1: Installation des Webservers, von PHP und MySQL ... 34

...2.2.2 ... Phase 2: Wahl der geeigneten TYPO3-Installation ... 36

...2.2.3 ... Phase 3: Installation und Einrichtung von TYPO3 ... 38

...2.2.4 ... Vorgehen nach Abschluss des Installationsvorgangs ... 44

2.3 ... Konfiguration der Testinstallation ... 46

...2.3.1 ... Das Install Tool im »normal mode« 46

...2.3.2 ... Die Meldungen des Install Tools ... 49

...2.3.3 ... Überprüfung der Grundkonfiguration »Basic Configuration« 50

2.4 ... Installation von ImageMagick ... 54

...2.4.1 ... Den ImageMagick-Pfad an das Install Tool übergeben ... 54

2.5 ... Konfiguration von ImageMagick ... 56

...2.5.1 ... Die Unterstützung der Dateiformate prüfen ... 57

...2.5.2 ... Die Grafikerzeugung im GIF- und PNG-Format prüfen ... 58

...2.5.3 ... Prüfen der Bildskalierungsfunktionen ... 59

...2.5.4 ... Prüfen der Funktionen zur Bildkombination ... 60

...2.5.5 ... Prüfen der GDLib-Effekte ... 60

...2.5.6 ... Erforderliche Nacharbeiten ... 61

2.6 ... Finetuning mit »All Configuration« 62

...2.6.1 ... Beispiel: Anpassung zweier Werte für ImageMagick ... 62

2.7 ... Konfigurationsdateien direkt bearbeiten ... 63

...2.7.1 ... Datei in typo3conf betrachten oder bearbeiten ... 64

...2.7.2 ... Sicherungskopien im Install Tool erzeugen ... 65

...2.7.3 ... Ein Blick auf localconf.php ... 67

3 ... Aufbau von TYPO3: Das Backend ... 69

3.1 ... Das Backend – der Wartungsbereich ... 71

...3.1.1 ... Login am Backend ... 71

...3.1.2 ... Die Bedienoberfläche des Backends ... 72

...3.1.3 ... Sprachauswahl mit dem Modul Setup ... 74

3.2 ... Der modulare Aufbau des Backends ... 76

...3.2.1 ... Die Modulgruppe Web ... 76

...3.2.2 ... Die Modulgruppe File (Datei) ... 78

...3.2.3 ... Die Modulgruppe Doc (Dok.) ... 78

...3.2.4 ... Die Modulgruppe User (Benutzer) ... 79

...3.2.5 ... Die Modulgruppe Tools ... 79

...3.2.6 ... Die Modulgruppe Help (Hilfe) ... 81

...3.2.7 ... Die Modulgruppe Admin functions ... 82

3.3 ... Arbeiten mit dem Seitenbaum ... 82

...3.3.1 ... Der Seitenbaum im Arbeitsbereich ... 82

...3.3.2 ... Das Kontextmenü des Seitenbaums ... 84

...3.3.3 ... Fragezeichensymbole – kontextsensitive Hilfe ... 84

3.4 ... Anlegen von Seiten ... 85

...3.4.1 ... Seiten neu anlegen oder ändern ... 86

...3.4.2 ... Neue Seite ohne und mit Assistent ... 87

...3.4.3 ... Die Eingabemaske »Neue Seite» 89

...3.4.4 ... Die Seitentypen in TYPO3 ... 91

3.5 ... Anlegen von Seiteninhalten ... 92

...3.5.1 ... Der Assistent für Seiteninhalte ... 93

...3.5.2 ... Die Eingabemaske für Seiteninhalte ... 95

...3.5.3 ... Der Texteditor für Seiteninhalte ... 96

3.6 ... Arbeiten mit dem Modul Liste ... 98

3.7 ... Arbeiten mit der Modulgruppe File ... 100

...3.7.1 ... Dateiverwaltung ... 100

3.8 ... Ein Blick auf die Modulgruppe Tools ... 103

...3.8.1 ... Der Erweiterungs-Manager (Ext Manager) ... 103

...3.8.2 ... Das Modul Log – das Ereignisprotokoll ... 104

...3.8.3 ... Aufruf des Install Tools vom Backend ... 106

...3.8.4 ... Das Modul phpMyAdmin ... 106

4 ... Websiteplanung anhand eines Beispielprojekts ... 109

4.1 ... Umriss für die Planung ... 111

4.2 ... Zielsetzung des Online-Auftritts ... 113

...4.2.1 ... Zu kommunizierende Inhalte ... 113

...4.2.2 ... Zu erreichende Funktionalität ... 113

4.3 ... Inhalte und deren Strukturierung ... 114

4.4 ... Entwurfsphase ... 115

4.5 ... Einsatz von Erweiterungen ... 118

4.6 ... Redakteursstruktur ... 120

5 ... Erstellung von Designvorlagen ... 123

5.1 ... Das Konzept der Designvorlage ... 125

...5.1.1 ... Einbindung der Datensätze in eine HTML-Vorlage ... 126

...5.1.2 ... Platzhalter für Inhalte ... 127

...5.1.3 ... Marker – Positionsmarkierungen ... 127

...5.1.4 ... Subparts – Bereichsmarkierungen ... 128

...5.1.5 ... Subparts vs. Marker ... 130

...5.1.6 ... Die Rolle des Templates für die Designvorlage ... 131

5.2 ... Eine Designvorlage für das Beispielprojekt ... 132

...5.2.1 ... Das Screendesign des Beispielprojekts ... 132

...5.2.2 ... Einbinden von Dateien in die Designvorlage ... 133

...5.2.3 ... Einfügen der Marker in den Screenentwurf ... 134

...5.2.4 ... Quelltextbeispiel: Designvorlage ... 134

6 ... Templates mit TypoScript ... 139

6.1 ... Das Konzept des TYPO3-Templates ... 141

...6.1.1 ... Der Begriff des Templates bei TYPO3 ... 142

...6.1.2 ... Anlegen und Verwalten von Templates ... 143

...6.1.3 ... Aufbau des Template-Datensatzes ... 145

...6.1.4 ... Template-Setup mit dem Setup-Feld ... 146

...6.1.5 ... Vererbung des Templates an Unterseiten ... 148

...6.1.6 ... Bearbeitung der Template-Einstellungen ... 149

...6.1.7 ... Einbinden von Template-Ressourcen ... 150

6.2 ... Einbinden von Designvorlagen ... 151

...6.2.1 ... Ansprechen der Designvorlage ... 152

...6.2.2 ... Ablage der Vorlagendatei im Fileadmin-Bereich ... 152

...6.2.3 ... Ansprechen der Subpart-Marker ... 153

...6.2.4 ... Ansprechen der Marker ... 155

6.3 ... Einsatz von statischen Templates ... 155

...6.3.1 ... Mehr über Content-Objekte ... 156

...6.3.2 ... Vorgefertigte Templates in TYPO3 ... 157

...6.3.3 ... Content-Ausgabe mit CSS styled content ... 158

...6.3.4 ... Erzeugen der Content-Objekte für die Darstellung ... 160

...6.3.5 ... Einfügen von Beispielinhalt ... 162

...6.3.6 ... Darstellungstuning mit CSS styled content ... 163

...6.3.7 ... Der Constant Editor ... 165

...6.3.8 ... Der Object Browser ... 166

6.4 ... Standardlayouts mit statischen Templates ... 168

...6.4.1 ... Statische Template-Einbindung – Include static ... 169

...6.4.2 ... Einsatz von Standard-Templates ... 169

7 ... Menüs erstellen mit TypoScript ... 171

7.1 ... Das Basisobjekt HMENU ... 173

...7.1.1 ... Die Menüzustände – NO, RO, ACT, CUR und IFSUB ... 175

...7.1.2 ... Das Property entryLevel von HMENU ... 176

...7.1.3 ... Das Property special von HMENU ... 177

...7.1.4 ... Die Properties minItems und maxItems von HMENU ... 180

...7.1.5 ... Das Property excludeUidList von HMENU ... 181

...7.1.6 ... Das Property begin von HMENU ... 181

7.2 ... Textmenüs mit dem Objekttyp TMENU ... 181

...7.2.1 ... Einfaches Textmenü 181

...7.2.2 ... Einfaches Textmenü mit Untermenü 181

...7.2.3 ... Die Properties der Zustände des Textmenüs ... 182

...7.2.4 ... Quelltextbeispiel: Das Menü im Beispielprojekt ... 183

...7.2.5 ... Die Subnavigation im Beispielprojekt ... 186

8 ... Bildverarbeitung in TYPO3 ... 189

8.1 ... Aufgaben der Bildverarbeitung in TYPO3 ... 191

8.2 ... Bildverwaltung und -einbindung ... 192

...8.2.1 ... Bilder als Inhaltselemente einbinden ... 192

...8.2.2 ... Bilder über den Rich Text Editor einbinden ... 194

8.3 ... Dynamische Grafiken – Der GIFBUILDER ... 195

...8.3.1 ... Quelltextbeispiel: Seitentitel als GIFBUILDER-Grafik ... 196

...8.3.2 ... Quelltextbeispiel: Grafikobjekt in Designvorlage einbinden ... 197

...8.3.3 ... Quelltextbeispiel: Das BOX-Objekt von GIFBUILDER ... 200

8.4 ... Caching – das Gedächtnis von TYPO3 ... 201

9 ... Grafik- und Layer-Menüs ... 203

9.1 ... Grafische Menüs ... 205

...9.1.1 ... Quelltextbeispiel: Einfaches grafisches Menü 205

...9.1.2 ... Quelltextbeispiel: Graf. Menü mit zwei Hierarchie-Ebenen ... 207

...9.1.3 ... Quelltextbeispiel: Grafisches Menü mit Hintergrundgrafik ... 208

...9.1.4 ... Quelltextbeispiel: Grafisches Menü mit Rollover-Effekt ... 209

...9.1.5 ... Mischung aus grafischem und textbasiertem Menü 211

9.2 ... Layer-Menüs ... 212

...9.2.1 ... Quelltextbeispiel: Einstufiges Aufklappmenü 212

...9.2.2 ... Quelltextbeispiel: Einstufiges Aufklappmenü, formatiert ... 214

...9.2.3 ... Quelltextbeispiel: Mehrstufige Layer-Menüs ... 217

9.3 ... Sitemaps ... 220

...9.3.1 ... Der Inhaltstyp »Sitemap« 220

...9.3.2 ... Editieren der Sitemap-Eigenschaften im Constant Editor ... 221

...9.3.3 ... Formatierung mit TypoScript ... 222

10 ... Seiten und Seiteninhalte ... 225

10.1 ... Seiten erstellen, bearbeiten, verschieben und verlinken ... 228

10.2 ... Inhalte einfügen ... 232

...10.2.1 ... Die Inhaltstypen von TYPO3 ... 232

...10.2.2 ... Text ... 233

...10.2.3 ... Text mit Bild ... 236

...10.2.4 ... Bild ... 239

...10.2.5 ... Punkteliste – Aufzählung ... 239

...10.2.6 ... Tabelle ... 240

...10.2.7 ... Datensätze ... 241

...10.2.8 ... Erweiterungen (Plugins) ... 243

...10.2.9 ... PHP-Scripts ... 244

...10.2.10 ... Weitere Elemente ... 244

10.3 ... Platzierung der Inhalte in Spalten ... 245

10.4 ... Arbeiten im Rich Text Editor ... 246

10.5 ... Formulare erstellen ... 252

10.6 ... Das Info-Modul ... 257

...10.6.1 ... Die Änderungshistorie – Changelog ... 257

...10.6.2 ... Der TSconfig-Browser ... 257

10.7 ... Konfiguration des Backends ... 259

...10.7.1 ... Der TSconfig-Assistent ... 259

...10.7.2 ... Konfiguration des Rich Text Editors ... 260

10.8 ... Benutzerkonfiguration ... 271

...10.8.1 ... Das Administrator-Panel-Objekt ... 272

...10.8.2 ... Kontextmenüs verändern ... 273

11 ... Mehrsprachigkeit ... 277

11.1 ... Einrichtung weiterer Sprachen ... 279

...11.1.1 ... Anlegen der Sprachvariante in der Website ... 279

...11.1.2 ... Anlegen der Sprachvariante einer Seite ... 280

...11.1.3 ... Die Eingabemaske für eine alternative Sprache ... 281

...11.1.4 ... Die Definition der Sprachauswahl im Template ... 283

11.2 ... Mehrsprachige Menüs ... 284

...11.2.1 ... Ein PHP-Script für die Sprachauswahl ... 284

...11.2.2 ... Konfiguration im Haupttemplate ... 286

...11.2.3 ... Unterdrücken der nicht übersetzten Seiten ... 288

12 ... Benutzerverwaltung und Zugriffsrechte ... 289

12.1 ... TYPO3 – ein Mehrbenutzer-System ... 291

...12.1.1 ... Das Modul »Benutzer Administrator« 292

...12.1.2 ... Datensätze für Benutzer ... 292

...12.1.3 ... Benutzer und Benutzergruppen ... 293

12.2 ... Benutzergruppe anlegen ... 294

...12.2.1 ... Benutzergruppen sind auch Datensätze ... 294

...12.2.2 ... Die Option »Include Access lists« 296

12.3 ... Benutzer anlegen ... 298

...12.3.1 ... Benutzer anlegen im Beispielprojekt ... 300

...12.3.2 ... Die Gruppe »Newsredakteure« im Beispielprojekt ... 301

...12.3.3 ... Backend-Anpassung für Newsredakteure ... 302

...12.3.4 ... Die Ansicht »Benutzerrechte« 304

...12.3.5 ... Bearbeiten der Nutzerrechte ... 304

...12.3.6 ... Mit neuen Rechten ins Backend ... 305

12.4 ... Dateifreigaben für Nutzer ... 307

...12.4.1 ... Dateifreigaben einrichten und zuordnen ... 307

12.5 ... Frontend Editing ... 308

...12.5.1 ... Auswahl zwischen Frontend- und Backend-Login ... 308

...12.5.2 ... Aktivieren des Administrator-Panels ... 309

...12.5.3 ... Anpassen der Frontend-Editing-Rechte über TypoScript ... 312

...12.5.4 ... Das Administrator-Panel vollständig aktivieren ... 314

12.6 ... Gleichzeitige Benutzerzugriffe ... 315

...12.6.1 ... Kein Locking-Mechanismus, sondern Zugriffswarnung ... 315

12.7 ... Frontend-Benutzer anlegen – passwortgeschützte Bereiche ... 316

...12.7.1 ... Einrichten eines Systemordners für Frontend-Benutzer ... 316

...12.7.2 ... Anlegen von Frontend-Benutzern und -gruppen ... 317

...12.7.3 ... Erfassungsmaske für Frontend-Benutzer ... 317

...12.7.4 ... Ansicht des Systemordners im List-Modul ... 319

...12.7.5 ... Definieren der Zugriffsbeschränkung ... 320

...12.7.6 ... Das Login-Formular für Frontend-Benutzer ... 320

12.8 ... Bearbeitungsworkflows ... 322

...12.8.1 ... Erweiterungen für die Workflow-Gestaltung ... 322

...12.8.2 ... Definieren eines Workflows ... 323

12.9 ... Beispiel für einen Workflow ... 326

13 ... Erweiterungsmodule ... 333

13.1 ... Der Erweiterungs-Manager ... 335

13.2 ... Beispiel News ... 339

13.3 ... Volltextsuche ... 349

...13.3.1 ... Installation der Erweiterung Indexed Search Engine ... 351

...13.3.2 ... Anlegen einer Seite für die Suchresultate ... 351

...13.3.3 ... Einfügen eines Seiteninhalts "Erweiterung": Indexsuche ... 351

...13.3.4 ... Einschalten der Indexierung im Template ... 352

...13.3.5 ... Überprüfung der Indexierung ... 353

...13.3.6 ... Spracheinstellung ... 354

...13.3.7 ... Formatierung der Ausgabe ... 357

...13.3.8 ... Anbindung des Suchformulars der HTML-Designvorlage ... 358

...13.3.9 ... Externe Dateien indexieren ... 359

13.4 ... Beispiel Newsletter ... 360

...13.4.1 ... Konfiguration des Moduls ... 362

...13.4.2 ... Template und Designvorlage des Newsletters ... 363

...13.4.3 ... Versand eines Newsletters ... 365

...13.4.4 ... Newsletter-Anmeldung ... 375

13.5 ... Beispiel Forum ... 377

13.6 ... Dia-Show/Slideshow ... 381

13.7 ... Verwendung des Auto-parser-Erweiterungsmoduls ... 384

13.8 ... Page Template Selector ... 385

13.9 ... Statistische Auswertungen ... 388

13.10 ... Einige weitere TYPO3-Erweiterungen ... 392

...13.10.1 ... Das Online-Shop-Modul ... 392

...13.10.2 ... Gästebuch ... 396

...13.10.3 ... Eine Seite an einen Freund weiterempfehlen ... 397

13.11 ... Entwicklung eigener Erweiterungen ... 399

14 ... TypoScript – eine Einführung ... 405

14.1 ... TypoScript – die Grundlagen ... 408

...14.1.1 ... Ähnlichkeiten und Unterschiede zu Programmiersprachen ... 408

...14.1.2 ... Operatoren in TypoScript ... 408

...14.1.3 ... Datentypen in TypoScript ... 410

14.2 ... Die Objektmetapher von TypoScript ... 412

...14.2.1 ... Einteilung der Objekttypen ... 412

...14.2.2 ... Wertzuweisung an Objekt-Properties ... 413

...14.2.3 ... Bildung von Objektinstanzen ... 413

...14.2.4 ... Objektzugehörige Arrays ... 417

14.3 ... Seiten definieren – das PAGE-Objekt ... 418

...14.3.1 ... Das Objekt PAGE ... 418

14.4 ... Erzeugen von Framesets – Frame-Objekte ... 423

...14.4.1 ... Das Objekt FRAMESET ... 424

...14.4.2 ... Das Objekt FRAME ... 426

...14.4.3 ... Quelltextbeispiel: Frameset mit TypoScript ... 427

14.5 ... Inhalt einbinden – Content-Objekte ... 428

...14.5.1 ... Das cObject COA ... 429

...14.5.2 ... Das cObject FILE ... 430

...14.5.3 ... Das cObject CONTENT ... 432

...14.5.4 ... Das cObject TEXT ... 434

...14.5.5 ... Das cObject HTML ... 434

...14.5.6 ... Das cObject IMAGE ... 435

...14.5.7 ... Das cObject IMAGE_RESOURCE ... 437

...14.5.8 ... Das cObject CLEARGIF ... 437

14.6 ... Dynamische Grafiken – GIFBUILDER ... 438

...14.6.1 ... Das Objekt GIFBUILDER ... 438

...14.6.2 ... Das Objekt TEXT (von GIFBUILDER) ... 444

...14.6.3 ... Das Objekt BOX (von GIFBUILDER) ... 453

...14.6.4 ... Das Objekt IMAGE (von GIFBUILDER) ... 455

14.7 ... Menüs erstellen – Menü-Objekte ... 457

...14.7.1 ... Das Objekt HMENU ... 457

...14.7.2 ... Das Objekt TMENU ... 462

...14.7.3 ... Das Objekt TMENUITEM (NO, ACT, CUR, etc.) ... 463

...14.7.4 ... Quelltextbeispiel: Textmenü mit TypoScript ... 469

...14.7.5 ... Objekt GMENU ... 470

...14.7.6 ... Das Objekt GMENU_LAYERS ... 473

...14.7.7 ... Quelltextbeispiel: Layermenü-Objekt ... 479

14.8 ... Userkonfiguration – Objekt EDITPANEL ... 479

A ... Online-Ressourcen ... 483

A.1 ... Onlineressourcen zu TYPO3 ... 483

A.2 ... Weitere Onlineressourcen ... 485

B ... Inhalt der CD ... 487

B.1 ... Packages (Verzeichnis Installation) ... 487

B.2 ... Dateien zum Buch (Verzeichnisse Kapitel 2 bis Kapitel 13) ... 487

B.3 ... Videodokumentation (Verzeichnis Videos) ... 487

B.4 ... UltraEdit ... 488

Index ... 489

home | themen | tutorials | bücher | referenzen | schulungen | impressum

© 2005 Webdimensions