Incomplete Article: This article is not finished yet and needs expansion. Please expand it and remove this notice when it is finished.

Introduction

This tutorial should help you to do the first step creating a website with Contao and show you on a very basic level how to begin. It helps you get answers of the questions ... where to I begin with my Webpage? What are the first steps.

The result of the tutorial will be a web page with two columns, a header and a footer with some pages and articles. The requirements are:

• Overall with: 960px
• Alignment: center
• High of header: 50px
• With of left column: 220px
• High of footer: 25px

Requirements

• Contao needs to be installed with success
• Installation needs to be checked with the system-check tool and removed from all errors if there are some.
• The Example Webpage "Musicacademy" will NOT be imported while installing Contao
• Knoledge of HTML and CSS

Preparations

Files

All files(pictures, documents, Video- Audio-files ...) where belong to the web-project, are stored in the /tl_files/ folder. To get a good overview, you can store the files in several sub-folders. With the integrated [File_Manager] (Backend-System --> File manager), you can create the structure as needet. For example we put all the files for the Webcontent in a subfolder named "firstsite/theme". As this here is a very simple project we could create the CSS File in the Subfolder "theme". We name it layout.css (more later). The full path will be tl_files/fistsite/theme/.

Filemanager