jetzt lerne ich typo3 – *isbn 978-3 ... · 2.3 seiten in typo3 56 2.3.1 was aber entspricht den...

9

Upload: others

Post on 18-Oct-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?
Page 2: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

rne

ic

h

e

jetz

t l

Inhaltsverzeichnis

Ein Wort vorab 15

1 Installation und Einrichtung oder … 1-2-3 TYPO3 17

1.1 Überlegungen zur Installation 171.1.1 TYPO3 stellt Ansprüche 181.1.2 Wie sollten Sie vorgehen? 191.2 TYPO3-Installation 221.2.1 Vorbereitende Maßnahmen 221.2.2 Entpacken der TYPO3-Archive 231.2.3 Konfiguration mit dem TYPO3-Installations-Tool 261.3 TYPO3 aufrufen 32

7

1.4 Backend-Sprache auf Deutsch umstellen 341.4.1 Übersetzung für deutsche Sprache importieren 341.4.2 Sprache für Benutzer einstellen 361.5 Für jedes Webprojekt eine eigene TYPO3-Site 371.6 Fragen und Übungen 38

Page 3: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

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 412.1.1 Aufbau der Backend-Oberfläche 422.1.2 Kontextmenüs und Symbole 452.1.3 Eingabemasken 512.1.4 Caching 512.1.5 Automatische und manuelle Abmeldung 522.2 Alles Typo oder doch lieber Designvorlagen? 542.3 Seiten in TYPO3 562.3.1 Was aber entspricht den TYPO3-Seiten? 562.3.2 Wie werden TYPO3-Seiten aufgebaut? 572.4 Templates und TypoScript 572.5 Die Tour beenden 592.6 Fragen und Übungen 59

3 In fünfzehn Minuten zur ersten Webseite 61

3.1 Vorgehensweise 613.2 Vorbereitung der TYPO3-Site 633.3 Seite anlegen 663.4 Layout festlegen 683.4.1 Template auswählen 693.4.2 Die Standard-Templates 713.5 Seite mit Inhalt füllen 773.5.1 Die Eingabemaske für die Seiteninhaltselemente 773.5.2 Spaltenanzeige der Eingabemaske anpassen 783.5.3 Inhalte einfügen 803.5.4 Inhalte bearbeiten 913.6 Layout anpassen (= Template konfigurieren) 923.6.1 Das Modul Web/Template 933.6.2 Seitenaufteilung 97

8

3.6.3 Banner und Logo 983.6.4 TYPO3-Verweise 1003.6.5 Formatierung mit CSS 1013.6.6 Abschlussarbeiten 1043.7 Fragen und Übungen 105

Page 4: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

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 1074.1.1 Die tt_content-Tabelle 1074.1.2 Die Seiteninhaltsansicht 1084.1.3 Die Listenansicht 1114.1.4 Die Eingabemaske 1134.1.5 Austauschbarkeit 1134.1.6 Rendern 1144.2 Überschriften 1144.2.1 Erzeugung 1144.2.2 Konfiguration 1154.3 Text 1164.3.1 Erzeugung 1164.3.2 Konfiguration 1164.4 Bilder 1174.4.1 Erzeugung 1174.4.2 Konfiguration 1184.5 Aufzählungen 1204.5.1 Erzeugung 1204.5.2 Konfiguration 1204.6 Tabellen 1214.6.1 Erzeugung 1214.6.2 Konfiguration 1224.7 Hyperlinks 1234.7.1 Erzeugung 1234.7.2 Konfiguration 1244.8 Dateiverweise 1264.8.1 Erzeugung 1264.8.2 Konfiguration 1264.9 Medien 1274.9.1 Erzeugung 1274.9.2 Konfiguration 1274.10 Sitemap 1284.10.1 Erzeugung 1284.10.2 Konfiguration 1284.11 Reines HTML 129

9

4.11.1 Erzeugung 1294.11.2 Konfiguration 1294.12 Trennlinie 1304.12.1 Erzeugung 1304.13 Fragen und Übungen 130

Page 5: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

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 1325.1.1 Beispiel-Site herrichten 1325.1.2 Template löschen 1345.2 Neues Template anlegen 1355.3 TypoScript-Grundkurs 1365.3.1 Zum TypoScript-Editor wechseln 1365.3.2 Erster Blick auf den Code 1385.3.3 Das PAGE-Objekt 1395.3.4 Ressourcen 1415.3.5 Zuweisungen 1445.3.6 Bedingungen 1445.4 Das <div>-Layout vorgeben 1455.4.1 Das anvisierte Layout 1455.4.2 Umsetzung des Layouts in TypoScript 1465.4.3 Template-Code testen 1475.5 Formatierung mit CSS 1505.5.1 Inline-Stile 1505.5.2 Eingebettete Stildefinitionen 1515.5.3 Externe CSS-Datei als Ressource hinzufügen 1515.6 Die Seiteninhalte einlesen 1565.6.1 Bilder und externer HTML-Code 1565.6.2 Seiteninhaltselemente 1585.6.3 Bildgrößen anpassen 1615.7 Konstanten 1635.8 Fragen und Übungen 165

