TYPO3. Handbuch für Redakteure O REILLY. Michael Bielitza & Christoph Klümpel. Web-Inhalte optimal aufbereiten. Deckt

Transkript

1 Web-Inhalte optimal aufbereiten Deckt 3. PHP Auflage 5.1 ab TYPO3 Handbuch für Redakteure O REILLY Michael Bielitza & Christoph Klümpel mit Pascal Hinz, Martin Holtz & André Steiling

2 Inhalt Einleitung IX Teil I: Mit TYPO3 arbeiten 1 Richtig starten: Standards, Begriffe, Einstellungen Das Internet eine Momentaufnahme Barrierearmut und Suchmaschinen Semantik Webstandards für ein besseres Web Die Sprache von TYPO Rollenverteilung: Administratoren und Redakteure Voraussetzungen und nützliche Tipps für die Arbeit mit TYPO Schnelleinstieg in die Arbeit mit TYPO Login Das Backend im Überblick Die wichtigsten Benutzereinstellungen Der Seitenbaum Eine neue Seite anlegen Texte und Bilder einfügen Eine Seite mit der Vorschaufunktion betrachten Kopieren, Positionieren und Löschen von Elementen Die Module von TYPO Die Modulgruppe Web Die Modulgruppe Datei Das Modul Dokumente Die Modulgruppe Benutzerwerkzeuge Die Modulgruppe Hilfe V

3 3 Mit den Standard-Editiermasken von TYPO3 arbeiten Speichern, löschen, Änderungen zurücknehmen und mehr Schnellnavigation für geöffnete Dokumente Menü Speichern/Schließen und Cache löschen Seiten und Inhalte zeitgesteuert veröffentlichen Zutritt nur für Mitglieder: Website-Benutzer und -Benutzergruppen Zusätzliche Optionen für Editiermasken Seiten anlegen und bearbeiten Seiten erstellen, verschieben, kopieren und löschen Aufklappmenü Typ: Die verschiedenen Seitentypen von TYPO Seiten mehrsprachig anlegen und verwalten Den Rich Text Editor einsetzen Für Menschen und Maschinen: Texte im Internet Texte erstellen, bearbeiten und formatieren Listen im Text erstellen Texte verlinken und erweiterte RTE-Features nutzen Bilder im RTE einbauen Tabellen Daten mit dem RTE übersichtlich einpflegen Crashkurs HTML für Redakteure Schneller zum Ziel mit Tastaturbefehlen Inhalte anlegen und editieren Wohin mit dem Content? Die Arbeit mit Spalten Inhalte anlegen, bearbeiten, speichern, löschen Inhalte sortieren, verschieben und kopieren Vielfältiger Content mit den verschiedenen TYPO3-Inhaltstypen Frontend Editing: Durch die Vordertür ins Backend Best Practices: Mehrere Inhaltselemente auf einer Seite verwenden Bei Bildern Zugänglichkeit und Barrierearmut erreichen Dateiverwaltung mit der Dateiliste und dem Element-Browser Die zentrale Dateiverwaltung Der TYPO3-Element-Browser Per FTP-Programm viele Dateien auf einmal hochladen DAM, die moderne Dateiverwaltung von TYPO Die Extension DAM Das Modul Datei: Hochladen von Dateien (Assets) Das Modul Liste: Arbeiten mit Dateien (Assets) Arbeiten mit dem TYPO3-Element-Browser des DAM VI Inhalt

4 Die Stammdaten einer Datei: Metadaten pflegen Fazit und Ausblick Teil II: Mehr aus TYPO3 herausholen 9 Die wichtigsten Tools und TYPO3-Erweiterungen für Redakteure Was sind Erweiterungen? Aktuelles für Ihre Website: die News-Extension Halten Sie Ihre Besucher auf dem Laufenden: Die Newsletter-Extension Inhalte auf Fehler überprüfen: Die Firefox Web Developer Toolbar Visits, Hits und Pages: mit AWStats Webstatistiken auswerten Bildergalerien und effektvolle Diashows Effizientes Arbeiten mit TYPO Die Zwischenablage: Mehrere Inhalte gleichzeitig bearbeiten Seiten und Inhalte mehrfach verwenden TYPO3 ist keine Einbahnstraße: Rückgängig machen und Änderungsverlauf 346 Schnell gefunden: die Backend-Suche Daten aus TYPO3 in anderen Programmen verwenden Das TYPO3-Taskcenter: Ihre persönliche Organisationszentrale im Backend Workspaces und Workflow Workspaces (Arbeitsumgebungen) Mit Workflows arbeiten TYPO3-Konfiguration auf einen Blick TYPO3 personalisieren: Benutzereinstellungen Die richtigen Browsereinstellungen für TYPO Teil III: Praxiswissen Bild und Text für Redakteure 13 Bildbearbeitung für Redakteure Die Bild- und Grafikformate: JPG, GIF, PNG und Co Bildbearbeitung mit TYPO Software für die Bildbearbeitung Bildbearbeitung mit Photoshop Elements Das Recht am eigenen Bild Inhalt VII

