Esta sección ofrece:
La ventana Estilo de las Filas ofrece:
| ▪ | una Rejilla que retoma la configuración de la Página, tal como se la ha definido en la ventana Creación de la página; |
| ▪ | la lista de las opciones disponibles. |
Basta seleccionar la Fila en la que se quiere trabajar y utilizar las opciones disponibles para definir su aspecto. La Fila seleccionada se vuelve de color azul y el número que la identifica queda realzado en negrita.
Al lado de cada Fila se muestra una bolita que puede estar llena o vacía en función de si el aspecto de la Fila ya ha sido definido o no.
Es posible vincular entre sí varias Filas consecutivas para que estén caracterizadas por el mismo aspecto gráfico. Puede suceder también que, como consecuencia de cómo estén dispuestos los Objetos en la Rejilla o de cómo hayan sido ordenados en el caso de tratarse de un Sitio web Adaptable, algunas Filas se unan automáticamente. Para más información, ver Cómo trabajar el Aspecto de las Filas.
Una vez seleccionada la Fila o el grupo de Filas en que se quiere trabajar, se puede comenzar definiendo el tipo de Fondo del sitio que se quiere establecer eligiendo entre:
|
De colores: el fondo de la Fila se colorea con un solo color.
|
|
Degradado: el fondo de la Fila se rellena con un degradado del cual se pueden definir los colores de inicio y final y la dirección del degradado.
|
|
Imagen: el fondo de la Fila se crea mediante la importación de una imagen.
|
|
Lista de imágenes: establece como fondo de la Fila una Presentación de imágenes donde estas se deslizan una tras otra.
|
|
Vídeo: como fondo de la Fila se emplea un vídeo.
|
|
Mapa: como fondo de la Fila aparece un Mapa.
|
Según el tipo de Fondo, es posible modificar diferentes opciones del recuadro Ajustes. Las opciones que pueden estar disponibles son las siguientes:
| ▪ | Color: especifica el color para usar como relleno del fondo. |
| ▪ | Color inicial / Color final: especifican los colores de inicio y final que se desea utilizar para dar forma a un degradado. |
| ▪ | Difusión: establece si en el degradado debe predominar el color inicial o el color final, definiendo el espacio (en %) en el que debe producirse la transición del primero al segundo. |
| ▪ | Dirección: configura la amplitud del ángulo en función del que se orienta el degradado. |
| ▪ | Archivo local en PC: selecciona el archivo gráfico (.JPG, .GIF, .PNG.) de la imagen que se utilizará como fondo. La imagen puede buscarse bien en la Librería online a la que se accede mediante el botón  bien en las carpetas locales por medio del botón  Seleccionar archivo. |
| ▪ | Repetir: especifica si la imagen añadida como fondo debe repetirse o no. La imagen se puede repetir solo en sentido horizontal, solo en sentido vertical o en ambos sentidos, de modo que ocupe todo el espacio disponible. Además es posible hacer que la imagen se adapte, es decir, que se redimensione de modo que cubra todo el fondo. |
| ▪ | Alineación: especifica cómo debe estar alineada la imagen introducida como fondo respecto al área ocupada por la Fila. |
| ▪ | Añadir... / Eliminar: permiten crear la lista de imágenes para utilizar como fondo de la Fila, añadiendo nuevos archivos (en formato .JPG, .GIF o .PNG) o quitando los archivos seleccionados de los ya añadidos. |
Pulsando sobre el triangulito que está sobre el botón Agregar... se abre un submenú con los siguientes elementos: Agregar imagen... y Imagen desde la Librería Online....
Mediante la ventana que se abre con el comando Imagen desde la Librería Online... se muestra una colección de más de 900.000 imágenes de libre distribución entre las que es fácil elegir las que se desea añadir al Proyecto.
| ▪ | Mover arriba / Mover abajo: modifican el orden en el que se muestran las imágenes ya añadidas a la lista, desplazando hacia arriba o hacia abajo la imagen seleccionada. |
| ▪ | Vista: especifica de qué manera debe producirse la transición entre las imágenes añadidas como fondo de la Fila. Las posibilidades a elegir son las siguientes: |
| • | Imágenes en secuencia temporal: las imágenes se muestran una tras otra con un efecto de fundido. La transición se produce tras un intervalo predefinido de 3 segundos de duración. |
| • | Imágenes en secuencia de deslizamiento: las imágenes se muestran una a una, sin ningún efecto de transición. La imagen que se muestra depende de la posición del desplazamiento de página. |
| • | Imágenes superpuestas entre sí: las imágenes se muestran todas a la vez, una sobre otra. En este caso se aconseja el empleo de imágenes guardadas en formato .PNG con transparencia y el empleo del efecto parallax. |
| ▪ | Tipo de vídeo: define si para el vídeo que se quiere incluir como fondo de la Fila se debe utilizar un Archivo local en PC, un Archivo de Internet o un Vídeo de Youtube. |
| ▪ | Archivo local en PC / Archivo de Internet / URL de Vídeo de Youtube: ofrecidos según el Tipo de vídeo seleccionado, estos elementos permiten seleccionar el archivo de vídeo que se quiere importar o introducir la dirección URL en la que el archivo del vídeo ya está disponible en Internet. |
| ▪ | Portada: especifica una imagen de vista previa para asociar al vídeo. También en este caso la imagen puede buscarse bien en la Librería online a la que se accede mediante el botón bien en las carpetas locales por medio del botón Seleccionar archivo. |
|
La imagen de vista previa se muestra antes del vídeo y desaparece con efecto de fundido solo tras haberse iniciado la reproducción. Definir la imagen de vista previa es pues particularmente útil para gestionar la consulta en dispositivos móviles, donde el vídeo no se inicia nunca automáticamente.
|
| ▪ | Dirección: es la dirección que se debe mostrar en el Mapa que se emplea como fondo de la Fila. |
| ▪ | Estilo: especifica cómo se debe mostrar el Mapa, eligiendo entre Callejero, Satélite, Híbrido o Terreno. |
| ▪ | Factor de zoom: establece el factor de ampliación con el que mostrar el mapa. |
| ▪ | Opacidad: define el grado de opacidad del color/del difuminado/de la imagen/del vídeo/del mapa de fondo aplicados. Para valores tendientes a 0 disminuye la opacidad y el fondo de la Fila se vuelve más transparente, dejando ver el fondo de la Página. |
Independientemente del tipo de Fondo elegido, es posible aplicar un Overlay, es decir un filtro de color, definiendo los siguientes parámetros:
| ▪ | Color: especifica el color a utilizar para crear el filtro que se aplicará al fondo. |
| ▪ | Opacidad: establece el grado de opacidad del color del filtro que se quiere aplicar. Para valores tendientes a 0 disminuye la opacidad y el filtro se vuelve más transparente, dejando ver el fondo de la Fila. |
| ▪ | Activar transición de color: activando esta opción, el Overlay aplicado al fondo será animado. La animación consistirá en la transición en bucle desde el color inicial hasta el Color final pasando, si este ha sido contemplado, por el Color Intermedio. |
Por último, es posible activar las siguientes Opciones:
| ▪ | Extender hasta el ancho de la ventana del Explorador: el aspecto definido para la FIla no se aplica solo hasta el ancho correspondiente al contenido de la Página, sino que se extiende por todo el ancho de la ventana del Navegador. |
| ▪ | Efecto: activa el efecto parallax en la Fila seleccionada. El efecto parallax es una técnica visual que mediante el movimiento de imágenes a diferentes velocidades y perspectivas confiere profundidad y riqueza al diseño de una Página Web, creando una ilusión 3D. Este efecto vuelve el desplazamiento de las Páginas una experiencia más cautivadora para el Visitante. Es posible elegir entre diferentes tipos de parallax: Parallax, Parallax invertido y Parallax fijo. |
|
Basándose en el movimiento de imágenes a diferentes velocidades, el efecto parallax no puede activarse si como fondo de la Fila se establece un color único.
|
|
Estilo de las Filas que hay en la barra de herramientas de la Rejilla de maquetación ofrecida en la ventana Creación de la página, se puede definir el aspecto gráfico de una Fila, es decir de una franja horizontal ocupada por un grupo de Objetos situados en una Página.
