| Mostrar/ocultar el texto oculto |
Esta ventana inicial, la primera del Paso 1, tiene el objetivo de recoger, mediante oportunos campos, alguna información necesarias para configurar los parámetros básicos del proyecto en el que se está trabajando, como por ejemplo el título, la URL o el idioma. Además da la posibilidad de configurar el Sitio web para que pueda ser adaptable, es decir, capaz de adaptarse automáticamente a la resolución del dispositivo utilizado por el Usuario para navegar.
La ventana presenta las siguientes secciones: General y Diseño adaptable.
Todos los parámetros configurables mediante la sección General sirven para configurar el Proyecto y pueden ser definidos inmediatamente o también más adelante. Concretamente, las opciones disponibles son:
Como título del sitio se toma automáticamente el nombre asignado al Proyecto (ver: Elección del Proyecto): En cualquier caso, el título del sitio web se puede cambiar y establecer en función del tema tratado y de las exigencias de optimización específicas. Además de valor del metatag <title>, el título se introduce en el código de las Páginas también mediante el tag Open Graph og:title.
|
Mediante los comandos de esta sección es posible habilitar la creación del Sitio Web Adaptable y definir los puntos de interrupción necesarios para hacer que el Sitio web ofrezca la mayor satisfacción posible a los Usuarios en el uso del Sitio, independientemente del dispositivo que empleen para la navegación. Ante todo, dado que la realización de un Sitio Web Adaptable es facultativa, para continuar es necesario activar la opción Habilitar Sitio Adaptable.
Una vez que se ha activado la opción Habilitar Sitio Adaptable, es necesario definir los puntos de interrupción. Un punto de interrupción es un punto sobre la línea imaginaria que expresa la resolución de los posibles dispositivos en los que se podrá ver un sitio web, en los que se produce alguna modificación del aspecto gráfico de la página. Para mayor claridad, en la ventana se muestra un esquema que pone en escala los principales tipos de dispositivos.
Sobre la línea de las Resoluciones de Referencia están indicados los puntos de interrupción que corresponden a las resoluciones generalmente empleadas por cada dispositivo:
Por otro lado, justo debajo se muestra la línea de las Resoluciones Configuradas que por defecto, al abrir un nuevo Proyecto, sugiere 3 puntos de interrupción: esta estructura se actualizará en función de cómo sea modificada la lista de los puntos de interrupción activos. Para conformar la lista de puntos de interrupción es necesario utilizar la tabla y los comandos abajo presentes. En la tabla se indica:
Por ejemplo, para un Sitio web al que se ha aplicado una Plantilla de 960px de ancho, por defecto la tabla indica los siguientes puntos de interrupción con sus correspondientes Vistas:
El valor de este punto de interrupción está definido automáticamente por la Plantilla seleccionada, no puede ser modificado ni eliminado. Para resoluciones superiores a las de este punto de interrupción, el Sitio web se mostrará en modo escritorio: esto significa que se emplea la Plantilla establecida para escritorio (definida mediante la ventana Estructura de la Plantilla Principal) y que los contenidos están dispuestos en función de cómo las Páginas han sido construidas en el Paso 3 - Creación de la página.
Este punto de interrupción puede ser modificado o eliminado. Si no se modifica nada, determina junto al punto de interrupción anterior un intervalo en el que se utiliza la Plantilla establecida para el modo Adaptable (definido mediante la ventana Estructura de la Plantilla Responsive). En concreto, el ancho del Contenido de la página está establecido en 720px, pero dado que la ventana del Explorador se puede extender hasta los 959px. el espacio que excede los 720px está ocupado por el Fondo de la página. Los Objetos de las Páginas, en cambio, están dispuestos en función de lo definido para esta Vista en la ventana Ajustes de Adaptabilidad.
Este punto de interrupción puede ser modificado o eliminado. Como para el anterior, también para este intervalo se emplea la Plantilla establecida para el modo Adaptable: el ancho del Contenido de la página está fijado en 480px mientras que la ventana del Explorador puede alcanzar los 719px, quedando ocupada por el Fondo de la página.
Este punto de interrupción se muestra para completar la representación, pero no puede ser modificado ni eliminado. En este intervalo el Sitio web se muestra a una sola columna. Se emplea la Plantilla Adaptable (definida mediante la ventana Estructura de la Plantilla Responsive) y el ancho de la Página no está definido de manera absoluta sino relativa, a fin de que quede ocupado siempre el 100% del espacio disponible. En el Sitio web a una sola columna todos los Objetos se muestras uno bajo el otro (respetando el orden y la elección de los Objetos que se quieren ocultar hecha en la ventana Ajustes de Adaptabilidad) y estos están también configurados de modo que ocupan el 100% del espacio a lo ancho.
Para modificar la lista de puntos de interrupción sugeridos y las Vistas que determinan, basta utilizar los comandos disponibles:
|
Best practice:
Profundización:
y utilizar las opciones disponibles en la ventana 
para ir al sitio web oficial: 
