Die grundlegende Ausgabe funktioniert schon.
Nun kommen Meta-Angaben, Formatierungen und Funktionaliäten zur Website hinzu.

Dazu wird das page-Objekt verwendet.
EXT:Configuration / TypoScript / Modules / 3000_page.ts editieren

• Meta-Angaben
   
  • page.meta {
     
    • in diesem Template nicht verwendet
      X-UA-Compatible = IE=edge
      X-UA-Compatible.httpEquivalent = 1
       
    • viewport = width=device-width,initial-scale=1
       
    • Die Beschreibung aus den Metaangaben zu einer Seite
      description.field = description
       
    • Default-Beschreibung definieren
      description.ifEmpty = Standardbeschreibung
       
    • Den Autoren/die Autorin aus den Metaangaben zu einer Seite
      author.field = author
       
    • Default-Autor definieren
      author.ifEmpty = Standardautor
       
    • Die Schlüsselwörter aus den Metaangaben zu einer Seite
      keywords.field = keywords
       
    • Default-Keywords definieren
      keywords.ifEmpty = Standardkeywords
  • }
     
  • favicon hinzufügen
     
    • page.shortcutIcon = ShortcutIcon [ EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  Icons  / MKberlin_Favicon.ico ]
       
  • CSS-Dateien einbinden *
    • page.includeCSS {
      • 10 = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  Css / my_layout.css
    • }
       

  • JavaScript einbinden
    wie schon bei meinem allerersten Versuch eine TYPO3-Website zu konfigurieren, so scheitert auch hier das Einbinden der JavaScript-Dateien mittels TypoScript, vielleicht hat jemand eine Erklärung für mich... ?
    stattdessen verankere ich das Laden der Blöcke direkt im Standardlayout.html in html-Blöcken
    - jQuery mit folgendem Code ( ohne LZ im Pfad ) zu laden schlug leider auch fehl
    temp.jquerypath = TEXT
    temp.jquerypath.value = EXT: / mk17_design_technikmanager_de / Resources / Public / JavaScript / jquery-1.7.1.min.js
    page.headerData.347606704 < temp.jquerypath
    page.headerData.347606704.stdWrap.wrap = <script src="|"></script>

    • includeJSFooterlibs werden immer vor allen anderen includeJSFooter eingebunden
      z.B. jQuery
      page.includeJSFooterlibs{
      • wird hier nicht verwendet
        10 = code.jquery.com/jquery-3,2.1.min.js
        10.external = 1
        10.disableCompression = 1
         
      • 10 = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  JavaSript / jquery-1.7.1.min.js
    • }
       
    • page.includeJSFooter {
      • 10 = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  JavaSript / hoverIntent.js
      • 20 = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  JavaSript / superfish.js
      • 30 = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  JavaSript / supersubs.js
      • 40 = EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  JavaSript / initsf.js
    • }

TypoScript Reference

TypoScript Reference - Setup - page

ToDo: Folgende Dateien müssen platziert werden

• EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  Icons  /
   
  • MKberlin_Favicon.ico
     
• EXT:designExtensionName [ mk17_design_technikmanager_de ]  / Resources / Public /  JavaScript  / 
   
  • query-1.7.1.min.js
     
  • hoverIntent.js
     
  • superfish.js
     
  • supersubs.js
     
  • initsf.js

Tipps:

• Kommentare in TypoScript mit ##
• TYPO3 ergänzt automatisch die schließenden Body- und html-Tags