5 Nutzungsrechte Bilderschutz und Digimarc-Wasserzeichen Typografie und Text Schriftarten im Web Schriftformatierung im Web Korrekter Schriftsatz Die wichtigsten Satz- und Sonderzeichen Texte für das Internet: Das sollten Sie beachten Teil IV: Tipps für Administratoren und Entwickler 15 Das TYPO3-Backend anpassen Werkzeuge für die Konfiguration von TYPO Benutzer und Gruppen verwalten Eingabefelder anpassen Inhaltsspalten anpassen Datensätze anpassen Datei-Upload in Inhaltselementen Das Backend für Wartungsarbeiten sperren Translation Handling TYPO3 lokalisieren Den RTE individuell einrichten Workspaces konfigurieren Techniken und Tipps für die Arbeit am Frontend Inhalte automatisiert einblenden und vererben Editierbare Adressdaten im Footer generieren Wortmarken korrekt ausgeben Tipps für Inhaltselemente mit Bildern Frontend Editing nutzen Mittel der Suchmaschinenoptimierung in TYPO Caching-Probleme in den Griff bekommen Die Extension AOE Link Handler nutzen SimulateStaticDocuments und RealURL einsetzen Neuerungen in TYPO3-Version 4.5 und Ausblick auf TYPO3-Version A FAQ Frequently Asked Questions Index VIII Inhalt

6 Kapitel 5 KAPITEL 5 Den Rich Text Editor einsetzen In diesem Kapitel lernen Sie den Umgang mit dem Rich Text Editor kennen. Zunächst wird der Unterschied zwischen gedrucktem Text und Internettext erläutert. Dann erfahren Sie, wie man mit dem Editor Texte erstellt, formatiert, Listen damit aufbaut, Tabellen richtig einpflegt und Bilder einbaut. Zum Schluss bekommen Sie in einem Crashkurs noch einen Einblick in HTML, weil sich Kenntnisse darin im Redakteursalltag als sehr hilfreich erweisen können. Fast immer, wenn in TYPO3 Texte erstellt und formatiert werden, ist dabei der Rich Text Editor im Einsatz (Abbildung 5-1). Das gilt für die Seiteninhalte Text, Text mit Bild und das Modul News, aber auch in vielen anderen TYPO3-Erweiterungen wie zum Beispiel dem Shopsystem wurde der Rich Text Editor mittlerweile implementiert und ist dort nutzbar. Abbildung 5-1: Der Rich Text Editor (RTE) mit formatiertem Text 111

7 Ein Rich Text Editor (RTE) ist eine WYSIWYG-Anwendung, mit der man innerhalb eines Browsers Texte, die sonst eigentlich nur mit HTML- und CSS-Kenntnissen erstellt und formatiert werden können, wie aus Word oder OpenOffice gewohnt editieren kann. Die dort verwendeten Symbole haben so oder ähnlich auch im RTE Einzug gehalten. Beim RTE handelt es sich im Grunde genommen um ein Programm im Programm eine Textverarbeitung innerhalb von TYPO3. Bei dem ab Version 4 in TYPO3 installierten RTE handelt es sich um den Open Source- Editor htmlarea, der in Firefox sowie im Internet Explorer in allen aktuellen Versionen und auf allen Plattformen gut funktioniert. Allerdings muss der RTE in TYPO3 aktiviert sein, damit Sie ihn überhaupt im Backend verwenden können. Ist das nicht der Fall, erkennen Sie dies daran, dass Sie anstelle von formatiertem Text nur HTML-Quellcode sehen und bearbeiten können. Kontrollieren Sie dann im Modul Benutzer Einstellungen, ob das Häkchen bei der Option Rich Text Editor aktivieren (falls verfügbar) unter Bearbeiten gesetzt ist. Sollte der RTE trotz dieser Aktivierung nicht funktionieren, ist entweder die RTE-Extension deinstalliert worden, oder Sie benutzen einen Browser, der den RTE nicht unterstützt. Hinweise für die Verwendung des Rich Text Editor Ein Problem ergibt sich aus der Tatsache, dass der Rich Text Editor auf verschiedene Art und Weise konfiguriert werden kann. Es kann also sein, dass Sie nach der Funktion Bilder einfügen suchen, diese Funktion aber vom Administrator überhaupt nicht freigegeben wurde. Jede Funktion des RTE kann einzeln aus- und eingeblendet werden, und es ist oftmals auch klug, den Funktionsumfang einzuschränken. Bestimmte Funktionen wie Schriftauswahl oder Textfarbe, die nicht mehr den aktuellen Richtlinien für die Auszeichnung von Webinhalten entsprechen, können somit auch nicht»aus Versehen«benutzt werden. Eine sinnvolle Konfiguration des RTE (htmlarea) für die aktuelle Version mit detaillierter Anleitung finden Sie im Abschnitt»Den RTE individuell einrichten«auf Seite 490. Für Menschen und Maschinen: Texte im Internet Texte und die darüber kommunizierten Informationen sind für eine Website das Salz in der Suppe. Das Hauptziel der meisten Besucher von Websites ist es, sich zu informieren. Dass dies in einem optisch ansprechenden Design und einer funktionalen, technisch sauber programmierten Umgebung geschehen kann, sollte selbstverständlich sein. Aber eine Website wird zumindest längerfristig nur dann für Besucher interessant bleiben, wenn sie die für ihre Zielgruppe relevanten Inhalte aktuell, interessant und übersichtlich 112 Kapitel 5: Den Rich Text Editor einsetzen

