Jetzt lerne ich Typo3 ¢â‚¬â€œ *ISBN 978-3 ... 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten?

  • View
    0

  • Download
    0

Embed Size (px)

Text of Jetzt lerne ich Typo3 ¢â‚¬â€œ *ISBN 978-3 ... 2.3 Seiten in...

  • rn e

    i c

    h

    e

    je tz

    t l

    Inhaltsverzeichnis

    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 TYPO3-Archive 23 1.2.3 Konfiguration mit dem TYPO3-Installations-Tool 26 1.3 TYPO3 aufrufen 32

    7

    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 TYPO3-Site 37 1.6 Fragen und Übungen 38

  • Inhaltsverzeichnisj e t z t l e r n e i c h

    Teil I: Grundtechniken 39

    2 Darf ich bekannt machen: TYPO3 41

    2.1 Backend und Frontend 41 2.1.1 Aufbau der Backend-Oberfläche 42 2.1.2 Kontextmenüs und Symbole 45 2.1.3 Eingabemasken 51 2.1.4 Caching 51 2.1.5 Automatische und manuelle Abmeldung 52 2.2 Alles Typo oder doch lieber Designvorlagen? 54 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut? 57 2.4 Templates und TypoScript 57 2.5 Die Tour beenden 59 2.6 Fragen und Übungen 59

    3 In fünfzehn Minuten zur ersten Webseite 61

    3.1 Vorgehensweise 61 3.2 Vorbereitung der TYPO3-Site 63 3.3 Seite anlegen 66 3.4 Layout festlegen 68 3.4.1 Template auswählen 69 3.4.2 Die Standard-Templates 71 3.5 Seite mit Inhalt füllen 77 3.5.1 Die Eingabemaske für die Seiteninhaltselemente 77 3.5.2 Spaltenanzeige der Eingabemaske anpassen 78 3.5.3 Inhalte einfügen 80 3.5.4 Inhalte bearbeiten 91 3.6 Layout anpassen (= Template konfigurieren) 92 3.6.1 Das Modul Web/Template 93 3.6.2 Seitenaufteilung 97

    8

    3.6.3 Banner und Logo 98 3.6.4 TYPO3-Verweise 100 3.6.5 Formatierung mit CSS 101 3.6.6 Abschlussarbeiten 104 3.7 Fragen und Übungen 105

  • Inhaltsverzeichnis j e t z t l e r n e i c h

    4 Text, Bilder, Hyperlinks, Tabellen und Co. 107

    4.1 Grundlagen der Inhaltselemente 107 4.1.1 Die tt_content-Tabelle 107 4.1.2 Die Seiteninhaltsansicht 108 4.1.3 Die Listenansicht 111 4.1.4 Die Eingabemaske 113 4.1.5 Austauschbarkeit 113 4.1.6 Rendern 114 4.2 Überschriften 114 4.2.1 Erzeugung 114 4.2.2 Konfiguration 115 4.3 Text 116 4.3.1 Erzeugung 116 4.3.2 Konfiguration 116 4.4 Bilder 117 4.4.1 Erzeugung 117 4.4.2 Konfiguration 118 4.5 Aufzählungen 120 4.5.1 Erzeugung 120 4.5.2 Konfiguration 120 4.6 Tabellen 121 4.6.1 Erzeugung 121 4.6.2 Konfiguration 122 4.7 Hyperlinks 123 4.7.1 Erzeugung 123 4.7.2 Konfiguration 124 4.8 Dateiverweise 126 4.8.1 Erzeugung 126 4.8.2 Konfiguration 126 4.9 Medien 127 4.9.1 Erzeugung 127 4.9.2 Konfiguration 127 4.10 Sitemap 128 4.10.1 Erzeugung 128 4.10.2 Konfiguration 128 4.11 Reines HTML 129

    9

    4.11.1 Erzeugung 129 4.11.2 Konfiguration 129 4.12 Trennlinie 130 4.12.1 Erzeugung 130 4.13 Fragen und Übungen 130

  • Inhaltsverzeichnisj e t z t l e r n e i c h

    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 -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

    10

    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

  • Inhaltsverzeichnis j e t z t l e r n e i c h

    6.4 Organisation des Seitenbaums 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

    11

    8.6 Fragen und Übungen 232

  • Inhaltsverzeichnisj e t z t l e r n e i c h

    Teil III: Weiterführende Themen 233

    9 Formulare, Suche und die Erweiterungen 235

    9.1 Formulare 235 9.1.1 Formular anlegen 235 9.1.2 Formular anpassen 238 9.1.3 Empfänger angeben 240 9.1.4 Bestätigungsseite angeben 240 9.2 Suche 241 9.2.1 Suchfunktion einrichten 241 9.2.2 Suchformular anpassen 243 9.2.3 Ergebnistabelle anpassen 246 9.3 Das Extension-Repository (Erweiterungsbibliothek) 247 9.3.1 Übersicht 247 9.3.2 Herunterladen 249 9.3.3 Installieren 251 9.3.4 Verwenden 251 9.4 Das Frontend-Editing-Plugin 252 9.4.1 Installation des »Advanced Frontend Editing«-Plugins 252 9.4.2 Frontend-Bearbeitung 253 9.5 Fragen und Übungen 254

    10 Grafikbearbeitung 255

    10.1 Bilder und andere Ressourcendateien verwalten 255 10.1.1 Das Verzeichnis fileadmin 256 10.1.2 Dateiverwaltung mit dem Element-Browser 260 10.2 Bilder einfügen 262 10.2.1 Inhaltselemente Bild und Text m/Bild 262 10.2.2 TypoScript 262 10.2.3 Seitenressource 263 10.2.4 Designvorlage 265 10.2.5 Übersicht 265 10.3 Bilder mit TypoScript generieren 265

    12

    10.3.1 Text einblenden 267 10.3.2 Schatten erzeugen 268 10.3.3 Linien und Rechtecke 268 10.3.4 Bilder einblenden 269 10.4 Fragen und Übungen 270

  • Inhaltsverzeichnis j e t z t l e r n e i c h

    11 Tipps und hilfreiche Techniken 271

    11.1 Papierkorb anlegen 271 11.2 Caching ausschalten 273 11.3 E-Mail-Adressen verschlüsseln 273 11.4 Shortcuts einrichten 273 11.5 Benutzer anlegen 274 11.6 Seiten rekursiv löschen 276 11.7 Arbeitsumgebungen 276 11.8 Backend konfigurieren 277

    Anhang A: Lösungen 279

    Anhang B: Inhalt der Buch-DVD 289

    B.1 Die Software 289 B.2 Die Dokumentationen 290 B.3 Die Beispiele 290

    Anhang C: Installation 293

    C.1 Der Winstaller für Windows 293 C.1.1 Bezug 293 C.1.2 Installation 294 C.1.3 Verwendung 295 C.1.4 Port-Belegung 296 C.1.5 Weitere TYPO3-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

    13

    Anhang D: TYPO3-Site auf anderen Server transferieren 311

    D.1 Erstellung einer neuen Site mit identischem Seitenbaum 311 D.2 Synchronisierung zweier TYPO3-Installationen 312 D.3 Backup-Dump einer Site 312 D.4 Wenn es Probleme gibt 312

  • Inhaltsverzeichnisj e t z t l e r n e i c h

    Anhang E: TypoScript-Referenz 315

    E.1 Grundlagen 316 E.1.1 Objekte, Eigenschaften und Datentypen 316 E.1.2 Bearbeitung im Backend 320 E.1.3 Auslagerung in externe Dateien 320 E.2 Syntax 321 E.2.1 Kommentare 321 E.2.2 Zuweisungen 322 E.2.3 Objektinstanzen kopieren, referenzieren und löschen 323 E.2.4 Konstanten 324 E.2.5 Bedingte Codeausführung 325 E.3 Objekt-Referenz 329 E.3.1 PAGE 329 E.3.2 TEXT 330 E.3.3 HTML 330 E.3.4 COA 331 E.3.5 FILE 331 E.3.6 IMAGE 331 E.3.7 GIFBUILDER 332 E.3.8 CONTENT 332 E.3.9 HMENU 333 E.3.10 TMENU 335 E.3.11 NO, ACT, CUR … (TMENUITEM) 335 E.3.12 GMENU 336 E.3.13 CASE 337 E.3.14 FORM 337 E.3.15 TEMPLATE 338 E.4 Funktionen-Referenz 339 E.5 Feldnamen der Seiteneigenschaften 344 E.6 Feldnamen der Inhaltselemente 345

    Stichwortverzeichnis 347

    14

    Jetzt lerne ich TYPO 3 - Ihr Einstieg in das Content-Management-System, incl. TypoScript Inhaltsverzeichnis Ein Wort vorab 1 Installation und Einrichtung oder … 1-2-3 TYPO3 Teil I: Grundtechniken 2 Darf ich bekannt machen: TYPO3 3 In fünfzehn Minuten zur ersten Webseite 4 Text, Bilder, Hyperlinks, Tabellen und Co. 5 Individuelle Layouts mit eigenem Template und CSS

    Teil II: Content Management 6 Von der Seite zur Site 7 Designvorlagen 8 Menüs und Klickpfade

    Teil III: Weiterführende Themen 9 Formulare, Suche und die Erweiterungen 10 Grafikbearbeitung 11 Tipps und hilfreiche Techniken Anhang A: Lösungen Anhang B: Inhalt der Buch-DVD Anhang C: Installation Anhang D: TYPO3-Site auf anderen Server transferieren Anhang E: TypoScript-Referenz Stichwortverzeichnis

    Ins Internet: Weitere Infos zum Buch, Downloads, etc.