Jetzt lerne ich TYPO3 - Ihr Einstieg in das Content-Management-System, inkl. TypoScript
von: Dirk Louis
Markt +Technik Verlag, 2012
ISBN: 9783863250096
Sprache: Deutsch
370 Seiten, Download: 19608 KB
Format: EPUB, PDF, auch als Online-Lesen
Mehr zum Inhalt
Jetzt lerne ich TYPO3 - Ihr Einstieg in das Content-Management-System, inkl. TypoScript
Jetzt lerne ich TYPO 3 - Ihr Einstieg in das Content-Management-System, incl. TypoScript | 1 | ||
Übersicht | 6 | ||
Inhaltsverzeichnis | 8 | ||
Ein Wort vorab | 8 | ||
1 Installation und Einrichtung oder … 1-2-3 TYPO3 | 8 | ||
Teil I: Grundtechniken | 9 | ||
2 Darf ich bekannt machen: TYPO3 | 9 | ||
3 In fünfzehn Minuten zur ersten Webseite | 9 | ||
4 Text, Bilder, Hyperlinks, Tabellen und Co. | 10 | ||
5 Individuelle Layouts mit eigenem Template und CSS | 11 | ||
Teil II: Content Management | 11 | ||
6 Von der Seite zur Site | 11 | ||
7 Designvorlagen | 12 | ||
8 Menüs und Klickpfade | 12 | ||
Teil III: Weiterführende Themen | 13 | ||
9 Formulare, Suche und die Erweiterungen | 13 | ||
10 Grafikbearbeitung | 13 | ||
11 Tipps und hilfreiche Techniken | 14 | ||
Anhang A: Lösungen | 14 | ||
Anhang B: Inhalt der Buch-DVD | 14 | ||
Anhang C: Installation | 14 | ||
Anhang D: TYPO3-Site auf anderen Server transferieren | 14 | ||
Anhang E: TypoScript-Referenz | 15 | ||
Stichwortverzeichnis | 15 | ||
Ein Wort vorab | 16 | ||
1 Installation und Einrichtung oder … 1-2-3 TYPO3 | 18 | ||
1.1 Überlegungen zur Installation | 18 | ||
1.1.1 TYPO3 stellt Ansprüche | 19 | ||
1.1.2 Wie sollten Sie vorgehen? | 20 | ||
1.2 TYPO3-Installation | 23 | ||
1.2.1 Vorbereitende Maßnahmen | 23 | ||
1.2.2 Entpacken der TYPO3-Archive | 24 | ||
1.2.3 Konfiguration mit dem TYPO3-Installations-Tool | 27 | ||
1.3 TYPO3 aufrufen | 33 | ||
1.4 Backend-Sprache auf Deutsch umstellen | 35 | ||
1.4.1 Übersetzung für deutsche Sprache importieren | 35 | ||
1.4.2 Sprache für Benutzer einstellen | 37 | ||
1.5 Für jedes Webprojekt eine eigene TYPO3-Site | 38 | ||
1.6 Fragen und Übungen | 39 | ||
2 Darf ich bekannt machen: TYPO3 | 42 | ||
2.1 Backend und Frontend | 42 | ||
2.1.1 Aufbau der Backend-Oberfläche | 43 | ||
2.1.2 Kontextmenüs und Symbole | 46 | ||
2.1.3 Eingabemasken | 52 | ||
2.1.4 Caching | 52 | ||
2.1.5 Automatische und manuelle Abmeldung | 53 | ||
2.2 Alles Typo oder doch lieber Design-vorlagen? | 55 | ||
2.3 Seiten in TYPO3 | 57 | ||
2.3.1 Was aber entspricht den TYPO3-Seiten? | 57 | ||
2.3.2 Wie werden TYPO3-Seiten aufgebaut? | 58 | ||
2.4 Templates und TypoScript | 58 | ||
2.5 Die Tour beenden | 60 | ||
2.6 Fragen und Übungen | 60 | ||
3 In fünfzehn Minuten zur ersten Webseite | 62 | ||
3.1 Vorgehensweise | 62 | ||
3.2 Vorbereitung der TYPO3-Site | 64 | ||
3.3 Seite anlegen | 67 | ||
3.4 Layout festlegen | 69 | ||
3.4.1 Template auswählen | 70 | ||
3.4.2 Die Standard-Templates | 72 | ||
3.5 Seite mit Inhalt füllen | 78 | ||
3.5.1 Die Eingabemaske für die Seiteninhaltselemente | 78 | ||
3.5.2 Spaltenanzeige der Eingabemaske anpassen | 79 | ||
3.5.3 Inhalte einfügen | 81 | ||
3.5.4 Inhalte bearbeiten | 92 | ||
3.6 Layout anpassen (= Template konfigurieren) | 93 | ||
3.6.1 Das Modul Web/Template | 94 | ||
3.6.2 Seitenaufteilung | 98 | ||
3.6.3 Banner und Logo | 99 | ||
3.6.4 TYPO3-Verweise | 101 | ||
3.6.5 Formatierung mit CSS | 102 | ||
3.6.6 Abschlussarbeiten | 105 | ||
3.7 Fragen und Übungen | 106 | ||
4 Text, Bilder, Hyperlinks, Tabellen und Co. | 108 | ||
4.1 Grundlagen der Inhaltselemente | 108 | ||
4.1.1 Die tt_content-Tabelle | 108 | ||
4.1.2 Die Seiteninhaltsansicht | 109 | ||
4.1.3 Die Listenansicht | 112 | ||
4.1.4 Die Eingabemaske | 114 | ||
4.1.5 Austauschbarkeit | 114 | ||
4.1.6 Rendern | 115 | ||
4.2 Überschriften | 115 | ||
4.2.1 Erzeugung | 115 | ||
4.2.2 Konfiguration | 116 | ||
4.3 Text | 117 | ||
4.3.1 Erzeugung | 117 | ||
4.3.2 Konfiguration | 117 | ||
4.4 Bilder | 118 | ||
4.4.1 Erzeugung | 118 | ||
4.4.2 Konfiguration | 119 | ||
4.5 Aufzählungen | 121 | ||
4.5.1 Erzeugung | 121 | ||
4.5.2 Konfiguration | 121 | ||
4.6 Tabellen | 122 | ||
4.6.1 Erzeugung | 122 | ||
4.6.2 Konfiguration | 123 | ||
4.7 Hyperlinks | 124 | ||
4.7.1 Erzeugung | 124 | ||
4.7.2 Konfiguration | 125 | ||
4.8 Dateiverweise | 127 | ||
4.8.1 Erzeugung | 127 | ||
4.8.2 Konfiguration | 127 | ||
4.9 Medien | 128 | ||
4.9.1 Erzeugung | 128 | ||
4.9.2 Konfiguration | 128 | ||
4.10 Sitemap | 129 | ||
4.10.1 Erzeugung | 129 | ||
4.10.2 Konfiguration | 129 | ||
4.11 Reines HTML | 130 | ||
4.11.1 Erzeugung | 130 | ||
4.11.2 Konfiguration | 130 | ||
4.12 Trennlinie | 131 | ||
4.12.1 Erzeugung | 131 | ||
4.13 Fragen und Übungen | 131 | ||
5 Individuelle Layouts mit eigenem Template und CSS | 132 | ||
5.1 Vorbereitung des Beispiels | 133 | ||
5.1.1 Beispiel-Site herrichten | 133 | ||
5.1.2 Template löschen | 135 | ||
5.2 Neues Template anlegen | 136 | ||
5.3 TypoScript-Grundkurs | 137 | ||
5.3.1 Zum TypoScript-Editor wechseln | 137 | ||
5.3.2 Erster Blick auf den Code | 139 | ||
5.3.3 Das PAGE-Objekt | 140 | ||
5.3.4 Ressourcen | 142 | ||
5.3.5 Zuweisungen | 145 | ||
5.3.6 Bedingungen | 145 | ||
5.4 Das -Layout vorgeben |
146 | ||
5.4.1 Das anvisierte Layout | 146 | ||
5.4.2 Umsetzung des Layouts in TypoScript | 147 | ||
5.4.3 Template-Code testen | 148 | ||
5.5 Formatierung mit CSS | 151 | ||
5.5.1 Inline-Stile | 151 | ||
5.5.2 Eingebettete Stildefinitionen | 152 | ||
5.5.3 Externe CSS-Datei als Ressource hinzufügen | 152 | ||
5.6 Die Seiteninhalte einlesen | 157 | ||
5.6.1 Bilder und externer HTML-Code | 157 | ||
5.6.2 Seiteninhaltselemente | 159 | ||
5.6.3 Bildgrößen anpassen | 162 | ||
5.7 Konstanten | 164 | ||
5.8 Fragen und Übungen | 166 | ||
6 Von der Seite zur Site | 170 | ||
6.1 Neue Seiten anlegen | 171 | ||
6.1.1 Der Root-Knoten | 171 | ||
6.1.2 Weitere Seiten anlegen und positionieren | 172 | ||
6.1.3 Seiteneigenschaften | 173 | ||
6.1.4 Meta-Informationen | 178 | ||
6.2 Mehrere Seiten gleichzeitig anlegen | 180 | ||
6.3 Mehrere Seiten gleichzeitig konfigurieren | 181 | ||
6.4 Organisation des Seitenbaums | 183 | ||
6.4.1 Aufnahme der späteren Webseiten | 183 | ||
6.4.2 Template-Vererbung unterstützen | 184 | ||
6.4.3 Menü-Navigationselemente nachbilden | 185 | ||
6.4.4 Strukturierung mit nicht sichtbaren Verweis-Seiten | 186 | ||
6.5 Seiten verschieben | 187 | ||
6.6 Die Seitentypen | 188 | ||
6.6.1 Seitentyp umstellen | 189 | ||
6.6.2 Übersicht über die Seitentypen | 191 | ||
6.7 Fragen und Übungen | 195 | ||
7 Designvorlagen | 196 | ||
7.1 Statische und dynamische Bereiche | 197 | ||
7.2 Designvorlage erstellen | 198 | ||
7.2.1 Komplette Übernahme oder Selektion? | 201 | ||
7.2.2 Platzhalter (Marks) | 202 | ||
7.2.3 Teilbereiche (Subparts) | 202 | ||
7.3 Designvorlage einbinden | 204 | ||
7.3.1 Designvorlage laden | 205 | ||
7.3.2 Bilder und Pfade in der Designvorlage | 207 | ||
7.3.3 Header ersetzen (CSS-Datei, Meta-Informationen etc.) | 208 | ||
7.3.4 Platzhalter und Teilbereich-Markierungen austauschen | 210 | ||
7.4 Noch einmal: das Konzept der Template- Vererbung | 213 | ||
7.5 Fragen und Übungen | 214 | ||
8 Menüs und Klickpfade | 216 | ||
8.1 Menüs aufbauen | 216 | ||
8.1.1 Die Menüpunkte | 216 | ||
8.1.2 Die Menüzustände | 219 | ||
8.1.3 Die Formatierung | 220 | ||
8.2 Text-Menüs | 220 | ||
8.2.1 Menü anlegen | 221 | ||
8.2.2 Menüzustände definieren | 225 | ||
8.3 Grafische Menüs | 227 | ||
8.4 Untermenüs | 229 | ||
8.5 Klickpfad | 232 | ||
8.6 Fragen und Übungen | 233 | ||
9 Formulare, Suche und die Erweiterungen | 236 | ||
9.1 Formulare | 236 | ||
9.1.1 Formular anlegen | 236 | ||
9.1.2 Formular anpassen | 239 | ||
9.1.3 Empfänger angeben | 241 | ||
9.1.4 Bestätigungsseite angeben | 241 | ||
9.2 Suche | 242 | ||
9.2.1 Suchfunktion einrichten | 242 | ||
9.2.2 Suchformular anpassen | 244 | ||
9.2.3 Ergebnistabelle anpassen | 247 | ||
9.3 Das Extension-Repository (Erweiterungsbibliothek) | 248 | ||
9.3.1 Übersicht | 248 | ||
9.3.2 Herunterladen | 250 | ||
9.3.3 Installieren | 252 | ||
9.3.4 Verwenden | 252 | ||
9.4 Das Frontend-Editing-Plugin | 253 | ||
9.4.1 Installation des »Advanced Frontend Editing«- Plugins | 253 | ||
9.4.2 Frontend-Bearbeitung | 254 | ||
9.5 Fragen und Übungen | 255 | ||
10 Grafikbearbeitung | 256 | ||
10.1 Bilder und andere Ressourcendateien verwalten | 256 | ||
10.1.1 Das Verzeichnis fileadmin | 257 | ||
10.1.2 Dateiverwaltung mit dem Element-Browser | 261 | ||
10.2 Bilder einfügen | 263 | ||
10.2.1 Inhaltselemente Bild und Text m/Bild | 263 | ||
10.2.2 TypoScript | 263 | ||
10.2.3 Seitenressource | 264 | ||
10.2.4 Designvorlage | 266 | ||
10.2.5 Übersicht | 266 | ||
10.3 Bilder mit TypoScript generieren | 266 | ||
10.3.1 Text einblenden | 268 | ||
10.3.2 Schatten erzeugen | 269 | ||
10.3.3 Linien und Rechtecke | 269 | ||
10.3.4 Bilder einblenden | 270 | ||
10.4 Fragen und Übungen | 271 | ||
11 Tipps und hilfreiche Techniken | 272 | ||
11.1 Papierkorb anlegen | 272 | ||
11.2 Caching ausschalten | 274 | ||
11.3 E-Mail-Adressen verschlüsseln | 274 | ||
11.4 Shortcuts einrichten | 274 | ||
11.5 Benutzer anlegen | 275 | ||
11.6 Seiten rekursiv löschen | 277 | ||
11.7 Arbeitsumgebungen | 277 | ||
11.8 Backend konfigurieren | 278 | ||
A Lösungen | 280 | ||
B Inhalt der Buch-DVD | 290 | ||
B.1 Die Software | 290 | ||
B.2 Die Dokumentationen | 291 | ||
B.3 Die Beispiele | 291 | ||
C Installation | 294 | ||
C.1 Der Winstaller für Windows | 294 | ||
C.1.1 Bezug | 294 | ||
C.1.2 Installation | 295 | ||
C.1.3 Verwendung | 296 | ||
C.1.4 Port-Belegung | 297 | ||
C.1.5 Weitere TYPO3-Sites einrichten | 298 | ||
C.2 XAMPP | 300 | ||
C.2.1 Bezug | 301 | ||
C.2.2 Installation | 301 | ||
C.2.3 Verwendung | 302 | ||
C.3 ImageMagick/GraphicsMagick | 305 | ||
C.4 Seitenbaum exportieren | 306 | ||
D TYPO3-Site auf anderen Server transferieren | 312 | ||
D.1 Erstellung einer neuen Site mit identischem Seitenbaum | 312 | ||
D.2 Synchronisierung zweier TYPO3- Installationen | 313 | ||
D.3 Backup-Dump einer Site | 313 | ||
D.4 Wenn es Probleme gibt | 313 | ||
E TypoScript-Referenz | 316 | ||
E.1 Grundlagen | 317 | ||
E.1.1 Objekte, Eigenschaften und Datentypen | 317 | ||
E.1.2 Bearbeitung im Backend | 321 | ||
E.1.3 Auslagerung in externe Dateien | 321 | ||
E.2 Syntax | 322 | ||
E.2.1 Kommentare | 322 | ||
E.2.2 Zuweisungen | 323 | ||
E.2.3 Objektinstanzen kopieren, referenzieren und löschen | 324 | ||
E.2.4 Konstanten | 325 | ||
E.2.5 Bedingte Codeausführung | 326 | ||
E.3 Objekt-Referenz | 330 | ||
E.3.1 PAGE | 330 | ||
E.3.2 TEXT | 331 | ||
E.3.3 HTML | 331 | ||
E.3.4 COA | 332 | ||
E.3.5 FILE | 332 | ||
3.6 IMAGE | 332 | ||
E.3.7 GIFBUILDER | 333 | ||
E.3.8 CONTENT | 333 | ||
E.3.9 HMENU | 334 | ||
E.3.10 TMENU | 336 | ||
E.3.11 NO, ACT, CUR … (TMENUITEM) | 336 | ||
E.3.12 GMENU | 337 | ||
E.3.13 CASE | 338 | ||
E.3.14 FORM | 338 | ||
E.3.15 TEMPLATE | 339 | ||
E.4 Funktionen-Referenz | 340 | ||
E.5 Feldnamen der Seiteneigenschaften | 345 | ||
E.6 Feldnamen der Inhaltselemente | 346 | ||
Stichwortverzeichnis | 348 | ||
A | 348 | ||
B | 348 | ||
C | 349 | ||
D | 349 | ||
E | 350 | ||
F | 350 | ||
G | 350 | ||
H | 350 | ||
I | 350 | ||
K | 351 | ||
L | 351 | ||
M | 352 | ||
N | 352 | ||
O | 352 | ||
P | 352 | ||
R | 353 | ||
S | 353 | ||
T | 354 | ||
U | 356 | ||
V | 356 | ||
W | 356 | ||
X | 356 | ||
Z | 356 | ||
Ins Internet: Weitere Infos zum Buch, Downloads, etc. | 0 | ||
Copyright | 370 |