:navigation-title: Fluid from the scratch .. include:: /Includes.rst.txt .. _fluid-templates-scratch: ============================ Fluid Templates from Scratch ============================ .. contents:: .. _implement-templates-files: .. _the-page-layout-file: .. _create_template: Create the Fluid templates ========================== Create a new file :file:`Resources/Private/Templates/Pages/Default.fluid.html`. The template name `Default.fluid.html` is used as a fall back if no other template names are defined. Do not change it for now. .. versionadded:: 14 In TYPO3 versions < 14 the file name must begin with a capital letter. This is not longer necessary. Now fluid template files can start with a lowercase letter. See `Template Resolving `_ for more informations about the naming of fluid template files. TYPO3 takes care of creating the outermost HTML structure of the site, including the `` and `` tags therefore the following code example should be sufficient: .. literalinclude:: _codesnippets/_DefaultWithoutHead.html :caption: Resources/Private/Templates/Pages/Default.fluid.html Flush the caches and preview the page. You should now see a pure HTML page without any styles or images. We will add them in a further step. .. todo: Link to cache and preview pages in getting started once they exist .. todo: Add link to trouble shooting page once .. note:: Each time you change a Fluid template you must flush the caches. Fluid templates preprocessed into PHP files and stored in the folder :path:`var/cache/code/fluid_template`. .. _typoscript-configuration-css-js-inclusion: .. _assets: Load assets (CSS, JavaScript) ----------------------------- Load all CSS which had been removed in step :ref:`create_template` using the :ref:`Asset.css ViewHelper

`. Replace `