Site pour smartphones et tablettes ('responsive design')

Les sites d'InSite et d'OutSite s'adaptent automatiquement aux dimensions de l'écran du navigateur ('responsive design'). De nombreux éléments du site s'adaptent automatiquement aux dimensions de l'écran. De la sorte, un site peut par exemple aussi être parfaitement affiché sur une tablette.

Un site web normal - développé pour un écran - convient moins à un smartphone. C'est pourquoi vous pouvez rendre un site approprié pour les smartphones (site mobile). Si le site est ouvert sur un smartphone, le site mobile est affiché au lieu du site standard.

  • Le site mobile a un agencement qui fonctionne bien sur les smartphones : les éléments sont placés les uns sous les autres dans un ordre logique.
  • Les marges ne sont pas appliquées, de sorte que l'écran est utilisé de façon optimale.
  • Sur le site mobile, vous utilisez les pages qui conviennent à cet effet. Il peut s'agir de pages qui sont également affichées sur le site standard. Mais vous pouvez aussi ajouter des pages qui sont utilisées exclusivement sur le site mobile, ou justement exclure des pages pour l'utilisation mobile.

Contenu

Vidéo

Description

Le site standard (pour les écrans normaux) et le site mobile ont la même URL, par exemple https://12345.afasonline.nl. Lorsque vous utilisez un site mobile, le site s'adapte automatiquement au type d'appareil. L'application est la suivante :

  • Desktop (site standard)

    Le site standard est destiné aux PC et tablettes en position paysage (horizontale).

  • Mobile

    Le site mobile est destiné aux smartphones et tablettes en position portrait (verticale).

Si vous n'utilisez pas le site mobile, le site standard est toujours celui en vigueur. Vous le définissez dans les paramètres.

Présentation du site mobile

Un site mobile utilise toujours la largeur de l'écran mobile. La largeur maximale du site comme un tout s'applique uniquement au site standard, non au site mobile.

Les marges - quel que soit le niveau - ne sont pas applicables au site mobile :

  • La marge (gauche/droite) du site s'applique uniquement au site standard, non au site mobile.
  • Les marges (gauche/droite/supérieure/inférieure) d'éléments spécifiques, comme des bannières, des groupements et des aperçus, s'appliquent uniquement au site standard.

L'image d'arrière-plan du site standard n'est pas utilisée pour le site mobile.

Agencement du site mobile

La page de démarrage (page d'accueil) du site standard est aussi la page de démarrage du site mobile. D'autres éléments de menu du menu principal sont accessibles via le 'menu hamburger' (en haut à gauche). Lorsque le 'menu hamburger' est ouvert, l'utilisateur peut accéder à ses paramètres personnels via la roue dentée.

Vous pouvez créer des éléments de page qui sont uniquement destinés à un usage sur le site mobile et vous pouvez définir que des pages et éléments de page ne sont justement pas destinés au site mobile.

Méthode