Alinear los módulos

Centro de ayuda > Personaliza el diseño de tu página web 5 minutos

¡Plena libertad de creación! El editor SiteW ha sido creado en este sentido y estamos orgullosos de ofrecerte esta herramienta que permite concretar todos tus proyectos. Puedes arrastrar y soltar sin restricción los módulos pero también tienes la posibilidad de establecer tus propias restricciones de construcción. Reglas, guías, marcadores, este tutorial pasa revista a las principales técnicas.

Anchura máxima recomendada

Si modificas tu página web en una pequeña pantalla, ¿cómo aparecerá tu página web si los internautas tienen una gran pantalla? Al contrario, si creas tu página web en una gran pantalla, ¿tu página web se adaptará a las pequeñas pantallas? Ya no te preocupes y activa el botón Anchura máxima recomendada.

Las flechas delimitan una anchura intermedia que se adapta a todas las pantallas de ordenadores.

Reglas y guías

Las herramientas que pueden ayudarte a construir tu página web se sitúan en la barra de herramientas del editor.

Reglas

El botón Reglas permite mostrar u ocultar las reglas graduadas horizontales y verticales en el editor. El "0" se sitúa en el centro de la página. Dichas reglas están graduadas en píxeles.

En el momento en que el cursor se desplaza por la zona de creación, dos marcadores en las reglas horizontal y vertical ponen de relieve sus coordenadas.

Guías

Las reglas son muy útiles para posicionar guías. Dichas guías son muy prácticas para estructurar las páginas de tu sitio web. ¡Ten cuidado! ¡Ya no podrás prescindir de ellas!

Para posicionar una guía, sólo tienes que hacer clic en la regla. Puedes desplazar el marcador que aparece en la regla para ajustar la posición de la guía. Para eliminar una guía, sólo tienes que hacer doble clic en el marcador de la guía.

Las guías tienen pleno sentido en el momento en que desplazas o cambias el tamaño de un módulo: el marco de selección se afierra de manera automática a las guías en cuanto pase cerca de ellas. ¡Es muy útil!

Alineación automática

Activar el botón Alineación automática permite alinear los módulos unos respecto a otros. Si desplazas o cambias el tamaño de un módulo, unas líneas marcadoras aparecen en cuanto sea posible alinear el módulo con otro cercano.

Se pueden proponer tres tipos de alineación en función del contexto: uno al lado del otro, por el centro o en el interior.