1 Konfiguration des Backends In TYPO3 kann man das Backend des Systems mittels Anweisungen verändern. Dies geschieht mittels TypoScript im Feld TSconfig.

Slides:



Advertisements
Ähnliche Präsentationen
XHTML+CSS C3O 2003.
Advertisements

Praktikumsbericht Olga Syasina Sommersemester 2007 Projektseminar
Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt.
Seminar Internetdienste Web 2.0 und Rich Internet Applications (RIA) JavaFX Rainer Scholz.
Typo3 Schulung.
Layout-Modelle für Webseiten und Formulare Ein Überblick über Cascading Stylesheets und JGoodies Stephan Winter, 2004, PG WaviSp, AG-Kastens.
Markus Tank, Wie arbeitet man mit dem Rich Text Editor?
Universität zu Köln Kurs Dedizierte Systeme
Cascading Style Sheets
XHTML 1.1 C. Nimz Abstrakte Module XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter.
Überblick XML: Extensible Markup Language Entwickelt, um Informationen bereitzustellen, zu speichern und zu übertragen Im Gegensatz zu HTML keine vordefinierten.
Typo3 Content Management an der FH Trier
Typo3für RFB Anmeldung.
Einführung in HTML Die Befehle, die man für die Erstellung einer HTML-Seite benötigt, heißen TAGS (TAG (engl.) -> Auszeichner). ASGSG.
Cascading Style Sheets CSS
Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.
1 Grundlagen und Anwendung der Extensible Markup Language (XML ) Peter Buxmann Institut für Wirtschaftsinformatik Johann Wolfgang Goethe-Universität Frankfurt.
Teil 4 Formatierung mit CSS.
TYPO3 Schulung Für Redakteure am IDS Mannheim
TYPO3 Content Elemente mit Fluid
Informatik Anwendungen I
EIN CMS MACHT SCHULE Tina Gasteiger.
DAS INTERNET ABKÜRZUNGEN FTP – File Transfer Protocol WWW – World Wide Web HTTP – Hiper Text Transfer Protocol HTML - Hiper Text Markup Language TCP/IP.
Typo3 Backend und Redaktion
Layout mit CSS Iftikhar Ahmad Datum: 2.Juni.2005.
Titel der Präsentation in Daimler Blue 2. Zeile des Titels
Typo3 Templates und TypoScript
Typo 3. INSTALLATION TYPO3 INSTALLTOOL EXTENSIONS UND TEMPLATES INSTALLATION TEMPLAVOILA USERMANAGEMENT Inhalt:
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
1 Bildschirmpräsentation Möglichkeiten, die Präsentation einer Präsentation vorzubereiten und durchzuführen.
Aufbau der Stylesheet-Angabe Eigenschaft Eigenschaft das was man formatieren möchte Wert Wert Farbangaben, Einheiten oder Schlüsselworte Deklaration Kombination.
Was bedeutet Block-Element?
Aus der Sicht eines Redakteurs Pflege von Textinhalten Pflege von Bilder – Bildverarbeitung Formulare Seiten anlegen / löschen -> Vorführung.
1 Seiten und Seiteninhalte Als Web Content Management-System dient TYPO3 der Erstellung und Verwaltung von Webinhalten. In der Systematik von TYPO3 besteht.
HTML und CSS Erstellung einer APP. HTML: head Sharky.
Menüs erstellen mit TypoScript
WAI konforme Seiten mit TYPO3 (Web Accessibility Initative) © Peter Luser 2005.
Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:
1 Bildverwaltung und Erzeugung dynamischer Grafiken. Automatische Umwandlung des von den Redakteuren erfassten Bildmaterials in ein webgerechtes Format.
WH: Menüs erstellen mit TypoScript
1 Mehrsprachigkeit Das Backend von TYPO3 ist mehrsprachig, so dass jeder Redakteur mit TYPO3 Zu einem mehrsprachigen Webauftritt gehört bei einem ausgereiften.
Einbinden von HTML Dateien
Erste Schritte in DELPHI
Einführung Prof. Peter Altmann
Einführung Prof. Peter Altmann
CSS Stylesheets Projekt Vollpension Romi Klockau
01:02 Matthias Ansorg FH Gießen-Friedbrg :: Multimedia11/ Administration von TYPO3 Inhalt Installation und Konfiguration TypoScript by Example: Content-Rendering.
Web-Content- Management Eine Einführung. Ziele Die Herkunft von WCMS-Systemen kennen lernen Grundlegende Prinzipien verstehen Das System Typo3 betrachten.
Hypertext Markup Language
HTML Grundkurs Patrick Cato.
Formulare in HTML.
CSS Cascading Style Sheets
Cascading Style Sheets
Goldpartner: Veranstalter: Der Werkzeugkasten für Entwickler Ein UI-Framework in AngularJS Timo Korinth.
Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998.
Webschulung • Grundlagen zur Homepage • meine erste Seite
Vanessa Kogelbauer. font-weight: bold oder normal text-transform: uppercase (gesamter Text in Großbuchstaben), lowercase (gesamter Text in Kleinbuchstaben)
Typo 3 //Textbox - HTML //Benutzerverwaltung //Zugriffsrechte.
Die Vereinsverwaltung unter Windows 2000 Anhand der folgenden Präsentation werden Sie mit der Verwaltung des Vereins unter Windows 2000 vertraut gemacht.
(X)HTML und Tags. HTML - XHTML HTML wird seit 1999 nicht mehr weiterentwickelt. XHTML basiert auf XML und befolgt XML Syntaxregeln. Im weiteren Kursverlauf.
Alles was man wissen muss! By Benjamin Zehetner. Der Aufbau Der Standart Aufbau ist: (Hier muss alles drinnen sein) (Hier befinden sich wichtige Informationen.
© Manz Verlag Schulbuch Folie 1/5 Layout mit CSSAngewandte Informatik HMTL und CSS Lerneinheit 2 Grandhotel Die Lobby HTML für Struktur HTML und CSS Einbinden.
TypoScript.
Stylesheets: Formatvorlagen in HTML
TODO Gruppenarbeit: css3, float, Webseite, Navigationsmenü, overwrite, Bildergallerie Float und Spaltenlayout Aufgaben dazu definieren css3 Chrome: Inspect.
CSS Layout Sommerkurs: Frontend-Entwicklung für Webapplikationen
1 Seminar: Web-Engineering Cascading Style Sheets Stefan Hoferer Betreuung: Eva Giani.
Schulung für Webbeauftragte
Einführung Prof. Peter Altmann
CSS.
 Präsentation transkript:

1 Konfiguration des Backends In TYPO3 kann man das Backend des Systems mittels Anweisungen verändern. Dies geschieht mittels TypoScript im Feld TSconfig von Seiten, Benutzern und Benutzergruppen. TSconfig-Assistenten Vorführung

2 Anwendungen Es können dies Einstellungen sein, die dem Redakteur die Arbeit erleichtern, oder auch solche, die seinen Handlungsspielraum einschränken. Sie werden in der Folge sehen, wie zum Beispiel die Möglichkeiten des Rich Text Editors konfiguriert werden können.

3 Konfiguration des Rich Text Editors Die Konfiguration des Rich Text Editors (RTE) legt fest, welche Formatierungsmöglichkeiten ein Redakteur hat. Die Konfiguration kann auf verschiedenen Ebenen geschehen: auf Ebene des Inhaltstyps auf Seitenebene auf der Ebene der Zugriffsrechte

4 Definition von Stil-Klassen RTE.classes { hervorhebung { name = Cyberhouse Hervorhebung value = font:bold; } hervorhebungFarbe { name = Cyberhouse farbige Hervorhebung value = font:bold; color:blue; } RTE.default.classesCharacter = hervorhebung, hervorhebungFarbe

5 Definition vonAbsatzformaten RTE.classes { fliessText { name = Cyberhouse Fliesstext value = font:regular; font-size:11pt; font-family:Verdana; } Ueberschrift { name = Cyberhouse Überschrift value = font:bold; font-size: 14pt; font-family: Verdana; } RTE.default.classesParagraph = fliessText, Ueberschrift RTE.default.hidePStyleItems = *

6 Buttonleiste des RTE Die Button-Leiste des Rich Text Editors ist ebenfalls konfigurierbar. Damit können Sie beeinflussen, welche Funktionen den Redakteuren zur Verfügung stehen. Mit der showButton-Eigenschaft können die Buttons angegeben werden, die angezeigt werden sollen. Mit der hideButton-Eigenschaft hingegen können die Buttons ausgeblendet werden.

7 Beispiel Buttonleiste RTE.default.showButtons = cut,copy,paste,formatblock,class,fontstyle, fontsize,textcolor,bold,italic,underline,left, center,right,orderedlist,unorderedlist, outdent,indent,link,table,bgcolor,image, emoticon,line,user,chMode Vorführung

8 Benutzerdefinierte Menüs RTE.default.userElements { 10 = Hoch-/Tiefgestellt 10 { 10 = Hochgestellt 10.description = Ausgewählter Text wird hochgestellt. 10.mode = wrap 10.content = | 20 = Tiefgestellt 20.description = Ausgewählter Text wird tiefgestellt. 20.mode = wrap 20.content = | }

9 Minimalkonfiguration RTE.default.hideButtons = formatblock,class,fontstyle,fontsize, textcolor,bold,italic,underline,left,center, right,orderedlist,unorderedlist,outdent, indent,table,bgcolor,image,emoticon,line, user,chMode

10 Benutzerdefinierte Menüs 2 20 = Sonstige 20 { 10 = Testeintrag 10.description = Dient zum Test 10.mode = default 10.content = Test }

11 Farben definieren RTE.colors { hintergrund { name = Hintergrundfarbe value = #cccccc } hervorhebung { name = Farbe für Hervorhebungen value = blue } RTE.default.colors = hintergrund, hervorhebung RTE.default.disableColorPicker = 1

12 Anpassung für spezielle Inhalte Die in diesem Kapitel bisher durchgeführten Anpassungen des Rich Text Editors betrafen jeweils alle Inhalte und Inhaltstypen. Die Konfiguration des Editors kann darüber hinaus auch von der Herkunft des Inhalts (aus welcher Datenbanktabelle) und vom Typ des Inhaltselementes, das bearbeitet wird, abhängig gemacht werden. TSconfig-Assistant z.B. RTE.config.tt_content.bodytext.disableColorPicker = 0

13 Inhaltstypen Die Spezifikation der config-Eigenschaft kann noch um eine weitere Stufe verfeinert werden, indem auch noch der Inhaltstyp angegeben wird. RTE.config.tt_content.bodytext.types.text.disableColorPicker=0 Nach dieser Anweisung wird der Farbselektor nur für Seiteninhalte vom Typ Text ausgeschaltet.

14 Stylesheet des RTE BODY { border: 1px black solid; border-top: none; margin : ; font-family:Verdana; font-size:10px; color:black; background-color:white; } TD {font-family:Verdana; font-size:10px;} P {margin-top:0px; margin-bottom:5px;} DIV {margin-top:0px; margin-bottom:5px;} OL {margin: 5px 10px 5px;} UL {margin: 5px 10px 5px;} BLOCKQUOTE {margin-top:0px; margin-bottom:0px;}

15 Veränderung des Stylesheets Mit Hilfe der mainStyleOverride-Eigenschaft können diese Einstellungen überschrieben werden. Wenn Sie nicht die gesamten Definitionen neu schreiben, sondern die bestehenden erweitern wollen, dann können Sie dies zum Beispiel mit der mainStyleOverride_add.TD-Eigenschaft tun. Gleiches gilt für die anderen Tags.

16 Anpassung auf Benutzerebene In TYPO3 können unterschiedliche Benutzer mit verschiedenen Einstellungen arbeiten. Die Anpassungen bisher waren generell für alle Benutzer des Systems wirksam. Sie können in ihrer Wirksamkeit jedoch auf bestimmte Benutzer oder Benutzergruppen beschränkt werden. TSconfig-Assistent

17 Kontextmenüs verändern Beispiel: options.contextMenu.pageTree.disableItems = view Mit dieser Einstellung im TSconfig-Feld wird das Kontextmenü um den Eintrag Ansehen reduziert.

18 Typen von Kontextmenüs Es gibt drei Kontextmenü-Typen: pageTree - Das Kontextmenü einer Seite. pageList - Das Kontextmenü einer Seite, wenn es über das List-Modul aufgerufen wird folderTree - Das Kontextmenü des Dateimanagers

19 TSconfig Assistent Die Dokumentation TSconfig und der zugehörige Assistent verschaffen einen Überblick über die Anpassungsmöglichkeiten. Beispiel startInTaskCenter.