8 darbietet. Die Strukturierung und das Design eines Texts haben großen Einfluss darauf, wie gut die Informationen vom Leser aufgenommen werden können. Der Rich Text Editor in TYPO3 bietet Ihnen alle Möglichkeiten dazu. Texte für das Internet unterscheiden sich von gedruckten Texten gewaltig. Gedruckter Text, also Text in Büchern, Zeitungen und Broschüren, wird nur von Menschen gelesen, Texte im Internet aber auch von Maschinen. Science-Fiction? Keineswegs. Damit sind nicht im Web surfende Haushaltsroboter gemeint, sondern vielmehr Maschinen wie z.b. Suchroboter von Google und Vorlesegeräte sogenannte Screenreader. Diese Geräte ermöglichen Menschen mit einer Sehbehinderung, Informationen im Internet zu erfassen, indem sie die Texte vorlesen. Dafür muss der Text für diese Maschinen aber auch lesbar und»verständlich«sein. Die Aufgabe des Redakteurs ist es, dies beim Verfassen eines Texts zu berücksichtigen und ihn für Menschen und Maschinen gleichermaßen geeignet aufzubereiten. Leider wird dadurch der Aufwand für den Redakteur nicht geringer, die Arbeit nicht einfacher, und vielleicht denken Sie jetzt, dass doch schon das normale Erstellen von Texten viel Arbeit macht und die Aufbereitung für Maschinen eigentlich etwas übertrieben und nur was für Perfektionisten ist. Aber bedenken Sie, dass Ihre Arbeit nur dann sinnvoll ist, wenn sie auch von Suchmaschinen gefunden wird und für möglichst viele Interessierte zugänglich ist. Menschen mit Behinderungen sollte der Zugang zu Ihrer Website so einfach wie möglich gemacht werden denn nicht zuletzt sind es mögliche Kunden. Die Mühe lohnt sich also. In Deutschland spricht man oft von Barrierefreiheit, einem populären Schlagwort im Internetbereich der letzten Jahre. Leider wird es eine komplett barrierefreie Seite kaum geben können, deshalb trifft die Bezeichnung Barrierearmut deutlich besser zu. Das bedeutet, dass das Ziel der technisch, physisch und inhaltlich ungehinderte Zugang zur Website sein sollte. Menschen besuchen Ihre Website schließlich nicht nur mit den neuesten Browsern, sondern auch mit Screenreadern, Braillegeräten, veralteten Browsern mit fehlenden Plug-ins, mit Smartphones, Mobiltelefonen und langsamen Zugangsgeschwindigkeiten. Wie Sie gute Texte für Menschen schreiben, wissen Sie als Redakteur wahrscheinlich. Einige zusätzliche Tipps für die mediengerechte Erstellung bekommen Sie in Kapitel 14, Typografie und Text. In diesem Kapitel geht es darum, wie Sie mit dem RTE Texte editieren und was Maschinen benötigen, damit sie mit Ihren Texten umgehen, sie auswerten und daraus die richtigen Schlussfolgerungen ziehen können. Ein Beispiel: Für den menschlichen Leser formatieren Sie ein bestimmtes Wort fett und etwas größer als andere, um die Wichtigkeit dieses Worts innerhalb des Texts herauszustreichen. Das Wort ist somit visuell gekennzeichnet und fällt dann dem Betrachter der Webseite auf. Aber woher weiß eine nicht sehende Suchmaschine, dass es sich um ein wichtiges Wort handelt, und warum ist das überhaupt von Bedeutung? Die Antwort lautet: Wenn wir es Für Menschen und Maschinen: Texte im Internet 113

9 auch der Suchmaschine ermöglichen, zu erkennen, ob ein Wort wichtig ist, kann die Suchmaschine die Relevanz der Website bei einem bestimmten Suchwort erhöhen und Ihrer Site eine bessere Suchmaschinenplatzierung gönnen. Das bedeutet, Sie werden besser gefunden und bekommen dadurch sicherlich mehr Besucher, die an Ihren Inhalten interessiert sind. Richtig aufbereitet, erkennt auch ein Screenreader ein wichtiges Wort und wird dieses beim Vorlesen anders betonen. Aber wie kommuniziert man mit Maschinen? Die Bedeutung der einzelnen Wörter und Sätze und ihre visuellen Attribute wie Farbigkeit, Größe usw. bleibt ihnen ja verborgen. Die Lösung lautet: Semantik (Bedeutungslehre). In der Sprachwissenschaft ist die Semantik ein Teilgebiet, das sich mit dem Sinn und der Bedeutung von Sprache befasst. In Bezug auf die Erstellung von Texten für das Internet spricht man von Semantik, wenn dem Text eine für Maschinen verständliche Bedeutung mitgegeben wird. Ein Beispiel: Eine Suchmaschine durchsucht Ihre Website und deren Inhalte nach Auszeichnungen (Tags), die für den Menschen unsichtbar sind, der Maschine aber wertvolle Informationen liefern. Um bei dem Beispiel des wichtigen, fett formatierten Worts zu bleiben: Die Suchmaschine hält nach einer Auszeichnung Ausschau, die ihr signalisiert, ob ein Wort»wichtig«ist. Bei diesem Beispiel passiert das ganz automatisch, da der RTE ein Wort, das fett ausgezeichnet wird, automatisch im Hintergrund um die für Maschinenleser verständlichen Tags erweitert. Dabei umklammert der RTE das Wort mit dem semantischen (X)HTML-Tag strong: <strong>wort</ strong> (Abbildung 5-2). Abbildung 5-2: Der formatierte Text in der HTML-Ansicht 114 Kapitel 5: Den Rich Text Editor einsetzen

