Fundamentos de diseño

Para diseñar su sitio web de todas las formas posibles, abra Diseño avanzado. Puede editar el diseño y la distribución en modo WYSIWYG. Los cambios se mostrarán de inmediato.
El área de trabajo del explorador está dividida en dos. En la parte superior, puede ver la barra multifunción. Muestra las funciones disponibles. Para obtener más información, véase Barra multifunción y contenido.
En la parte inferior, puede ver la vista previa de página. Aquí puede editar el diseño y la distribución directamente. La vista previa de página le muestra la página web actual con el diseño y la distribución especificados por el estilo seleccionado; véase Estilos propios.
El sitio web se divide en las siguientes áreas funcionales; véase la Figura 8.
Figura 8: Estructura del sitio web

Área 1:
Encabezado
Área 2:
Parte superior
Área 3:
Izquierda
Área 4:
Área de contenido
Área 5:
Derecha
Área 6:
Parte inferior
Área 7:
Pie

Además, está el área de trabajo alrededor del explorador en que se muestra el sitio web. Véase Vista de página en el explorador.
Si desea editar una área, haga clic con el ratón en el punto correspondiente. Al hacerlo, se activa el área en cuestión. Se resalta mediante un borde y la barra multifunción muestra las funciones que se pueden llevar a cabo en el área.
En lo que se refiere a las opciones de edición y configuración, las áreas del sitio se pueden clasificar en áreas verticales y horizontales, así como el área de contenido:

Áreas horizontales:
Encabezado, Parte superior, Parte inferior, Pie
Las áreas horizontales se extienden por todo el ancho del sitio web. Son más anchas que altas. Contienen básicamente enlaces y elementos de visualización estrechos. Estos son los elementos de página típicos para áreas horizontales:
- Logotipo
- Nombre del sitio web
- Enlace a la página de inicio, Información de contacto, Condiciones generales,
Categorías, Cesta de la compra
- Banderas para la selección de país
Áreas verticales:
izquierda, derecha
Las áreas verticales se encuentran básicamente entre las áreas horizontales, y son paralelas al área de contenido. Son más altas que anchas. Contienen principalmente cuadros con texto, listas, enlaces o campos de entrada. Los elementos de página típicos para áreas verticales son, entre otros:
- Lista de categorías principales
- Identificarse
- Vista compacta de la cesta de la compra, Estado de la cesta de la compra
- Búsqueda de producto
- Productos en promoción
Área de contenido:
Mientras que otras áreas contienen sobre todo elementos funcionales, como menús y enlaces, el área de contenido comprende el contenido de las páginas que ha creado en Contenido / Categorías.
El tamaño del área de contenido viene determinado por la información de altura y anchura de las demás áreas, así como el relleno. El "resto" de la ventana del explorador se deja para contenido.

Al combinarse, los parámetros de las distintas áreas crean el diseño completo. Algunos parámetros se influyen entre ellos o son interdependientes. Estos efectos secundarios deben tenerse en cuenta. La información siguiente puede resultar útil:
Notas sobre las imágenes de fondo
Se cargan plantillas coincidentes para las imágenes de fondo en cada plantilla de diseño. Puede sustituirlas por sus propias imágenes. Si elimina sus propias imágenes, la plantilla se volverá a cargar automáticamente. Si no desea utilizar ninguna imagen de fondo, debe eliminar también la imagen de la plantilla. Para ello, haga clic en el enlace Eliminar plantilla. Una vez eliminada la plantilla, el nombre de este enlace cambiará a Restaurar plantilla. Haga clic en este enlace para restaurar la plantilla predeterminada para la imagen de fondo sin tener que buscar nombres de archivo.
Nota: Si define tanto un color de fondo como una imagen de fondo, la imagen de fondo estará siempre encima del color de fondo. Por consiguiente, si desea mostrar el color, debe eliminar la imagen de fondo. Si desea que el fondo se rellene completamente, debe cambiar el tamaño de la imagen para adaptarla al área, o puede activar Imagen en mosaico.
Imagen en mosaico
Las imágenes de fondo se pueden mostrar como una sola imagen o repetidamente hasta llenar todo el fondo de la página. Así, se disponen copias de la imagen de lado a lado y de arriba abajo hasta llenar toda la página.