Introduction

Aim

In this tutorial you will learn how to build a website with TYPO3 CMS.

This tutorial explains how to:

• use an HTML document as a template for a TYPO3 CMS website.
• integrate the HTML document into the TYPO3 CMS system as a basis for all pages
• configure TYPO3 CMS to insert the content of each page into the HTML template
• create text-based dynamic navigations (the menus on each page).

The result of this tutorial is a site similar to the Introduction Package. This tutorial includes a set of files (mainly an HTML file and a CSS file), which are used throughout.

Requirements

You need an installed version of TYPO3 CMS 6.2. You can download the source code from http://typo3.org/download/.

Skill level

This tutorial assumes you are a beginner-level site developer. It contains step by step instructions, to help you learh how to create your first website with TYPO3 CMS, based on the given HTML file.

This tutorial teaches you to integrate a template into the TYPO3 CMS system known as “Integration” in the TYPO3 CMS world.

Skills

Before you begin, please read the TypoScript in 45 minutes tutorial. It is enough if you have skimmed it. It is not necessary that you understand everything noted there (and certainly not all the details). This tutorial should give you an overview of TYPO3 CMS. However, concepts in TypoScript in 45 minutes tutorial will be repeated here in the Templating Tutorial where they are needed.

A basic knowledge of HTML is necessary (detailed knowledge is not). Knowledge of CSS is not mandatory.

What’s new

This is the first version of this manual. It replaces the old “Modern Template Building Tutorial”, which was originally written in 2003. Although we have tested the descriptions in this manual, there might still be places, which somehow are not clear or nor understandable.

If something remains unclear when you are working through the manual, please drop us a note (see Feedback below)!

Thank you and have fun!

Credits

This manual was started by Christopher Stelmaszyk and completed by Christian Wöbbeking, with feedback from some TYPO3 CMS beginners.

Feedback

For general questions about the documentation get in touch by writing to documentation@typo3.org.

If you find a bug in this manual, please be so kind as to check the online version on https://docs.typo3.org/typo3cms/TemplatingTutorial/. From there you can hit the “Edit me on GitHub” button in the top right corner and submit a pull request via GitHub. Alternatively you can just file an issue using the bug tracker: https://github.com/TYPO3-Documentation/TYPO3CMS-Tutorial-Templating/issues.

Maintaining high quality documentation requires time and effort and the TYPO3 Documentation Team always appreciates support. If you want to support us, please join the documentation mailing list/forum (http://forum.typo3.org/index.php/f/44/).