10 Hier ist es also ganz einfach, ein Wort für Menschen und für Maschinen gleichermaßen kenntlich zu machen. In anderen Fällen muss mit etwas mehr Aufwand manuell eingegriffen werden. Am besten ist es, dabei an den Inhalt und nicht an das Aussehen zu denken. Definieren Sie zunächst, welche Art von Informationen vorliegen, welche Bedeutung und welche Funktion der Text haben soll, und wählen Sie dann immer das (X)HTML- Element zur semantischen Auszeichnung, das den Inhalt am besten beschreibt. Deshalb wird in diesem Kapitel bei der Erläuterung der einzelnen Funktionen und der zur Verfügung stehenden Textformatierungen des wichtigsten TYPO3-Textproduzenten, dem Rich Text Editor, neben der reinen Funktionserklärung auch immer der semantische Aspekt beleuchtet. Leider gibt es für viele Inhaltselemente noch kein geeignetes (X)HTML-Element. Das kann sich aber in Zukunft schnell ändern. An möglichen Techniken wird bereits eifrig gearbeitet, als Beispiel seien die»mikroformate«genannt. Dabei handelt es sich um semantische Annotationen von (X)HTML, z.b. für Kontaktinformationen oder Termine, die von Maschinen ausgelesen werden können und diesen die Bedeutung eines Webseiteninhalts verständlich machen. Die Maschine (z. B. eine Suchmaschine)»weiß«dann, dass es sich um einen Termin oder eine Kontaktinformation handelt, und kann entsprechend mit der Information umgehen. Im semantischen Web von morgen ist es also durchaus möglich, nicht nur rein lexikalisch, sondern auch semantisch zu suchen. Sie können dann entscheiden, ob Sie beim Suchwort»Koch«auch den Namen oder nur den Beruf finden möchten. Die Vorteile einer optimal aufbereiteten Website liegen also auf der Hand: Zugänglichkeit, Suchmaschinenfreundlichkeit, eine gute Browserunterstützung und Zukunftsfähigkeit um nur einige zu nennen. Texte erstellen, bearbeiten und formatieren Um sich mit dem RTE vertraut zu machen, erstellen Sie über das Modul Web Seite Neu (im Kontextmenü einer Seite) Seiteninhalt zunächst einen neuen Seiteninhalt, bei dem der RTE zur Anwendung kommen kann. Um einen besseren Überblick bei der Bearbeitung von Text zu bekommen, kann man mit der Funktion Rich Text Eingabe im Vollbild dem Textbereich der Bearbeitungsmasken, in denen der RTE eingebunden ist, den kompletten rechten Detailbereich zur Verfügung stellen (Abbildung 5-3). Um wieder zur gesamten Maske zurückzukehren, muss man entweder die Speichernfunktion Dokument speichern und schließen oder Dokument schließen benutzen. Im Kontextmenü des Symbols Vollbild Rich Text Eingabe hat man sogar die Möglichkeit, über Link in neuem Fenster oder Link in neuem Tab (Firefox) für noch mehr Platz zu sorgen. Texte erstellen, bearbeiten und formatieren 115

11 Index A Abkürzungen, RTE 143 Absätze, RTE 116 Abschnittsübersicht 218, 219 Accessibility 5 Administrator 10, 11, 453 Admin-Modul 454 Admin-Panel 226, 518 Konfiguration 520 Adobe Photoshop 408 Adobe Photoshop Elements 408 Adressdaten im Footer 503 Adressdatensatz im Inhaltsbereich wiederverwenden 504 Akronyme und Abkürzungen 144 Akronyme, RTE 143 Alias 88, 191 alt-attribut 189 Alternativtext 232 Ändern des Passworts 24 Änderung zurücknehmen, Seiten und Inhalte 55 Änderungsverlauf eines Datensatzes 40 Anmeldeverhalten 82 Anzeigebereich auf der Website festlegen 181 Anzeigen, Seitenvorschau 45 AOE Link Handler 541 Arial, Webschrift 432, 433 Artefakte 401 Assets 11, 235, 251, 255, 265, 273 Audiodateien einbinden 204 Aufgaben, beim Start aufrufen 379 Aufklappmenü Typ 181 Aufzählungen 443 Ausgangspunkt, Seitenbaum 220 Ausrichten Bilder 194 Überschriften 182 Ausschneiden, RTE 149 Auswahlen ausschließen 268 DAM 270 kombinieren 268 Auswahlkriterium 268 Auswahloptionen anpassen 472 ausblenden oder erweitern 474 B Backend 10, 527 anpassen 453 Detailansicht 22 für Wartungsarbeiten sperren 488 Modulleiste 22 Navigationsleiste 22 Suchfunktion 43 Überblick 21 Backend Sprache 378 Backend-Suche 84 Barrierearmut 5, 113, 198, 231, 446 Barrierefreie Informationstechnik-Verordnung (BITV) 231 Baumstruktur, navigierbar 218 Bearbeitungsverlauf 40 Bedeutungslehre, Semantik 114 Beim Login verstecken/anzeigen 63 Benachrichtigungs- anpassen 499 Benötigt, Formularfeld 208 Benutzer anlegen

12 Benutzer und Benutzergruppen 62, 217 Benutzereinstellungen 22, 36, 235, 241, 377 Benutzergruppe anlegen 463 Benutzernamen 20 Benutzer-Übersicht 48 Benutzerverwaltung 463 Beschriftung von Inhaltsspalten anpassen 481 Bild, Inhaltstyp 186 Alternativtext 189 Bildtext 188 Effekte 192 Höhe, Breite 192 Keine Reihen 193 Klick-vergrößern 188 Qualität 192 Rahmen 192 Spalten 193 Verweis 189 Bild-/Wortmarke 507 Bildbearbeitung 404, 406 Bildbearbeitung, Software 408 Bilder 399, 447 ansehen 257 ausrichten 195, 415 Ausschnitt bestimmen 414 austauschen 243 bearbeiten 257 Bilderordner löschen 243 Bildgröße 415 Dateiheader 260 drehen 417 Effekte 406 einfügen, RTE 149 ersetzen 258 Farbbalance 418 Filter 420 freistellen 414 Hauttöne anpassen 420 hochladen 31, 238, 255, 260, 275 Höhe und Breite 188 indexieren 260 kopieren 239 Kopierschutz 427 lizenzfreie 428 löschen 258 Modul 246 Nutzungsrechte 427 Persönlichkeitsrecht 426 positionieren 193 proportional skalieren 192 retuschieren 419 Sättigung 418 schärfen 420 Staub und Kratzer 419 Störungen entfernen 419 Thumbnails 241 Tonwerte korrigieren 417 umbenennen 257 verwalten 251 Vorschaubilder 241, 259 Bildergalerie 246, 252, 270 Bildformate GIF 400 JPG 400 PNG 400 RAW 404 TIF 403 webtaugliche 403 Bildgröße, maximale 192 Bildoptimierung, Tools 414 Bildunterschriften 443 Bildverarbeitung 399 BITV (Barrierefreie Informationstechnik-Verordnung) 231, 446 blank 90 Blattsymbol (pid) 58 Blocksatz 437 Blogs 444, 448 Bookmark häufig bearbeitete Seiten und Inhalte 56 Braillegeräte 113 Browser, Adresszeile 88 Browsereinstellungen 15, 28, 377, 388 C Cache 41, 90 löschen 58 Caching-Probleme 537 CMYK, Farbraum 410 Constants 459 CONTENT Slide 503 Cookies 15, 16, 391 Browservoreinstellungen 389 Copyright-Hinweis 188 Corel Photo-Paint 408 Courier, Webschrift 432, 435 CSS 9, 10 CSS Styled Content 186 CSS-Dateien, Schriftgestaltung Index

