Un navigateur est une application logicielle permettant à l'utilisateur d'afficher et d'interagir avec les informations (textes, images, etc.) présentes dans une page Web. On dispose actuellement de nombreux navigateurs dont les plus connus sont Microsoft Explorer®, Firefox®, Safari® et Google Chrome™.
Pour afficher les contenus Web, les navigateurs exploitent un moteur de rendering, à savoir un logiciel qui, après avoir téléchargé les contenus (par exemple une page HTML) formate les informations relatives (par exemple, les CSS reliés) et les affiche sur l'écran. Des navigateurs différents exploitent des moteurs de rendering différents qui se différencient pour leur qualité de rendering par rapport au standard et leur vitesse. Il en dérive qu'une Page Web peut apparaître d'une manière très différente selon le navigateur utilisé. En tout cas, comme la page Web n'est pas une page imprimée, une certaine marge de variations est acceptable à condition que l'expérience d'emploi de la part de l'utilisateur ne soit pas entravée.
La meilleure façon d'obtenir des pages Web compatibles avec les principaux navigateurs, dans leurs versions différentes, est de créer un code autant que possible propre et conforme au standard.
WebSite X5, en créant automatiquement un code HTML5 avec CSS 2.1 ou 3 reliés, est en mesure de garantir la pleine compatibilité avec tous les principaux navigateurs mais aussi avec les dispositifs mobiles comme les portables, les ordinateurs de poche et les smartphones.
Lors du développement d'un Projet, il faut pouvoir vérifier quel sera le résultat final et comment sera affiché le Site en ligne. Pour cela, WebSite X5 permet de rappeler, à l'aide du bouton Aperçu toujours disponible (voir Environnement de Travail), un Aperçu du Site continuellement à jour (voir Gardez l'Aperçu actualisé tout en travaillant au projet dans la fenêtre Préférences).
Pour afficher l'Aperçu, WebSite X5 utilise son navigateur interne qui exploite le moteur de Chromium (http://www.chromium.org/), le navigateur open source qui est la base de Google Chrome™. Ce navigateur interne présente les commandes suivantes :
|
Précédent
Permet de revenir à la page précédente.
|
|
Suivant
Permet de passer à la page suivante et d'ouvrir de nouveau une page déjà visitée.
|
|
Page initiale
Permet de revenir à la page d'accueil du site.
|
|
Barre d'adresse
Indique le chemin de la page affichée et/ou permet d'indiquer le chemin de la page à afficher. Pour confirmer l’adresse saisie, il suffit de cliquer sur la touche ENVOYER.
|
|
Modifier cette page
Permet de revenir au programme, en ouvrant la Page affichée dans l'aperçu du navigateur directement dans la fenêtre Création de la page pour la modifier. Si les pages appartiennent au Blog, à la Zone Réservée ou au E-commerce, ce bouton permet de revenir à la section relative de Étape 1 - Paramètres du Site | Avancés.
|
   
|
Boutons Dispositif
Ils sont disponibles uniquement si la création d’un Site Adaptatif a été activée et leur affichage dépend du nombre de points de rupture configurés pour le Projet : par exemple, dans le cas d’au moins 4 points de rupture, les boutons Bureau, Smartphone et Tablette sont proposés ; le bouton Tablette propose, en plus, un sous-menu pour tous les points de rupture intermédiaires.
En cliquant sur un Bouton Dispositif, la fenêtre où les contenus de page s’affichent est automatiquement redimensionnée à la définition de l'affichage correspondant. Par défaut, le Bouton Bureau est activé et les contenus s’adaptent à la largeur de la fenêtre de l’Aperçu en utilisant tout l'espace disponible.
|
|
Montrer ordre de linéarisation
Disponible uniquement si la création d’un Site Adaptatif a été activée, elle permet de faire en sorte que l'indication du numéro attribué lors de la procédure de classement de l'Objet correspondant s'affiche en surimpression sur les contenus de la Page.
|
|
 Aperçu Mobile
Richiama una finestra in cui è visualizzato un QR Code e riportato un indirizzo URL. Dopo aver connesso il proprio dispositivo mobile alla stessa rete del PC, è possibile inquadrare il QR Code o collegarsi alla URL indicata per visualizzare l'anteprima del Sito e verificarne così il comportamento.
|
|
Aperçu du site sur un autre navigateur
Permet d’afficher l’Aperçu du Site en utilisant l’un des Navigateurs installés sur l’ordinateur. En cliquant sur la flèche à côté du bouton, vous accédez à un sous-menu qui propose tous les Navigateurs que vous pouvez choisir. Le Navigateur sélectionné est mémorisé comme Navigateur favori et utilisé tant que vous n’en choisissez pas un autre.
|
|
Vous pouvez activer la création d’un Site Adaptatif avec l’option Site Adaptatif présente dans la fenêtre Définitions et Conception Adaptative. En cas de Site Adaptatif, le Navigateur interne de WebSite X5 présente également une Barre de la définition sur laquelle sont affichés les points de rupture configurés pour le Projet.
|
Il faut signaler que la fenêtre du navigateur étant ouverte, pour obtenir l'aperçu du Projet sur lequel vous êtes en train de travailler, la page affichée change automatiquement en fonction de la page courante. Cela signifie que si vous passez à une page différente pour y travailler, celle-ci sera ouverte dans l'aperçu du navigateur.
L'utilisation d'un Navigateur interne pour afficher l'Aperçu du Site en cours de construction permet d'obtenir les avantages suivants :
| ▪ | l'Aperçu ne remplace pas le Site affiché dans la fenêtre du navigateur prédéfini éventuellement ouverte ; |
| ▪ | l'Aperçu du Site en construction est mis à jour dans la fenêtre du Navigateur interne et n'entraîne pas l'ouverture de fenêtres ou sections différentes du Navigateur prédéfini. |
|
