einführung in typo3 beim aufruf unserer internetpräsenz bei leerem typo3 erhalten wir folgende...
TRANSCRIPT
![Page 1: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/1.jpg)
Einführung in Typo3
• Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:
![Page 2: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/2.jpg)
Login
• Wir hängen an die URL im Browser /typo3 an, und erhalten eine Loginseite:
![Page 3: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/3.jpg)
Administrationsbereich
![Page 4: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/4.jpg)
Ein erstes Template
seite = PAGE
seite.typeNum = 0
seite.10 = TEXT
seite.10.value = Hallo Welt
![Page 5: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/5.jpg)
Inhalt einfügen
seite = PAGE
seite.typeNum = 0
seite.10 = CONTENT
seite.10.table = tt_content
![Page 6: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/6.jpg)
Inhalt einfügen Variation
seite = PAGE
seite {
typeNum = 0
20 = CONTENT
20.table = tt_content
30 = TEXT
30.value = Nochwas
}
![Page 7: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/7.jpg)
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).
![Page 8: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/8.jpg)
Beispiel MTD Startseite
![Page 9: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/9.jpg)
Subparts und Marker
![Page 10: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/10.jpg)
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 !
}
![Page 11: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/11.jpg)
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.
![Page 12: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/12.jpg)
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
}
![Page 13: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/13.jpg)
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
![Page 14: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/14.jpg)
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
}}
![Page 15: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/15.jpg)
Textmenüs erstellen
seite.10 = HMENU
seite.10.entryLevel = 1
seite.10.1 = TMENU
seite.10.1.NO {
linkWrap = <B> | </B> <BR>
}
![Page 16: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/16.jpg)
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>
}
![Page 17: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/17.jpg)
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
}}
![Page 18: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/18.jpg)
Graphische Menüs
seite.20 = TEMPLATEseite.20 {
template = FILEtemplate.file = fileadmin/index.htmlworkOnSubpart = DOKUMENTmarks.MENU1 = HMENUmarks.MENU1 = GMENUmarks.MENU1.1 {
expAll = 1NO {
![Page 19: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/19.jpg)
Graphische Menüs 2
backColor = #F5D68CXY = 80,1510 = TEXT10.text.field = title10.fontsize = 910.offset = 1, 810.niceText = 1
}}
}
![Page 20: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/20.jpg)
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
![Page 21: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/21.jpg)
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
}}
}
![Page 22: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/22.jpg)
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.
![Page 23: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/23.jpg)
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.
![Page 24: Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:](https://reader036.vdocuments.site/reader036/viewer/2022062623/55204d7f49795902118d075f/html5/thumbnails/24.jpg)
Befehlsreferenz
In der deutschen Dokumentation enthalten:
• PAGE
• GIFBUILDER
• HMENU
• TMENU
• GMENU
• FRAMESET / FRAME