Un explorador es una aplicación de software que permite al usuario visualizar e interaccionar con la información (textos, imágenes, etc.) que hay en una página web. Actualmente, hay disponibles muchos exploradores, de los que los más conocidos y usados son Microsoft Explorer®, Firefox®, Safari® y Google Chrome™.
Para proceder a la visualización de los contenidos Web, los exploradores utilizan un motor de rendering, es decir un programa que, una vez descargado el contenido (por ejemplo una página HTML), da formato a la información relacionada (por ejemplo, los CSS vinculados) y lo muestra en pantalla. Exploradores distintos utilizan motores de rendering distintos y estos últimos se diferencian precisamente por la calidad de la "renderización" respecto a los estándares, y por la velocidad de la misma. El resultado es que una misma página web puede ser mostrada de manera muy distinta según el explorador utilizado. En cualquier caso, teniendo en cuenta que una página web no es una página impresa, un cierto margen de variación es aceptable con tal de que la experiencia de uso del usuario no resulte perjudicada.
El mejor modo para obtener páginas web compatibles con los principales exploradores, en sus distintas versiones, es crear un código lo más limpio y conforme a los estándares que sea posible.
WebSite X5, generando automáticamente código HTML5 con CSS 2.1 o 3 conectados, es capaz de garantizar plena compatibilidad con todos los principales exploradores además de con dispositivos móviles como teléfonos móviles, palmtop y smartphones.
Durante la elaboración de un proyecto es necesario poder verificar cuál será el resultado final y cómo se mostrará el sitio una vez que esté en línea. Para ello, WebSite X5 da la posibilidad de abrir, mediante el botón Vista previa que está siempre disponible (ver El ámbito de trabajo), una vista previa del sitio web localmente, que es permanentemente actualizada (ver Actualizar vista previa mientras se trabaja en el proyecto en la ventana Preferencias).
Para la visualización de la vista previa, WebSite X5 utiliza un explorador interno propio basado en Chromium (http://www.chromium.org/), el explorador de código abierto del que deriva Google Chrome™. Este explorador interno presenta los siguientes comandos:
|
Atrás
Para volver atrás a la página visitada inmediatamente antes.
|
|
Siguiente
Pemite avanzar y abrir de nuevo una pagina ya visitada.
|
|
Página de inicio
Para regresar a la Página de Inicio del sitio web.
|
|
Barra de direcciones
Indica la ruta de acceso de la página mostrada y/o da la posibilidad de especificar la ruta de la página que se desea visualizar. Para confirmar la dirección introducida basta con pulsar la tecla ENTER.
|
|
Editar esta página
Vuelve al programa, abriendo la página que se está viendo en la vista previa en el explorador directamente en la ventana Creación de la página, permitiendo así su edición. En el caso de páginas pertenecientes al Blog, en el Área Reservada o en el Carrito de la compra, este botón permite volver a la sección correspondiente del Paso 1 - Ajustes del Sitio web | Avanzadas.
|
   
|
Botones de Dispositivo
Están disponibles solo si ha sido activada la creación de un Sitio web Adaptable y se muestran en función del número de puntos de interrupción establecidos para el Proyecto: por ejemplo, en caso de tener 4 o más puntos de interrupción se ofrecen los botones Escritorio, Smartphone y el botón Tableta, que además ofrece un submenú para todos los puntos de interrupción intermedios.
Pulsando en un Botón de Dispositivo la ventana en la que se muestran los contenidos de página cambia su tamaño automáticamente pasando a la resolución de la vista correspondiente. Por defecto está activo el botón Escritorio y los contenidos se adaptan al ancho de la ventana de la Vista Previa utilizando todo el espacio disponible.
|
|
Mostrar orden de disposición en línea
Disponible solo si se ha activado la creación de un Sitio web Adaptable, permite hacer que se muestre superpuesta sobre los contenidos de la Página la indicación del número asumido en el procedimiento de ordenación del Objeto correspondiente.
|
|
 Vista Previa Móvil
Abre una ventana en la que se muestra un Código QR y se indica una dirección URL. Tras haber conectado su dispositivo móvil a la misma red del PC, es posible encuadrar el Código QR o ir a la URL indicada para ver la vista previa del Sitio web y verificar de este modo su comportamiento.
|
|
Visualizar el sitio web en otro explorador
Permite ver la Vista Previa del SItio web utilizando uno de los Navegadores instalados en el ordenador. Pulsando en la flecha al lado del botón se accede a un submenú que presenta todos los Navegadores entre los que es posible elegir. El Navegador seleccionado queda memorizado como preferido y utilizado hasta que no se elija otro diferente.
|
|
Es posible activar la creación de un Sitio web Adaptable mediante la opción Sitio web Adaptable presente presente en la ventana Resoluciones y Diseño Adaptable. En el caso de tratarse de un Sitio web Adaptable, el Navegador interno de WebSite X5 presenta también una Barra de resolución en la que se muestran los puntos de interrupción establecidos para el Proyecto.
|
Es importante tener en cuenta que una vez abierta la ventana del explorador para obtener la vista previa local del proyecto en el que se está trabajando, la página visualizada cambia automáticamente en función de la página en la que se está trabajando. Esto significa que si se pasa a trabajar en una página distinta, esta misma página es abierta también en la vista previa del explorador.
El empleo de un explorador interno para la visualización de la vista previa del sitio web en construcción permite obtener las siguientes ventajas:
| ▪ | La vista previa no sustituye el sitio web visualizado en la ventana del explorador predeterminado eventualmente abierta, |
| ▪ | La vista previa del sitio web en construcción es actualizada en la ventana del explorador interno y no lleva a la apertura de ventanas o pestañas distintas del explorador predeterminado. |
|