13 D DAM 203, 244, 251 Bearbeiten, Registerkarte 272 Bilder-Ordner 255 Dateiverwaltung 251 Dokumente-Ordner 255 Filme/Videos-Ordner 255 Hochladen, Registerkarte 275 Kategorien 265 Liste, Registerkarte 267 Maße, Registerkarte 277 Media, Registerkarte 273 Medientyp, Kategorie 265 Medientypen, Verzeichnis 266, 267 Metadaten 261 Modul 251 Modul Datei 255 Testlauf, Indexierung 263 Übersicht, Registerkarte 276 Urheber, Registerkarte 277 Verwendung, Registerkarte 278 Verzeichnisse anlegen 254 Verzeichnisstruktur 253 Vorschaubilder, Registerkarte 270 Zusatzdaten, Registerkarte 278 Danke-Seite 208 date2cal 539 Dateien ausschneiden 243 austauschen 244 bearbeiten 243 durchblättern 187, 203 einfügen 243 FTP 240 hochladen 252, 486 hochladen direkt im Web-Modul 384 indexieren 252 kopieren 242 Lese- und Schreibrechte (RW) 240 löschen 243 umbenennen 242 Dateigröße 246 Dateilinks, Inhaltstyp 202 Dateien 203 Dateipfad 202 Layout 203 Dateiliste 235, 244 Dateiliste, Modul 251 Dateinamen 266 Dateiverwaltung 235, 250 DAM 251 Dateiverwaltung, DAM 251 Datensatz einfügen, Inhaltstyp 221, 230 Kontextmenü 222 Objekte 221 Datensätze 36 anpassen 482 bewegen 41 entfernen 56 kopieren 36 löschen 38 positionieren 36 sichern und Website anzeigen 55 verschieben 36 verstecken 41 Datensatzliste anzeigen 40 Definitionslisten 131 del.icio.us 3 Detailansicht 22, 379 Detailbereich 240 Detailbereich Sprache 107 Detailliste 240 Diagramme 232 Digimarc-Wasserzeichen 428 Diskettensymbol 27 Dokument löschen 56 schließen 56 sichern 27, 55 und Website anzeigen 28, 33 sichern und schließen 55 speichern 58 Drag & Drop, RTE 153 Dropzone 75 Durchsuchen 203, 237, 239, 244 Dynamische Menüs 217 E Editiermasken, übergeordnete 53 zusätzliche Optionen 65 Editiersymbole in der Frontendansicht 225 Effekte, Bilder 406 Einfügen, RTE 149 Eingabefelder anpassen 471 ausblenden 474 Einstiegsseite 101 Einzug verkleinern, Text Adresse, Benutzereinstellungen 23 Erlaubte Ausschlussfelder 464 Index 565

14 Erweiterte Ansicht 45 EXIF-Daten 278 Extension Manager 456 Extension Repository (TER) 455 Extension-Key 456 Extensions 11, 456 Externe URL 31 Extrahieren von Metadaten 253 exttables.php 463 F FAQ 553 Anmeldefehler 553 Barrierefreiheit 561 Bildbearbeitung 559 Bildgröße 558 Bildqualität 558 Bildunterschriften 559 Caching-Problem 554 Excel 558 Formatierungen entfernen 556 Fragen zum Workspace 560 gelöschte Seiten wiederherstellen 555 Inhalte suchen 554 Inhalte vor Suche schützen 555 Inhalte wiederherstellen 555 Kopierschutz von Bildern 560 Maßnahmen für Barrierefreiheit 562 News aktualisieren 556 Seiten für SEO optimieren 561 Silbentrennung 557 Sonderzeichen 557 Suchmaschinenoptimierung 561 Texte und Tabellen importieren 557 Trennung verhindern 557 zeitgesteuert veröffentlichen 554 Farbbalance, Bilder 418 Farben als Informationsträger 232 Farbpalette Adaptiv 425 Perzeptiv 425 Restriktiv 425 Selektiv 425 Farbräume 410 Feeds 126 Fehlermeldung, Upload 246 Feld Typ anpassen 477 Feld-Auswahl 269 Feldbeschreibung, Hilfetexte 66 Feldwerte explizit erlauben/verbieten 465 Fileadmin 11, 141, 203, 246, 260, 466 Filtergalerie, Bilder 420 Firefox 14, 111, 191, 388 Flaggen, Sprachversion 105 Flash-Elemente einbinden 204 flickr.com 3 Fließtext 433, 443, 444 FLOW3 552 Formatierungen, RTE 118 entfernen 148 Formular 205 Betreff 213 Eingabefeld 209 Empfänger 208 Empfänger 213 HTML-Modus 213 Konfiguration 205 Konfiguration/Syntax 213 Pflichtfeld 206 Textumbrüche 209 Zielseite 208 Formularassistent 205 detaillierte Konfiguration 208 Formularfeld-Typen 207 Absende-Button 211 Auswahlfeld 209 Beschriftung 212 Dateitransfer 211 Eigenschaften 212 Markierungsbutton 210 Passwortfeld 210 Radio Button 210 Textbereich 209 Versteckter Wert 211 Forum 223 Frames 89 _blank 90 _self 90 _top 90 Frontend 10, 526 Frontend Editing 45, 225, 517 Admin-Panel 518 angemeldete Benutzer 216 erweitern 523 Grundeinstellungen 226 individuell anzeigen 524 Frontendlayout 86 Frontend-Plugin, Inhaltstyp 223 ftp:// Index

