WebSite X5 propone un sistema de maquetación único gracias al que se consigue crear las páginas de un modo completamente visual.
Prácticamente, la página aparece representada por una rejilla en la que es posible establecer el número de filas y de columnas a fin de predisponer las celdas necesarias para alojar los contenidos.
Mediante el simple Drag&Drop de los objetos disponibles se procede a la inserción de los contenidos.
Comenzando con la rejilla propuesta por defecto, conformada por 2 filas y 2 columnas, se procede a añadir un número de filas y de columnas suficiente para alojar todos los contenidos de la página y, en segundo lugar, añadir en las celdas los objetos necesarios. Para añadir filas y columnas basta usar los botones que hay en la barra de herramientas. Se pueden crear rejillas con un máximo de 64 filas y 12 columnas. Automáticamente, todas las filas y las columnas de la rejilla de maquetación tienen la misma anchura y altura. Es posible configurar manualmente el valor absoluto (en píxeles) o relativo (en porcentaje) de las columnas mediante los cursores presentes en el fondo de la rejilla de maquetación:
|
Una vez configurada la rejilla de maquetación, es posibel añadir un Objeto seleccionando el icono que lo representa de la lista de objetos disponibles, arrastrándolo y soltándolo en la celda que se quiere que ocupe. Cada celda de la rejilla de maquetación puede contener un único objeto, pero un objeto puede ocupar varias Celdas adyacentes, tanto en sentido horizontal como vertical. El icono del objeto seleccionado, de hecho, puede ser arrastrado sobre los bordes de las celdas: en ese caso, el objeto ocupará el espacio de esas celdas. Además, es posible usar los anclajes de la selección del objeto añadido para extenderlo a más celdas. Una vez definido el número de celdas que debe ocupar un objeto, este se mantendrá, en compatibilidad con la presencia de otros objetos, incluso si el objeto es desplazado a otros puntos de la rejilla. Para mayor comodidad, es posible trabajar en la rejilla utilizando las teclas de cursor:
Haciendo clic en el botón derecho del ratón sobre el icono del objeto añadido en una celda, o en una celda vacía de la rejilla de maquetación, se abre un menú contextual con los comandos Cortar, Copiar, Pegar, Eliminar, Propiedades de la celda, Insertar fila, Insertar columna, Eliminar fila y Eliminar columna. A través de estos comandos es posible, por ejemplo, crear una copia de un objeto pegándolo en otra celda, en otra página, o eliminarlo. Un objeto añadido puede ser eliminado de la página también arrastrándolo fuera de la rejilla de maquetación o mediante la tecla SUPR. En cualquier caso, añadiendo un objeto nuevo a una celda ya ocupada, el objeto ya existente se borra y es sustituido por el segundo. Ahora bien, si se arrastra un objeto ya existente a una celda ya ocupada, los dos objetos son intercambiados de posición. Los comandos Copiar estilo y Pegar estilo, presentes en el submenú que se abre con el comando Estilo de celdas, permiten hacer que los ajustes definidos en la ventana Estilo de celdas para una celda se apliquen automáticamente también a una segunda celda. Después de haber añadido un objeto se puede abrir la ventana en la que se podrá definir su contenido (para los Objectos principales:Objeto de texto, Objeto Imagen, hacia la Objeto Tabla, hacia la Objeto de galería, hacia la Objeto Vídeo/Sonido, hacia la Objeto Formulario de envío e-mail, hacia la Objeto Libro de Visitas, hacia la Objeto Mapa, hacia la Objeto de Animación Flash, hacia la Objeto Catálogo de Productos, hacia la Objeto Contenido Dinámico, Obejto Código HTML), haciendo doble clic en la celda de la rejilla de maquetación que lo contiene o seleccionando el objeto y pulsando el botón Contenido Objeto.
|
La constitución de la Página puede ser modificada y actualizada en cualquier momento. Si se ha activado la creación de un Sitio Web Adaptable (mediante la opción Habilitar Sitio Adaptable disponible en la ventana Ajustes generales | Diseño adaptable), en el momento en que se hacen cambios en los contenidos de una Página es preciso considerar cómo esta se debe comportar en las diferentes Vistas determinadas por los puntos de interrupción activados. |
Para comprender mejor cómo aprovechar al máximo las posibilidades de maquetación, es preciso recordar que el funcionamiento del programa se atiene a las siguientes reglas:
|
Profundización: