Einbinden von HTML Dateien

Präsentation zum Thema: "Einbinden von HTML Dateien"—  Präsentation transkript:

1 Einbinden von HTML Dateien
seite = PAGE seite.typeNum = 0 seite.10 = TEMPLATE seite.10.template = FILE seite.10.template.file = fileadmin/index.html

2 Beispielcode aus einer Designvorlage
<table> <tr> <td>###INHALT###</td> </tr> </table>

3 Beispiel Subpart <table> <tr> <td> ###INHALT###
Dies ist nur Blindtext </td> </tr> </table>

4 Dokumenten-subpart seite = PAGE seite.typeNum = 0 seite.10 = TEMPLATE
seite.10.template = FILE seite.10.template.file = fileadmin/index.html seite.10.workOnSubpart = DOKUMENT

5 Fixen Inhalt ausgeben seite = PAGE seite.typeNum = 0
seite.10 = TEMPLATE seite.10. { template = FILE template.file = fileadmin/index.html workOnSubpart = DOKUMENT marks.INHALT = TEXT marks.INHALT.value = Hallo Welt }

6 Bilder ausgeben seite.10 = IMAGE seite.10 { file = fileadmin/foto.jpg
file.width = 150 }

7 Bilder ausgeben 2 seite.10 = IMG_RESOURCE seite.10 {
file = fileadmin/foto.jpg stdWrap.wrap = <table background="|"><tr><td> Bildtext </td></tr></table> }

8 Seiteninhalte ausgeben
Typ CONTENT seite.10.marks.INHALT = CONTENT seite.10.marks.INHALT { table = tt_content select.orderBy = sorting select.where = colPos=0 }

9 Einbindung „statischer Templates“
 Vorführung

10 Contentausgabe mit statischem Template
marks.INHALT < styles.content.getLeft oder marks.INHALT < styles.content.get marks.INHALT < styles.content.getRight marks.INHALT < styles.content.getBorder

11 Statisches Template Die Objekte styles.content.get etc. sind im statischen Template content (default) definiert. In diesem finden Sie u.a. folgende Definition: styles.content.get = CONTENT styles.content.get { table = tt_content select.orderBy = sorting select.where = colPos=0 select.languageField = sys_language_uid }

12 Constanteditor Darüber hinaus lässt sich das Aussehen dieser Inhalte nun beeinflussen, indem man die Konstanten des Templates verändert. Vorführung

13 Object Browser Um sich einen Überblick über die Objekthierarchie von TYPO3 zu verschaffen,bietet sich der Object Browser als Werkzeug an.  Vorführung

14 Bedingungen in TYPOScript
In TypoScript können Bedingungen (conditions) gestellt werden. seite.10.value = Hallo [browser = netscape] seite.20 = HTML seite.20 { value = Sie benutzen einen Netscape Browser } [GLOBAL]

15 Standardlayouts mit statischen Templates
 Vorführung.

16 Ausblick Bildverwaltung und Erzeugung dynamischer Grafiken.

17 Ausblick Erstellen von automatisch generierten Menüs und Sitemaps:
Textmenüs Grafische Menüs Layermenüs Sitemaps