Einführung in Typo3 Beim Aufruf unserer Internetpräsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung:

  • Published on
    06-Apr-2015

  • View
    103

  • Download
    0

Embed Size (px)

Transcript

<ul><li> Folie 1 </li> <li> Einfhrung in Typo3 Beim Aufruf unserer Internetprsenz bei leerem Typo3 erhalten wir folgende Fehlermeldung: </li> <li> Folie 2 </li> <li> Login Wir hngen an die URL im Browser /typo3 an, und erhalten eine Loginseite: </li> <li> Folie 3 </li> <li> Administrationsbereich </li> <li> Folie 4 </li> <li> Ein erstes Template seite = PAGE seite.typeNum = 0 seite.10 = TEXT seite.10.value = Hallo Welt </li> <li> Folie 5 </li> <li> Inhalt einfgen seite = PAGE seite.typeNum = 0 seite.10 = CONTENT seite.10.table = tt_content </li> <li> Folie 6 </li> <li> Inhalt einfgen Variation seite = PAGE seite { typeNum = 0 20 = CONTENT 20.table = tt_content 30 = TEXT 30.value = Nochwas } </li> <li> Folie 7 </li> <li> Designvorlagen erstellen Designvorlagen sind normale HTML Seiten, die an manchen Stellen Platzhalter enthalten. Diese Platzhalter werden dann spter vom CMS durch dynamischen Content ersetzt. Die Designvorlagen werden mit beliebigen HTML-Editoren erzeugt (z.B. Dreamweaver). </li> <li> Folie 8 </li> <li> Beispiel MTD Startseite </li> <li> Folie 9 </li> <li> Subparts und Marker </li> <li> Folie 10 </li> <li> TypoScript und Designvorlagen seite = PAGE seite.typeNum = 0 seite.bodyTag = seite.20 = TEMPLATE seite.20 { template = FILE template.file = fileadmin/index_template.html workOnSubpart = DOKUMENT marks.INHALT = TEXT marks.INHALT.value = Hallo ! } </li> <li> Folie 11 </li> <li> Grafiken erstellen Wir werden nun dynamische Grafiken erstellen. Typo3 bietet umfangreiche Mglichkeiten zur automatischen Bearbeitung und Erstellung von Grafiken. Wir werden dies spter zur Erstellung von graphischen Mens verwenden. </li> <li> Folie 12 </li> <li> GIFBUILDER seite.20 = IMAGE seite.20.file = GIFBUILDER seite.20.file { XY = [10.w], [10.h] 10 = IMAGE 10.file = fileadmin/test.jpg 10.file.width = 200 20 = TEXT 20.text.field = title 20.offset = 20, 50 20.fontFile = fileadmin/fonts/verdana.ttf 20.fontSize = 20 } </li> <li> Folie 13 </li> <li> Beispiel seite = PAGE seite.typeNum = 0 seite.bodyTag = seite.10 = TEMPLATE seite.10 { template = FILE template.file = fileadmin/template.html workOnSubpart = DOKUMENT marks.IMG_LINKS = IMAGE </li> <li> Folie 14 </li> <li> Beispiel 2 marks.IMG_LINKS.file = GIFBUILDER marks.IMG_LINKS.file { XY = 546,29 10 = IMAGE 10.file = fileadmin/bg_ueberschrift.gif 20 = TEXT 20.text.field = title 20.offset = 100,17 20.niceText = 1 20.fontsize = 17 20.fontFile = fileadmin/fonts/verdanabi.ttf 20.fontColor = white } </li> <li> Folie 15 </li> <li> Textmens erstellen seite.10 = HMENU seite.10.entryLevel = 1 seite.10.1 = TMENU seite.10.1.NO { linkWrap = | } </li> <li> Folie 16 </li> <li> Erweiterung seite.10 = HMENU seite.10.entryLevel = 1 seite.10.1 = TMENU seite.10.1.NO { linkWrap = | } seite.10.2.NO { linkWrap = | } </li> <li> Folie 17 </li> <li> Weiteres Beispiel seite.10 = HMENU seite.10.entryLevel = 0 seite.10.1 = TMENU seite.10.1 { expAll = 1 NO.allWrap = | } seite.10.2 = TMENU Seite.10.2 { expAll = 1 NO { allWrap = | beforeImg = media/bullets/bullet1_n.gif beforeROImg = media/bullets/bullet1_h.gif RO = 1 } </li> <li> Folie 18 </li> <li> Graphische Mens seite.20 = TEMPLATE seite.20 { template = FILE template.file = fileadmin/index.html workOnSubpart = DOKUMENT marks.MENU1 = HMENU marks.MENU1 = GMENU marks.MENU1.1 { expAll = 1 NO { </li> <li> Folie 19 </li> <li> Graphische Mens 2 backColor = #F5D68C XY = 80,15 10 = TEXT 10.text.field = title 10.fontsize = 9 10.offset = 1, 8 10.niceText = 1 } </li> <li> Folie 20 </li> <li> Weiteres Beispiel seite.10 { marks.MENU_OBEN = HMENU marks.MENU_OBEN.special = directory marks.MENU_OBEN.special.value = 273 marks.MENU_OBEN.1 = GMENU marks.MENU_OBEN.1 { NO { backColor = #98B3F8 </li> <li> Folie 21 </li> <li> Weiteres Beispiel 2 XY = [10.w]+10, 18 10 = TEXT 10.text.field = title 10.fontFile = fileadmin/verdana.ttf 10.fontColor = black 10.fontSize = 10 10.offset = 5,12 10.niceText = 0 } </li> <li> Folie 22 </li> <li> Caching Alle Inhalte werden in Datenbanken gehalten und auf Abruf erzeugt. Dies fhrt zu hoher Serverlast. Deshalb ist Staging oder Caching notwendig. Typo3 verwendet ein Caching Konzept. </li> <li> Folie 23 </li> <li> Caching 2 Die Ergebnisse von frheren Abfragen werden in einer Caching Tabelle der Datenbank abgelegt. Dies erspart komplexe Abfrage ber mehrere Tabellen. Bei den erzeugten Grafiken ist die Einsparung enorm. </li> <li> Folie 24 </li> <li> Befehlsreferenz In der deutschen Dokumentation enthalten: PAGE GIFBUILDER HMENU TMENU GMENU FRAMESET / FRAME </li> </ul>