Cómo trabajar en el Estilo del Objeto

Best practice > Paso 4 - Páginas >

Cómo trabajar en el Estilo del Objeto

Previous pageReturn to chapter overviewNext page
Mostrar/ocultar el texto oculto

Trabajando en la Creación de la página, después de haber arrastrado uno de los objetos disponibles dentro de una celda de la Rejilla de maquetación, es posible definir el aspecto gráfico del Objeto pulsando el botón y usando las opciones ofrecidas en la ventana Estilo del Objeto que se abre.

Pulsar para expandir/reducirHow To: Cómo crear una imagen de fondo que se adapte al tamaño de la celda

Se puede personalizar el aspecto del Objeto de varias maneras: entre otras cosas es posible importar una imagen (archivo en formato .JPG, .GIF, .PNG) y usarla como fondo de del Objeto mismo. Según el tipo de imagen importada será necesario elegir la opción Fondo con imagen, definiendo ajustes diferentes para los elementos Repetir y Alineación, o utilizar la opción Ajustar imagen a la Celda para obtener el mejor resultado.

Ejemplo 1

La imagen importada tiene el mismo tamaño que la celda en la que está contenido el Objeto.

Fondo del sitio: Fondo con imagen

Repetir: No repetir

Alineación: Arriba-Izquierda

Pulsar para expandir/reducir

Ejemplo 2

La imagen importada es un patrón, es decir una imagen creada de modo que uniendo dos o más iguales, ya sea en horizontal como en vertical, no se nota el punto de unión.

Fondo del sitio: Fondo con imagen

Repetir: Imagen en mosaico

Alineación: Arriba-Izquierda

Pulsar para expandir/reducir

Ejemplo 3

La imagen importada es la de un marco que se deberá adaptar a celdas de tamaños diferentes.

Fondo del sitio: Ajustar imagen a la Celda

Bloquear ancho / Bloquear altura: configurar los tamaños de los bloques más apropiados.

Pulsar para expandir/reducir

Para comprender mejor cómo funciona la opción Ajustar imagen a la Celda, qué son los bloques y cómo ajustar correctamente los tamaños, contemplemos las siguientes imágenes:

Imagen 1

Imagen 2

Imagen 3

La imagen original (Imagen 1) representa un marco muy elaborado pero que se presta bien a ser cortado en bloques y a adaptarse a cualquier tamaño que la celda asuma: los elementos decorativos añadidos en las esquinas ocupan, de hecho, un área bien definida y fácilmente delimitable y todos los matices pueden ser repetidos como un patrón sin que se produzcan cambios bruscos de tonalidad.

En la imagen 2 se ven los bloques de los que hay que ajustar el tamaño (opciones Bloquear ancho y Bloquear altura). Los valores de la anchura y de la altura de los bloques (todos iguales entre sí) son definidos en porcentaje respecto a la anchura y a la altura de la imagen original y pueden variar entre el 5 y el 45%. En este caso, es necesario ajustar el tamaño del corte al 35% por ambos lados de los bloques para que abarquen completamente la imagen situada en las esquinas.

Como se ve en la imagen 3, identificando los bloques A, B, C y D es posible sacar otras 5 secciones, a, b, c, d y e: estos son los cortes que el programa efectúa para extraer de la imagen original todas las imágenes necesarias para conformar el fondo de la celda. Por tanto, mientras las imágenes correspondientes a los bloques A, B, C y D se mantienen tal como son y simplemente se posicionan en las esquinas, las imágenes correspondientes a las secciones a, b, c, d y e se repiten hasta llenar todo el espacio necesario.

Como se puede ver fácilmente, este procedimiento admite una notale flexibilidad: a partir de una sola imagen adecuadamente realizada, es efectivamente posible resolver el aspecto de Objetos contenidos en celdas con tamaños incluso muy diferentes entre sí.

Pulsar para expandir/reducirHow To: Cómo utilizar la Librería de Estilos

Gracias a la Librería es posible reducir el tiempo de trabajo: si se prevé tener que dar a varios Oggetti la misma configuración gráfica, es conveniente definirla para el primer Objeto guardar el Estilo y aplicarlo, sin crearlo de nuevo cada vez, a los demás Objetos.

Para crear un nuevo Estilo:

En la Rejilla de maquetación seleccionar el Objeto en el que se quiere trabajar y pulsar el botón para abrir la ventana Estilo del Objeto.
Utilizar las opciones disponibles en las diferentes secciones Estilo y Textos para obtener el resultado deseado.
Abrir la sección Biblioteca y pulsar sobre el botón Agregar: según los ajustes definidos se crea un nuevo Estilo. Una vista previa del Estilo creado se añade a la lista de estilos Personalizada.

Para aplicar un Estilo:

En la Rejilla de maquetación seleccionar el Objeto en el que se quiere trabajar y pulsar el botón para abrir la ventana Estilo del Objeto.
Abrir directamente la sección Biblioteca y seleccionar la vista previa del estilo que se quiere utilizar, escogiéndolo de la lista de estilos Valores preestablecidos o en la de los estilos Personalizada.
Pulsar sobre el botón Aplicar.

 


Profundización:

-

El Box Model en WebSite X5