Buenas prácticas

A continuación se presentan algunas observaciones que le ayudarán a comprender y utilizar mejor la disposición de sus sitios, aunque evolucione, la tendencia sigue siendo la de crear sitios «centrados» con un fondo ampliado o no, aquí es donde las propiedades de la Caja son importantes.

Cajas, márgenes y espaciador

• Uso de la caja

  Como recordatorio, el Cuadro es el primer componente que se suelta en una página, contiene una o más líneas que contienen a su vez, componentes (imagen, botón, área de color, …).

• Uso de los márgenes

  Una de las novedades de esta versión es la integración de los Márgenes (no confundir con los Espaciadores). El Margen está presente para una Caja pero también para un gran número de componentes (texto, galería, imagen, …) y es la presencia de estas 2 opciones lo que le permitirá crear un sitio personalizado (y original). No duden en usarlos para crear compensaciones de componentes, por ejemplo,…

• Usando los espaciadores

  Los espaciadores son eficaces para centrar un componente (como un menú) y para definir un área de visualización (como una imagen), de lo contrario, en la gran mayoría de los casos, se recomienda utilizar márgenes y espaciamiento horizontal (en una línea con varios componentes).

Ejemplos

Ejemplo de un buen uso del Espaciador Horizontal :

Ejemplo de un buen uso del Espaciador Vertical :

El mismo componente con un espaciador vertical de 1 px:

Usando las teclas del teclado

• La tecla Shift presionada :

  Esta tecla se utiliza para desplazarse (navegar) en profundidad a través de los elementos bajo el ratón. Por ejemplo, si se posiciona en un componente de texto, al hacer clic en el ratón (y pulsar la tecla Shift), pasará a su vez del componente de texto, al componente de línea y luego a Box. Esto le ayudará a navegar rápidamente a través de las diferentes propiedades/opciones aplicadas a los componentes elegidos.

• Presione la tecla Ctrl :

  De manera más tradicional, esta tecla permite seleccionar varios componentes para copiarlos/pegarlos en otra parte de la misma (u otra) página.