Es importante mencionar para iniciar muchos aspectos para aquellos no familiarizados con la terminología utilizada en el medio de Internet, acerca de los sitios desarrollados a través de un CMS; hay dos aspectos de relevantes de estos sitios:

• Lo que el usuario ve al navegar el Internet (frontend).
• Lo que observa y maneja el administrador (backend), que es un área restringida a la que el usuario se introduce por medio de una contraseña asignada.

El administrador define quién entra y qué herramientas o módulos se pueden asignar a cada editor, ya que solamente él es capaz de utilizar todas las herramientas disponibles.

Tomemos nota de que el contenido de las páginas se muestran como un árbol.

Al iniciar el trabajo con TYPO3 se encontrarán con múltiples opciones de navegabilidad así como también de herramientas, las cuales empezaremos a conocer a continuación:

En la imagen observamos al lateral izquierdo un menú que contiene entre otros, el módulo web indicado con el literal "1", el cual puede desplegarse de la forma "a" para obtener cuatro opciones de visualización de la información:

• Página (1.1)
  
• Vista (1.2)
  
• Lista (1.3)
  
• Información (1.4)

Además en esta imágen podemos observar que los menús pueden contraerse de la forma "b" ó deplegarse de la forma "c" de manera que pueda adaptarse a la forma de trabajo del usuario y su pantalla.

Al desplegar el módulo web y encontrar estas cuatro opciones es necesario identificar las diferencias y los beneficios de utilizar cada una de ellas.

• 1.1 Página. Permite que el administrador pueda visualizar los componentes de la página en relación a su posición en la configuración de la plantilla: contenido centro, contenido lateral, navegación, herramientas.
• 1.2 Ver. Permite que el administrador pueda visualizar los componentes de la página como lo vería el usuario en el "frontend".
• 1.3 Lista. Permite que el administrador pueda visualizar los componentes de la página como un listado de los contenidos de la misma.
• 1.4 Info. Permite que el administrador pueda visualizar información relevante del página seleccionada.
  

Podemos observar en la página la distribución de los elementos de acuerdo a la distribución en la plantilla.

• a. Componentes del  "Main content area (nombre asignado programador)". Tipo texto, imagenes; los cuales se pueden editar (cortar, copiar, mover, pegar como se indica en los íconos de las herramientas "e").
• b. Componentes del  "Main navigation bar (nombre asignado programador)". En este ejemplo no hay elementos definidos para esta área
• c. Componentes del  "Main banner area (nombre asignado programador)". En este caso se han colocado en este espacio funciones esppeciales como se observa en donde indican las flechas, y algunos textos. Estos componetes también son editables como se indica en los íconos de las herramientas "d".

Podemos observar un ejemplo más sencillo en la segunda imágen con la aplicación del nuevo módulo "Templavoila"

Podemos visualizar la página como la ve el que navega el internet, pero además obtenemos herramientas de edición que nos lleva a la modificación inmediata del elemento seleccionado.

Podemos observar en la página los componentes de la página y las herramientas respectivas de edición de manera inmediata. Esta visualización es muy útil cuando se esta familiarizado con los componentes y no se desea más que editar la información.

Podemos observar los datos más relevantes de la hoja seleccionada.