15 FTP-Programm (File Transfer Protocol) 246 FileZilla 247 FTP-Upload 260 Funktion»Dokument speichern und neues erstellen«aktivieren 485 Für Web speichern Dialog 411 Dithering 425 Interlaced 425 Transparent 425 G Gästebuch 223 Geänderte Seiten 220 Geordnete Listen 129 Georgia, Webschrift 432, 435 GIF, Grafikformat 401 GIMP 408 GNU Public Licence 4 Google Picasa 408 GPL 4, 51 Graustufen, Farbraum 410 H H1 bis H6, formatierte Überschriften 126 Hamburger Verständlichkeitskonzept 446 Handbuch, Modul 51 Headline 443 Hilfe, kontextsensitive 381 Hilfetexte 381 anzeigen 66 Hintergrund, farbig 185 Histogramm 417 Hochladen und Indexieren von Dateien 252 HTML Crashkurs 164 Inhaltselement 223 Inhaltstyp 223 Tabelle 213 htmlarea 111, 112, 383 htmlarea RTE 491 HTML-Code Hyperlinks, RTE 138 I iframe 224 ImageMagick 406 Imagemap 224 Index, Inhaltstyp 184 indexed_search 216 Indexierungen 260 Indexsuche 216 Indizierte Farben, Farbraum 410 Inhalte 171 ausschneiden 178 automatisch vererben 503 automatisiert einblenden und vererben 501 bearbeiten 177 Kontextmenü 178 kopieren 178 löschen 178 sortieren 178 verschieben 178 Inhaltselement Tabelle, RTE 164 Inhaltselemente mit Bildern 511 Bilder automatisch beschneiden 511 Lupen in Bilder integrieren 514 Inhaltsspalten anpassen 478 Inhaltstypen 176 Bild 186 Dateilinks 202 Datensatz einfügen 221 Formular 205 HTML 223 Login 216 Menü Typ 217 Menü/Sitemap 217 Multimedia 204 Plugin einfügen 223 Punktliste 197 Suchen 215 Tabelle 198 Text 186 Text mit Bild 194 typübergreifende Angaben 181 Überschrift 185 Installation und Konfiguration 541, 545 Install-Tool 455, 526 Internet Explorer 14 Internet, Allgemeines 3 itunes 3 Index 567

16 J JavaScript 15, 17, 393 JavaScript, Browsereinstellungen 389 JPG Artefakte 401 Bildformat 400 Qualitätsverlust 400 Justierung Bilder 194 Überschriften 182 K Kasper Skårhøj 4 Kategorien, DAM 253, 265, 274 kb_skinselect 388 Kein Titel, Datensatz ohne Überschrift 222 keywords 531 Klick-Vergrößern 405, 416, 514 kompletten Text anzeigen 382 Komprimierungsqualität 405 Konfiguration/Syntax, Formular 213 Konstanten 459 Kontextmenü 238, 241 Seiten 25, 40 kontextsensitive Hilfe 381 Kopieren RTE 149 Kopierschutz, Bilder 427 KunstUrhG, Recht am eigenen Bild 427 Kursivschrift 433 L Langbeschreibung URL 191, 232 Leerzeichen, geschütztes 441 Lese- und Schreibrechte (RW) 240 Leseverhalten, Besucher 447 Letzte Änderung zurücknehmen 56 Linien vor und nach Inhaltselementen 184 Links, sprechende 448 Listen 443 erstellen 127 RTE 127 Lizenzfreie Bilder 428 localconf.php 456 Log, Historie 46 Login 10, 20 Login, Inhaltstyp 216 Zielseite 216 Login-Maske 526 Interface-Auswahl 526 Logout 10, 20 Lokalisierungsansicht, Sprache 107 longdesc 191, 232 Löschen, rekursives 387 Löschen, Seiten und Inhalte 55 Lupensymbol 28, 34 M Macintosh 15 mailto 97 maschinenlesbare Informationen 275 Max. Titellänge 383 Medientypen 266, 267 Mehrspaltigkeit 437 Mehrsprachigkeit, Seiten 103 Mehrwert durch verlinkten Text 448 Menü Typ Menü dieser Seiten 217 Menü/Sitemap, Inhaltstyp 217 Meta-Angaben 531 Metadaten 252, 270, 275 Metatags 83 Microsoft Foto Suite 408 Mikroformate 115, 506 Module 38 Anzeigen 45, 225 Aufgaben 50 Bilder 246 DAM 251 Datei 39 Dateiliste 49, 203, 251 Dokumente 49 Einstellungen 50 Funktionen 48 Handbuch 51 Info 46 Liste 45 Liste, DAM 255, 265 Media 253 Seite 44 Über Module 50 Über TYPO3 51 Versionierung 49 Web 39 Workspace 50 Zugriff 47 Modulgruppen Benutzer 50 Datei 49 Hilfe 50 Web Index

