Embed Size (px)
Einführung in Typo3
• Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:
Login
• Wir hängen an die URL im Browser /typo3 an, und erhalten eine Loginseite:
Administrationsbereich
Ein erstes Template
seite = PAGE
seite.typeNum = 0
seite.10 = TEXT
seite.10.value = Hallo Welt
Inhalt einfügen
seite = PAGE
seite.typeNum = 0
seite.10 = CONTENT
seite.10.table = tt_content
Inhalt einfügen Variation
seite = PAGE
seite {
typeNum = 0
20 = CONTENT
20.table = tt_content
30 = TEXT
30.value = Nochwas
}
Designvorlagen erstellen
• Designvorlagen sind normale HTML Seiten, die an manchen Stellen Platzhalter enthalten.
• Diese Platzhalter werden dann später vom CMS durch dynamischen Content ersetzt.
• Die Designvorlagen werden mit beliebigen HTML-Editoren erzeugt (z.B. Dreamweaver).
Beispiel MTD Startseite
Subparts und Marker
TypoScript und Designvorlagen
seite = PAGEseite.typeNum = 0seite.bodyTag = <body bgcolor = „white“>seite.20 = TEMPLATEseite.20 {
template = FILEtemplate.file = fileadmin/index_template.htmlworkOnSubpart = DOKUMENTmarks.INHALT = TEXTmarks.INHALT.value = Hallo !
}
Grafiken erstellen
• Wir werden nun dynamische Grafiken erstellen.
• Typo3 bietet umfangreiche Möglichkeiten zur automatischen Bearbeitung und Erstellung von Grafiken.
• Wir werden dies später zur Erstellung von graphischen Menüs verwenden.
GIFBUILDER
seite.20 = IMAGEseite.20.file = GIFBUILDERseite.20.file {
XY = [10.w], [10.h]10 = IMAGE10.file = fileadmin/test.jpg10.file.width = 20020 = TEXT20.text.field = title20.offset = 20, 5020.fontFile = fileadmin/fonts/verdana.ttf20.fontSize = 20
}
Beispiel
seite = PAGEseite.typeNum = 0seite.bodyTag = <body topmargin=„0“ leftmargin=„0“
bgcolor=„white“>seite.10 = TEMPLATEseite.10 {
template = FILEtemplate.file = fileadmin/template.htmlworkOnSubpart = DOKUMENTmarks.IMG_LINKS = IMAGE
Beispiel 2
marks.IMG_LINKS.file = GIFBUILDERmarks.IMG_LINKS.file {
XY = 546,2910 = IMAGE10.file = fileadmin/bg_ueberschrift.gif20 = TEXT20.text.field = title20.offset = 100,1720.niceText = 120.fontsize = 1720.fontFile = fileadmin/fonts/verdanabi.ttf20.fontColor = white
}}
Textmenüs erstellen
seite.10 = HMENU
seite.10.entryLevel = 1
seite.10.1 = TMENU
seite.10.1.NO {
linkWrap = <B> | </B> <BR>
}
Erweiterung
seite.10 = HMENUseite.10.entryLevel = 1seite.10.1 = TMENUseite.10.1.NO {
linkWrap = <font face=“Arial“ size=“2“> <B> | </B> </font><BR>
}seite.10.2.NO {
linkWrap = <font face=“Arial“ size=“1“> <B> | </B> </font><BR>
}
Weiteres Beispielseite.10 = HMENUseite.10.entryLevel = 0seite.10.1 = TMENUseite.10.1 {
expAll = 1NO.allWrap = <font face=Verdana size= “ 1“><b> | </b></font> <br>
}seite.10.2 = TMENUSeite.10.2 {
expAll = 1NO {
allWrap = <font face=Verdana size=„1“ color=black> | </font><br>beforeImg = media/bullets/bullet1_n.gifbeforeROImg = media/bullets/bullet1_h.gifRO = 1
}}
Graphische Menüs
seite.20 = TEMPLATEseite.20 {
template = FILEtemplate.file = fileadmin/index.htmlworkOnSubpart = DOKUMENTmarks.MENU1 = HMENUmarks.MENU1 = GMENUmarks.MENU1.1 {
expAll = 1NO {
Graphische Menüs 2
backColor = #F5D68CXY = 80,1510 = TEXT10.text.field = title10.fontsize = 910.offset = 1, 810.niceText = 1
}}
}
Weiteres Beispiel
seite.10 {marks.MENU_OBEN = HMENUmarks.MENU_OBEN.special = directory marks.MENU_OBEN.special.value = 273marks.MENU_OBEN.1 = GMENUmarks.MENU_OBEN.1 {
NO{backColor = #98B3F8
Weiteres Beispiel 2
XY = [10.w]+10, 1810 = TEXT10.text.field = title10.fontFile = fileadmin/verdana.ttf10.fontColor = black10.fontSize = 1010.offset = 5,1210.niceText = 0
}}
}
Caching
• Alle Inhalte werden in Datenbanken gehalten und auf „Abruf“ erzeugt.
• Dies führt zu hoher Serverlast.
• Deshalb ist Staging oder Caching notwendig.
• Typo3 verwendet ein Caching Konzept.
Caching 2
• Die Ergebnisse von früheren Abfragen werden in einer Caching Tabelle der Datenbank abgelegt.
• Dies erspart komplexe Abfrage über mehrere Tabellen.
• Bei den erzeugten Grafiken ist die Einsparung enorm.
Befehlsreferenz
In der deutschen Dokumentation enthalten:
• PAGE
• GIFBUILDER
• HMENU
• TMENU
• GMENU
• FRAMESET / FRAME
