TYP03. Ihr Einstieg -iftfdävcontent-management- System, inkl.-typoscript. Markt+Technik

Transkript

1 TYP03 Ihr Einstieg -iftfdävcontent-management- System, inkl.-typoscript Markt+Technik

2 Übersicht Ein Wort vorab 15 1 Installation und Einrichtung oder TYPO3 17 Teil I: Grundtechniken 39 2 Darf ich bekannt machen: TYP In fünfzehn Minuten zur ersten Webseite 61 4 Text, Bilder, Hyperlinks, Tabellen und Co Individuelle Layouts mit eigenem Template und CSS 131 Teil II: Content Management Von der Seite zur Site Designvorlagen Menüs und Klickpfade 215 Teil III: Weiterführende Themen Formulare, Suche und die Erweiterungen Grafikbearbeitung 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

3 Ein Wort vorab 15 1 Installation und Einrichtung oder TYPO Überlegungen zur Installation TYPO3 stellt Ansprüche Wie sollten Sie vorgehen? ' TYPO3-Installation Vorbereitende Maßnahmen Entpacken der TYP03-Archive mit dem TYP03-Installations-Tool TYP03 aufrufen Backend-Sprache auf Deutsch umstellen Übersetzung für deutsche Sprache importieren Sprache für Benutzer einstellen Für jedes Webprojekt eine eigene TYP03-Site Fragen und Übungen, 38

4 Teil I: Grundtechniken 39 2 Darf ich bekannt machen: TYP 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 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

5 , ' 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

6 5 Individuelle Layouts mit eigenem Template und CSS Vorbereitung des Beispiels Beispiel-Site herrichten Template löschen Neues Template anlegen TypoScript-Grundkurs Zum TypoScript-Editor wechseln Erster Blick auf den Code Das PAGE-Objekt Ressourcen Zuweisungen Bedingungen Das <div>-layout vorgeben Das anvisierte Layout ' Umsetzung des Layouts in TypoScript Template-Code testen Formatierung mit CSS Inline-Stile Eingebettete Stildefinitionen Externe CSS-Datei als Ressource hinzufügen Die Seiteninhalte einlesen Bilder und externer HTML-Code Seiteninhaltselemente Bildgrößen anpassen Konstanten Fragen und Übungen 165 Teil II: Content Management Von der Seite zur Site Neue Seiten anlegen Der Root-Knoten Weitere Seiten anlegen und positionieren Seiteneigenschaften Meta-Informationen Mehrere Seiten gleichzeitig anlegen Mehrere Seiten gleichzeitig konfigurieren '

7 6.4 Organisation des Seifenbaums Aufnahme der späteren Webseiten Template-Vererbung unterstützen" Menü-Navigationselemente nachbilden Strukturierung mit nicht sichtbaren Verweis-Seiten Seiten verschieben Die Seitentypen Seitentyp umstellen Übersicht über die Seitentypen Fragen und Übungen Designvorlagen Statische und dynamische Bereiche Designvorlage erstellen Komplette Übernahme oder Selektion? Platzhalter (Marks) Teilbereiche (Subparts) Designvorlage einbinden Designvorlage laden Bilder und Pfade in der Designvorlage Header ersetzen (CSS-Datei, Meta-Informationen etc.) Platzhalter und Teilbereich-Markierungen austauschen Noch einmal: das Konzept der Template-Vererbung Fragen und Übungen Menüs und Klickpfade Menüs aufbauen Die Menüpunkte Die Menüzustände Die Formatierung Text-Menüs Menü anlegen Menüzustände definieren Grafische Menüs Untermenüs Klickpfad Fragen und Übungen

8 Teil III: Weiterführende Themen Ö.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

9 Tipps und hilfreiche Techniken Papierkorb anlegen Caching ausschalten ' -Adressen verschlüsseln Shortcuts einrichten Benutzer anlegen Seiten rekursiv löschen Arbeitsumgebungen Backend konfigurieren 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

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