17 Modulleiste 22 Mülleimersymbol 28 Multimedia, Inhaltstyp 204 Parameter 204 N Nach Oben 184 Navigationsleiste 22, 379 Neue Seiten erstellen 70 Neues Fenster öffnen 58 Neues normales Bild, RTE 153 Neues Passwort 378 Neues Zauberbild, RTE 152 Newsfeeds 126 Newsletter 223 Nur Hilfesymbole anzeigen (Standard) 382 Nutzungsrechte, Bilder 427 O Öffnen, neues Fenster 58 Open Source 4, 247 Optionen Auswahl 268 Bearbeiten 272 Einstellung für die Indexierung 264 Einstellungen 261 Hochladen 256, 260, 275 Indexieren 256, 260 Indexierungsfelder Voreinstellung 263 Liste 267 Maße 277 Medien 273 Neue Indexierung 260 Übersicht 276 Urheber 277 Verwendung 278 Vorschaubilder 270 Zusatzdaten 278 Ordner 102, 245, 247 anlegen 254 erstellen 239 erzeugen 245 löschen 243 Sortierung 238 umbenennen 238 verschieben 240 Ordnerstruktur 237, 248 Ordnungsstruktur, DAM 253 P Page not found 80 Page-TSconfig 460 Paint Shop Pro 408 Papierkorb 102 Passwort 20, 210, 216, 247 ändern 24, 378 PDF 243 verwalten 251 Persönlichkeitsrecht, Bilder 426 Pfadangabe 39 Pflichtfeld 79 Photoshop 408 Photoshop Elements 409 Bilder drehen 417 Bildgröße 415 Editor 412 Farbbalance 418 Filter 420 Freistellungswerkzeug 414 Für Web speichern, Dialog 422 Gerade ausrichten 415 Grundlagen 409 Hauttöne anpassen 420 retuschieren 419 rückgängig machen 422 Sättigung 418 schärfen 420 Schnellkorrektur 411 Störungen entfernen 419 Textwerkzeug 426 Tonwerte korrigieren 417 PHP-Dateien 202, 203 Picasa, Google 408 Pixel, Abstände von Inhalteselementen 184 Pixel, Bildgröße 192 Plug-in einfügen, Inhaltstyp 223 PNG, Grafikformat 402 Pop-up-Fenster 16, 58, 188, 226 blockieren 17, 395 Preview-Link, Ablaufzeitraum 498 Provider 246 Punktliste, Inhaltstyp 197 R Rahmen, Aufklappmenü 184 Ranking, Suchmaschinen 6 RAW, Bildformat 404 RealURL 543, 545 Index 569

18 Recht am eigenen Bild 426 Rechte Zugriff 47 zuweisen 47 Rechtschreibprüfung, RTE 146 Redakteur 11 Redo, RTE 149 Rekursives Löschen 387 Reparatur-Pinsel, Bildbearbeitung 419 Ressourcen 49, 251 RGB, Farbmodus 409, 417 Rich Text Editor 111 Absätze formatieren 119 Absätze und Zeilenumbrüche 116 abschalten 66 aktivieren 111, 383, 384 Alternativtext 155 Bearbeiten von Zeilen und Spalten 161 Bildeigenschaften bearbeiten 153 Bilder 149 Bildergalerien mit Definitionslisten 132 Blocksatz 123 Breite/Höhe 153 Copy-and-Paste 148 Definitionslisten 131 Drag & Drop 151, 153, 162 eigenes CSS Links 143 Emoticons 137 Fett und kursiv 122 Flattersatz 116 Formatierung entfernen 148 Formatierungen 118 Geordnete Listen 129 Grundeinstellung Typical 493 Hintergrundfarbe 124 Hinweise zur Verwendung 112 Horizontale Linien 118 HTML 164 HTML-Ansicht 164 htmlarea 111 HTML-Elemente 166 individuell einrichten 490 Kombinationen von Listen 133 Konfiguration 490 Kopieren, ausschneiden, einfügen 149 lang-attribut 168 Linkbeschriftung 139 Linkliste 136 Links 138 Listen 127 manueller Zeilenumbruch 116 Navigationsmenüs 133, 137 Neues Fenster 139 Neues normales Bild 153 Quick TAG Editor 168 Rand, Bilder 153 Rechtschreibprüfung 146 Schriftgestaltung 437 Seitenrand 155 Silbentrennung 118 Sonderzeichen 138 Sprungmarken 134 Standalone-Tags 166 Suchen und Ersetzen 145 Tabellen 155 Tabellen-Fuß 157 Tabellen-Kopf 156 Tabulator-Taste 159 Tag, HTML 165 Tastaturbefehle 170 Text ausrichten 122 Text unterstreichen und durchstreichen 122 Texteinzug 123 Textfarbe 123 Textverarbeitung 111 Titel 139, 155, 156 Umfließen, Bilder 154 Undo, Redo 149 Ungeordnete Listen 128 Vollbild-Rich-Text-Eingabe 149 Wörter 120 Wörterbuch 147 Zauber-Bild 151 Zeichen höher und tiefer stellen 122 Zellen und Spalten verbinden 162 Zellen, Zeilen und Spalten 157 Zusammenfassung 156 Rich Text-Format 17 robots.txt 534 Rot-Grün-Schwäche 232 S Satzzeichen 439 Schlagworte 83 Schlüsselwörter 443 Formulare 212 Schmale Ansicht im Backend 379, 387 Schnelleingabe 45, 172 Schnelleinstieg 19 Schnellnavigation 58 Schrift im Bild, Photoshop Elements Index

