Ventana Ajustes de Adaptabilidad

Paso 4 - Páginas > Opciones de la Barra de Herramientas y Rejilla >

Ventana Ajustes de Adaptabilidad

Previous pageReturn to chapter overviewNext page

Por medio de los comandos de esta ventana, que se abre con el botón Adaptable que hay en la barra de herramientas de la Rejilla de Maquetación que se ofrece en la ventana Creación de la página, se gestiona el comportamiento que tendrá cada Objeto existente en la Página en función de la resolución.

Para poder trabajar con las opciones de la ventana Ajustes de Adaptabilidad es necesario haber decidido crear un Sitio web Adaptable activando la opción homónima disponible en la ventana Resoluciones y Diseño Adaptable.

La ventana Ajustes de Adaptabilidad presenta:

la Barra de Adaptabilidad que reproduce todos los puntos de interrupción y sus Vistas asociadas, configurados en la ventana Resoluciones y Diseño Adaptable. Basta con pulsar sobre una Vista para seleccionarla.
una breve punto-lista que recuerda, en función de la Vista seleccionada, las operaciones que se pueden realizar en la Página,
una Rejilla que retoma la configuración de la Página y que es posible modificar usando las herramientas disponibles.

Seleccionando en la Barra de Adaptabilidad la Vista Escritorio, en la Rejilla se reproduce la configuración establecida en la ventana Creación de la página. Empezando por esta situación, es necesario establecer qué cambios se debe aportar a la estructura de la Página en caso de que esta sea consultada a una resolución inferior, comprendida en el intervalo inmediatamente a continuación. En concreto, las operaciones a realizar son las siguientes:

1. Definir el orden de mostrado de los Objetos.
2. Elegir si ocultar Objetos y cuáles en su caso.
3. Configurar las interrupciones de línea.

Una vez realizadas estas operaciones en la Rejilla, se selecciona en la Barra de Adaptabilidad la Vista siguiente de las indicadas en la Tabla. La configuración representada en la Rejilla se actualizará según lo establecido para la Vista Escritorio , y se puede continuar haciendo las modificaciones necesarias en la estructura para definir cómo se debe mostrar la Página cuando tiene una resolución comprendida en el intervalo siguiente. Es posible seguir adelante de esta manera, seleccionando una tras otra todas las Vistas que haya hasta llegar a la última, la Vista Smartphone.

Para las Vistas intermedias ya no es necesario configurar el orden de los Objetos porque este se toma de lo definido para la Vista Escritorio.

Para la Vista Smartphone, no es necesaria ninguna operación porque todos los Objetos que no han sido anteriormente escondidos se mostrarán de modo lineal, es decir uno tras otro.

Las herramientas necesarias para redefinir la estructura de la Página y el comportamiento de los Objeos al activarse los diferentes puntos de interrupción están organizadas en la Barra de Herramientas disponible sobre la Rejilla:

Ordenación

Inicia el modo que da la posibilidad de proceder a la ordenación de los Objetos presentes en la Rejilla.

Los Objetos presentes en la Rejilla están ya ordenados automáticamente por el programa: el número que se muestra en la esquina inferior derecha indica su posición en el orden actual. Para modificar la ordenación definida por defecto, activar el modo Ordenación y pulsar sobre los Objetos presentes en la Rejilla siguiendo el orden según el que se desea que se alineen, de manera compatible con las opciones disponibles. En efecto, al seleccionar un Objeto quedan resaltados con un borde rojo todos los Objetos que pueden seguir al seleccionado en la ordenación: así pues, la elección del Objeto siguiente puede efectuarse solo entre aquellos resaltados.

Pulsando una segunda vez sobre el Objeto que se acaba de seleccionar se anula la operación y se recomienza el procedimiento de ordenación desde la posición anterior.

En función de cómo los Objetos están dispuestos en la Página (del número de Celdas que ocupan y de la posición que tienen respecto a otros Objetos), a medida que se progresa en la ordenación se pueden configurar Bloques de Objetos. Con respecto a la estructura de Página para los puntos de interrupción sucesivos, un Bloque de Objetos se comporta como si fuese un único Objeto. Por facilidad, los Bloques de Objetos se dibujan sobre la Rejilla apenas se crean y contribuyen a determinar las posibilidades de ordenación sucesivas.

Pulsando sobre el triangulito que hay en el botón Ordenación se despliega un submenú con los siguientes elementos:

Ordena todos los Objetos desde el principio: opción activa por defecto, contempla que el primer Objeto sobre el que se pulsa sea considerado el primero en la ordenación. Después hay que seguir pulsando en orden todos los demás Objetos.
Proseguir con la ordenación desde un Objeto: requiere seleccionar el Objeto de la Rejilla con el que se quiere empezar para proceder a la ordenación. Para todos los Objetos anteriores al seleccionado se confirma el orden ya definido. Para todos los Objetos que siguen al seleccionado, en cambio, es necesario definir el orden pulsando sobre cada uno de ellos.

El proceso de ordenación se completa cuando se llega a seleccionar el último Objeto de la Página. También es posible interrumpir el proceso de ordenación sin haber seleccionado todos los Objetos. Para hacer esto hay que emplear las herramientas del submenú:

Completar la ordenación: termina el proceso de ordenación confirmando lo definido hasta ese momento.
Anular ordenación: termina el proceso de ordenación anulando los cambios efectuados y restableciendo el orden original

Para más información, ver Cómo funciona el proceso de ordenación de los Objetos.

Mostrar/Ocultar Objeto

Inicia el modo en el que es posible definir como no visibles -o hacer que vuelvan a ser visibles- los Objetos que se seleccionan en la Rejilla.

En este modo basta con pulsar sobre un Objeto para hacerlo no visible: el Objeto asumirá un aspecto diferente en la Rejilla pero mantendrá su posición en la ordenación, que permanece inalterada.

Hacer un Objeto no visible para un determinado punto de interrupción significa hacer que cuando la página se muestre a resoluciones inferiores el Objeto en cuestión no se mostrará. En estos casos todos los demás Objetos visibles se reordenan como si el Objeto ocultado ya no existiese.

Un Objeto configurado como no visible para un determinado punto de interrupción deja de aparecer en la Rejilla de Página para los puntos de interrupción inferiores siguientes.

Una vez concluida la selección de los Objetos que se quiere hacer no visibles para el punto de interrupción con el que se está trabajando, basta pulsar nuevamente el botón Mostrar/Ocultar Objeto para confirmar y salir del modo.  

Interrupción de línea

Inicia el modo para configurar las Interrupciones de Línea para hacer que un Objeto o un Bloque, para resoluciones inferiores al punto de interrupción con el que se está trabajando, se sitúe en una nueva línea de la Rejilla de maquetación.

Una vez iniciado este modo, en la Rejilla se dibuja una línea punteada gris en todos los puntos en los que es posible insertar una Interrupción de Línea. Basta pulsar sobre una de estas líneas para insertar una Interrupción de Línea, que tras esto pasará a ser de color rojo. Pulsando una segunda vez sobre una Interrupción de Línea ya añadida, esta se elimina.

Una vez concluida la configuración de las Interrupciones de Lïnea, basta pulsar de nuevo el botón Interrupción de Línea para confirmar y salir del modo.

 

Para más información, ver Cómo y por qué configurar las Interrupciones de Línea.

 

 


Best practice:

-

Cómo configurar una página a través de la rejilla de maquetación

-

Cómo crear un Sitio Web Adaptable