Typo3 offers two user interfaces, one for viewing and one for editing.
[Translate to englisch:] Frontend
The frontend interface, represents the view of a web page that visitors get displayed on the Internet when they call the web address.
The backend interface is the back of a website and not everyone has access to it, because this is where the content is created and edited.
Die Backend-Oberfläche, stellt quasi die Rückseite einer Webseite dar und nicht jeder hat Zugriff darauf, denn dort werden unter anderem die Inhalte angelegt und bearbeitet.
If you want to switch from the backend to the frontend, click on the icon provided for this purpose (in the editing area at the top left). The frontend view will open in a new tab and you will see what content is already on your page. You can now jump back and forth between the two tabs and load the changes you made in the backend into the frontend.
Appearance Typo3 backend
Header bar: The header bar provides an overview of bookmarks, history, instructions, and search, plus you can log out by clicking on your name.
Module bar: This is where you switch between different modules (views). In the course of this training you will get to know the modules, "Page", "List" and "File list".
Page tree: In the page tree, all pages are displayed that are located on your installation. Here you can add, delete, rename and copy pages, among other things.
Edit Bar: Here you can create new content or edit existing content.