19 Schriftarten, im Web 431 Schriftformatierung, im Web 437 Schriftsatz Bankleitzahlen 438 Großbuchstaben 438 Interpunktion 439 Klammern 438 Kontonummern 438 Scharfes ß (Eszett) 439 Unterstreichungen 438 Zahlen als Wort 438 Schwarz/weiß-Bitmap, Farbraum 410 Screenreader 6, 113, 126, 156, 168, 182, 189, 190, 201, 232, 432 Sehbehinderte 6 Seite nicht cachen 540 Seite verbergen 80 Seite verbergen wenn keine Übersetzung für die aktuelle Sprache vorhanden ist 108 Seiten Alias 87 Allgemeine Datensatzsammlung 93 Als Anfang der Website benutzen 91 alternativer Navigationstitel 79 anlegen 25, 40, 67 Auf Unterseiten ausdehnen 82 Autor 85 Backend-Layout 86 Bearbeitbar nur für Administratoren 91 bearbeiten 67 Benutze Protokoll 90 Beschreibung 85 Cache Deaktivieren 91 Cache-Dauer 90 Dateien zuordnen Enthält Erweiterung 87 erstellen 68 In Indexsuche einbeziehen 91 In Menüs verbergen 81 Inhaltsangabe 83 Inklusive Unterseiten 82 Kontextmenü 36 kopieren 34, 72 Letzte Aktualisierung 85 Linkziel 89 löschen 36, 75 Markiere als Neu bis: 86 Mehrsprachigkeit 103 Nicht suchen 91 Registerkarte Verhalten 87 Registerkarte Allgemein 79 Registerkarte Erscheinungsbild 86 Registerkarte Erweitert 94 Registerkarte Metadaten 83 Registerkarte Ressourcen 92 Registerkarte Zugriff 80 Seite deaktivieren 80 Seitenbaum stoppen 91 Seitenerstellungs-Assistent 71 Seitentitel 79 Sprache/Lokalisierung 91 Spracheinstellungen 107 Start und Stop 81 TSconfig 93 TypoScript-Konfiguration 93 Unterseiten anlegen 68 Untertitel 79 URL-Alias 87 Veröffentlichungsdatum und Ablaufdatum 81 verschieben 34, 35, 40, 72 verstecken 41 Verweise zu 56 Vorschaufunktion 33 Zeige den Inhalt dieser Seite an 87 Zugriff 82 Zugriffsrechte für Benutzergruppen 82 Seiten und Inhalte Änderung zurücknehmen 55 bookmarken 56 speichern 55 zuweisen 62 Seitenbaum 24, 46 Seiten-Cache 16, 390 löschen 540 Seiteneigenschaften 76, 77 bearbeiten 60 Seiten-ID 88 Seiteninhalt 11 übersetzen 106 Seiten-Typ Seiten 77 Seitentypen 67, 77 Backend-Benutzerbereich 99 Einstiegspunkt 100 Link zu externer URL 96 Ordner 102 Papierkorb 102 Standard 78 Index 571

20 Trennzeichen für Menü 101 Typ 78 Verweis 97 Seitenvorlage Inhaltsvorlage 94 Seitenvorlage wählen 94 _self 90 Semantik 5, 6, 114 Semantische Auszeichnung 444 SEO 527 Einhaltung von Webstandards 528 Gezielte Maßnahmen für Suchmaschinen 531 Optimierungen des Quellcodes 529 Seitentitel 532 Serifenlose Schriften 433 Serifenschriften 433 Silbentrennung 116 SimulateStaticDocuments 543, 544 Sitemap 136, 217, 218 Skårhøj, Kasper 4 Smiley 137 Social Bookmarking-Dienst 3 Software, Bildbearbeitung 408 Sonderzeichen An- und Abführungsstriche 439 Apostroph 440 Auslassungszeichen 440 Bindestrich 441 Bis-Strich 442 Divis 441 Ellipse 440 Gedankenstrich 442 Geschütztes Leerzeichen 441 Guillemets 440 Mal-Zeichen 441 RTE 138 Trennstrich 441 Sortierfunktion, DAM 256 Sortierungs-Assistent 74 Spalten 44, 171, 174, 181 Speichern 27 Seiten und Inhalte 55 Sperren des Backends 455 Sprache 45, 181 Lokalisierungsansicht 107 Website anlegen 104 Sprachversion 105 Sprungmarken 134, 183, 217, 230 Standardinhalte vorgeben 475 Standardübersetzung verbergen 107 Stapelverarbeitung, DAM 272 Start und Stop-Felder 60 Staub und Kratzer entfernen, Filter 419 Stichworte 83 Stylesheet 10 Submodule 39 Suchen im Backend 43 Inhaltstyp 215 von Dateien 253 Suchen und Ersetzen, RTE 145 Suchmaschinen 5, 83, 113, 126, 155, 182, 189, 432 Optimierung 6 Platzierungen, bessere 8 Ranking 89 Suchmaschinenoptimierung 527 Syntax, Formulare 206 SysOrdner 100 T Tabelle erstellen 199 formatieren 198, 203 HTML 213 in RTE erstellen 155 Inhaltstyp 198 Kontextmenü, RTE 161 Tabellen-Assistent 199 Table wizard 199 Tag-Clouds 85 Tagging 84 Tahoma, Webschrift 432, 434 TCA 462, 479 Teaser 443 Techniken und Tipps für die Arbeit am Frontend 501 Telefon- und Faxnummern 437 Template Analyser 458 Template Selector 94 Templates 11, 67, 94 Text mit Bild, Inhaltstyp 194 Text, Inhaltstyp 186 Texte erstellen, bearbeiten und formatieren 115 für das Internet 442 verwalten 251 Texte und Bilder einfügen 28 Textlänge 448 Textpyramide 447 Textverarbeitung, RTE Index