TYP03 Ihr Einstieg -iftfdävcontent-management- System, inkl.-typoscript Markt+Technik
Übersicht Ein Wort vorab 15 1 Installation und Einrichtung oder... 1-2-3 TYPO3 17 Teil I: Grundtechniken 39 2 Darf ich bekannt machen: TYP03 41 3 In fünfzehn Minuten zur ersten Webseite 61 4 Text, Bilder, Hyperlinks, Tabellen und Co. 107 5 Individuelle Layouts mit eigenem Template und CSS 131 Teil II: Content Management 167 6 Von der Seite zur Site 169 7 Designvorlagen 195 8 Menüs und Klickpfade 215 Teil III: Weiterführende Themen 233 9 Formulare, Suche und die Erweiterungen 235 10 Grafikbearbeitung 255 11 Tipps und hilfreiche Techniken 271 Anhang A: Lösungen 279 Anhang B: Inhalt der Buch-DVD 289 Anhang C: Installation 293 Anhang D: T.YPO3-Site auf anderen Server transferieren 311 Anhar&j E: TypoScript-Referenz 315 Stichwortverzeichnis 347
Ein Wort vorab 15 1 Installation und Einrichtung oder... 1-2-3 TYPO3 17 1.1 Überlegungen zur Installation 17 1.1.1 TYPO3 stellt Ansprüche 18 1.1.2 Wie sollten Sie vorgehen? ' 19 1.2 TYPO3-Installation 22 1.2.1 Vorbereitende Maßnahmen 22 1.2.2 Entpacken der TYP03-Archive 23 1.2.3 mit dem TYP03-Installations-Tool 26 1.3 TYP03 aufrufen 32 1.4 Backend-Sprache auf Deutsch umstellen 34 1.4.1 Übersetzung für deutsche Sprache importieren 34 1.4.2 Sprache für Benutzer einstellen 36 1.5 Für jedes Webprojekt eine eigene TYP03-Site 37 1.6 Fragen und Übungen, 38
Teil I: Grundtechniken 39 2 Darf ich bekannt machen: TYP03 41 2.1 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.2 2.3 2.3.1 2.3.2 2.4-2.5 2.6 Backend und Frontend Aufbau der Backend-Oberfläche Kontextmenüs und Symbole Eingabemasken Caching Automatische und manuelle Abmeldung Alles Typo oder doch lieber Designvorlagen? Seiten in TYP03 Was aber entspricht den TYP03-Seiten? Wie werden TYP03-Seiten aufgebaut? Templates und TypoScript Die Tour beenden Fragen und Übungen 41 42 45 51 51 52 54 56 56 57 57 59 59 3 3.1 3.2-3.3 3.4 3.4.1 3.4.2 3.5 3.5.1 3.5.2 3.5.3 3.5.4 3.6 3.6.1 3.6.2 3.6.3 3.6.4 3.6.5 3.6.6 3.7 In fünfzehn Minuten zur ersten Webseite Vorgehensweise Vorbereitung der TYP03-Site Seite anlegen Layout festlegen Template auswählen Die Standard-Templates Seite mit Inhalt füllen Die Eingabemaske für die Seiteninhaltselemente Spaltenanzeige der Eingabemaske anpassen Inhalte einfügen Inhalte bearbeiten Layout anpassen (= Template konfigurieren) Das Modul Web/Template Seitenaufteilung Banner und Logo TYP03-Verweise Formatierung mit CSS Abschlussarbeiten Fragen und Übungen 61 61 63 66 68 69 71 77 77 78 80 91 92 93 97 98 100 101 104 105 8
4.1 4.1.1 4.1.2 4.1.3 4.1.4 4.1.5 4.1.6 4.2 4.2.1 4.2.2 4.3 4.3.1 4.3.2 4.4 4.4.1 4.4.2 4.5 4.5.1 4.5.2 4.6 4.6.1 4.6.2 4.7 4.7.1 4.7.2 4.8 4.8,1 4.8.2 4.9 4.9.1 4.9.2 4.10 4.10.1 4.10.2 4.11 4.11.1 4.11.2 4.12 4.12.1 ' 4.13 Text, Bilder, Hyperlinks, Tabellen und Co. Grundlagen der Inhal Die tt_content-tabelle Die Seiteninhaltsansii Die Listenansicht Die Eingabemaske Austauschbarkeit Rendern Überschriften Text Bilder Aufzählungen Tabellen Hyperlinks Dateiverweise Medien Sitemap Reines HTML Trennlinie Fragen und Übungen 107 107 107 108 111 113 113 114 114 114 115 116 116 116 117 117 118 120 120 120 121 121 122 123 123 124 126 126 126 127 127 127 128 128 128 129 129 129 130 130 130
5 Individuelle Layouts mit eigenem Template und CSS 131 5.1 Vorbereitung des Beispiels 132 5.1.1 Beispiel-Site herrichten 132 5.1.2 Template löschen 134 5.2 Neues Template anlegen 135 5.3 TypoScript-Grundkurs 136 5.3.1 Zum TypoScript-Editor wechseln 136 5.3.2 Erster Blick auf den Code 138 5.3.3 Das PAGE-Objekt 139 5.3.4 Ressourcen 141 5.3.5 Zuweisungen 144 5.3.6 Bedingungen 144 5.4 Das <div>-layout vorgeben 145 5.4.1 Das anvisierte Layout ' 145 5.4.2 Umsetzung des Layouts in TypoScript 146 5.4.3 Template-Code testen 147 5.5 Formatierung mit CSS 150 5.5.1 Inline-Stile 150 5.5.2 Eingebettete Stildefinitionen 151 5.5.3 Externe CSS-Datei als Ressource hinzufügen 151 5.6 Die Seiteninhalte einlesen 156 5.6.1 Bilder und externer HTML-Code 156 5.6.2 Seiteninhaltselemente 158 5.6.3 Bildgrößen anpassen 161 5.7 Konstanten 163 5.8 Fragen und Übungen 165 Teil II: Content Management 167 6 Von der Seite zur Site 169 6.1 Neue Seiten anlegen 170 6.1.1 Der Root-Knoten 170 6.1.2 Weitere Seiten anlegen und positionieren 171 6.1.3 Seiteneigenschaften 172 6.1.4 Meta-Informationen 177 6.2 Mehrere Seiten gleichzeitig anlegen 179 6.3 Mehrere Seiten gleichzeitig konfigurieren 180 10 '
6.4 Organisation des Seifenbaums 182 6.4.1 Aufnahme der späteren Webseiten 182 6.4.2 Template-Vererbung unterstützen" 183 6.4.3 Menü-Navigationselemente nachbilden 184 6.4.4 Strukturierung mit nicht sichtbaren Verweis-Seiten 185 6.5 Seiten verschieben 186 6.6 Die Seitentypen 187 6.6.1 Seitentyp umstellen 188 6.6.2 Übersicht über die Seitentypen 190 6.7 Fragen und Übungen 194 7 Designvorlagen 195 7.1 Statische und dynamische Bereiche 196 7.2 Designvorlage erstellen 197 7.2.1 Komplette Übernahme oder Selektion? 200 7.2.2 Platzhalter (Marks) 201 7.2.3 Teilbereiche (Subparts) 201 7.3 Designvorlage einbinden 203 7.3.1 Designvorlage laden 204 7.3.2 Bilder und Pfade in der Designvorlage 206 7.3.3 Header ersetzen (CSS-Datei, Meta-Informationen etc.) 207 7.3.4 Platzhalter und Teilbereich-Markierungen austauschen 209 7.4 Noch einmal: das Konzept der Template-Vererbung 212 7.5 Fragen und Übungen 213 8 Menüs und Klickpfade 215 8.1 Menüs aufbauen 215 8.1.1 Die Menüpunkte 215 8.1.2 Die Menüzustände 218 8.1.3 Die Formatierung 219 8.2 Text-Menüs 219 8.2.1 Menü anlegen 220 8.2.2 Menüzustände definieren 224 8.3 Grafische Menüs 226 8.4 Untermenüs 228 8.5 Klickpfad 231 8.6 Fragen und Übungen 232 11
Teil III: Weiterführende Themen 233 9 9.1 9.1.1 9.1.2 9.1.3 9.1.4 9.2 9.2.1 9.2.2 9.2.3 9.3 9.3.1 9.3.2 9.3.3 9.3.4 9.4 9.4.1 9.4.2 9.5 10 10.1 10.1.1 10.1.2 10.2 10.2.1 10.2.2 10.2.3 10.2.4 10.2.5 10.3 10.3.1 10.3.2 10.3.3 10.3.4 1Ö.4 Formulare, Suche und die Erweiterungen Formulare Formular anlegen Formular anpassen Empfänger angeben Bestätigungsseite angeben Suche Suchfunktion einrichten Suchformular anpassen Ergebnistabelle anpassen Das Extension-Repository (Erweiterungsbibliothek) Übersicht Herunterladen Installieren Verwenden Das Frontend-Editing-Plugin Installation des»advanced Frontend Editing«-Plugins Frontend-Bearbeitung Fragen und Übungen Grafikbearbeitung Bilder und andere Ressourcendateien verwalten Das Verzeichnis fileadmin Dateiverwaltung mit dem Element-Browser Bilder einfügen Inhaltselemente Bild und Text m/bild TypoScript Seitenressource Designvorlage Übersicht Bilder mit TypoScript generieren Text einblenden Schatten erzeugen Linien und Rechtecke Bilder einblenden Fracren und Übunaen 235 235 235 238 240 240 241 241 243 246 247 247 249 251 251 252 252 253 254 255 255 256 260 262 262 262 263 265 265 265 267 268 268 269 270 12
11 11.1 1.1.2 11.3 11.4 11.5 11.6 11.7 11.8 Tipps und hilfreiche Techniken Papierkorb anlegen Caching ausschalten ' E-Mail-Adressen verschlüsseln Shortcuts einrichten Benutzer anlegen Seiten rekursiv löschen Arbeitsumgebungen Backend konfigurieren 271 271 273 273 273 274 276 276 277 Anhang A: Lösungen 279 Anhang B: Inhalt der Buch-DVD 289 B.l Die Software 289 B.2 Die Dokumentationen 290 B.3 Die Beispiele 290 Anhang C: Installation 293 C.l Der Winstaller für Windows 293 C.l.l Bezug 293 C.1.2 Installation 294 C.l. 3 Verwendung 295 C.1.4 Port-Belegung 296 C.l.5 Weitere TYP03-Sites einrichten 297 C.2 XAMPP 299 C.2.1 Bezug 300 C.2.2 Installation 300 C.2.3 ^ Verwendung 301 C.3 ImageMagick/GraphicsMagick 304 C.4 Seitenbaum exportieren 305 Anhang D: TYP03-Site auf anderen Server transferieren 311 D.l Erstellung einer neuen Site mit identischem Seitenbaum 311 D.2- Synchronisierung zweier TYP03-Installationen 312 D.3 Backup-Dump einer Site 312 D.4 Wenn es Probleme gibt 312 I 13
Anhang E: TypoScript-Referenz E.l E.l.l E.1.2 E.1.3 E.2 E.2.1 E.2.2 E.2.3 E.2.4 E.2.5 E.3 E.3.1 E.3.2 E.3.3 E.3.4 E.3.5 E.3.6 E.3.7 E.3.8 E.3.9 E.3.10 E.3.11 E.3.12 E.3.13 E.3.14 E.3.15 E.4 E.5 E.6 Grundlagen Objekte, Eigenschaften und Datentypen Bearbeitung im Backend Auslagerung in externe Dateien Syntax Kommentare Zuweisungen Objektinstanzen kopieren, referenzieren und löschen Konstanten Bedingte Codeausführung Objekt-Referenz PAGE TEXT HTML COA FILE IMAGE GIFBUILDER CONTENT HMENU TMENU NO, ACT, CUR... (TMENUITEM) GMENU CASE FORM TEMPLATE Funktionen-Referenz Feldnamen der Seiteneigenschaften Feldnamen der Inhaltselemente 315 316 316 320 320 321 321 322 323 324 325 329 329 330 330 331 331 331 332 332 333 335 335 336 337 337 338 339 344 345 Stichwortverzeichnis 347 14