Teil II: Content Management 167

6 Von der Seite zur Site 169

6.1 Neue Seiten anlegen 1706.1.1 Der Root-Knoten 170

10

6.1.2 Weitere Seiten anlegen und positionieren 1716.1.3 Seiteneigenschaften 1726.1.4 Meta-Informationen 1776.2 Mehrere Seiten gleichzeitig anlegen 1796.3 Mehrere Seiten gleichzeitig konfigurieren 180

Page 6: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

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

6.4 Organisation des Seitenbaums 1826.4.1 Aufnahme der späteren Webseiten 1826.4.2 Template-Vererbung unterstützen 1836.4.3 Menü-Navigationselemente nachbilden 1846.4.4 Strukturierung mit nicht sichtbaren Verweis-Seiten 1856.5 Seiten verschieben 1866.6 Die Seitentypen 1876.6.1 Seitentyp umstellen 1886.6.2 Übersicht über die Seitentypen 1906.7 Fragen und Übungen 194

7 Designvorlagen 195

7.1 Statische und dynamische Bereiche 1967.2 Designvorlage erstellen 1977.2.1 Komplette Übernahme oder Selektion? 2007.2.2 Platzhalter (Marks) 2017.2.3 Teilbereiche (Subparts) 2017.3 Designvorlage einbinden 2037.3.1 Designvorlage laden 2047.3.2 Bilder und Pfade in der Designvorlage 2067.3.3 Header ersetzen (CSS-Datei, Meta-Informationen etc.) 2077.3.4 Platzhalter und Teilbereich-Markierungen austauschen 2097.4 Noch einmal: das Konzept der Template-Vererbung 2127.5 Fragen und Übungen 213

8 Menüs und Klickpfade 215

8.1 Menüs aufbauen 2158.1.1 Die Menüpunkte 2158.1.2 Die Menüzustände 2188.1.3 Die Formatierung 2198.2 Text-Menüs 2198.2.1 Menü anlegen 2208.2.2 Menüzustände definieren 2248.3 Grafische Menüs 2268.4 Untermenüs 2288.5 Klickpfad 231

11

8.6 Fragen und Übungen 232

Page 7: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

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 2359.1.1 Formular anlegen 2359.1.2 Formular anpassen 2389.1.3 Empfänger angeben 2409.1.4 Bestätigungsseite angeben 2409.2 Suche 2419.2.1 Suchfunktion einrichten 2419.2.2 Suchformular anpassen 2439.2.3 Ergebnistabelle anpassen 2469.3 Das Extension-Repository (Erweiterungsbibliothek) 2479.3.1 Übersicht 2479.3.2 Herunterladen 2499.3.3 Installieren 2519.3.4 Verwenden 2519.4 Das Frontend-Editing-Plugin 2529.4.1 Installation des »Advanced Frontend Editing«-Plugins 2529.4.2 Frontend-Bearbeitung 2539.5 Fragen und Übungen 254

10 Grafikbearbeitung 255

10.1 Bilder und andere Ressourcendateien verwalten 25510.1.1 Das Verzeichnis fileadmin 25610.1.2 Dateiverwaltung mit dem Element-Browser 26010.2 Bilder einfügen 26210.2.1 Inhaltselemente Bild und Text m/Bild 26210.2.2 TypoScript 26210.2.3 Seitenressource 26310.2.4 Designvorlage 26510.2.5 Übersicht 26510.3 Bilder mit TypoScript generieren 265

12

10.3.1 Text einblenden 26710.3.2 Schatten erzeugen 26810.3.3 Linien und Rechtecke 26810.3.4 Bilder einblenden 26910.4 Fragen und Übungen 270

Page 8: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

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

11 Tipps und hilfreiche Techniken 271

11.1 Papierkorb anlegen 27111.2 Caching ausschalten 27311.3 E-Mail-Adressen verschlüsseln 27311.4 Shortcuts einrichten 27311.5 Benutzer anlegen 27411.6 Seiten rekursiv löschen 27611.7 Arbeitsumgebungen 27611.8 Backend konfigurieren 277

Anhang A: Lösungen 279

Anhang B: Inhalt der Buch-DVD 289

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

Anhang C: Installation 293

C.1 Der Winstaller für Windows 293C.1.1 Bezug 293C.1.2 Installation 294C.1.3 Verwendung 295C.1.4 Port-Belegung 296C.1.5 Weitere TYPO3-Sites einrichten 297C.2 XAMPP 299C.2.1 Bezug 300C.2.2 Installation 300C.2.3 Verwendung 301C.3 ImageMagick/GraphicsMagick 304C.4 Seitenbaum exportieren 305

13

Anhang D: TYPO3-Site auf anderen Server transferieren 311

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

Page 9: Jetzt lerne ich Typo3  – *ISBN 978-3 ... · 2.3 Seiten in TYPO3 56 2.3.1 Was aber entspricht den TYPO3-Seiten? 56 2.3.2 Wie werden TYPO3-Seiten aufgebaut?

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

Anhang E: TypoScript-Referenz 315

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

Stichwortverzeichnis 347

14