Outils pour utilisateurs

Outils du site


fr:web:layout_templates

Ceci est une ancienne révision du document !


Modèles de disposition

Pour obtenir une apparence harmonieuse et cohérente, et faciliter la navigation, les sites Web on généralement des designs communs à toutes leurs pages. Dans StudioLine, les modèles de disposition et de mise en page définissent des éléments de conception communs à toutes vos pages tels que l'arrière-plan, les logos, les titres, les boutons de navigation, ainsi que des espaces réservés aux images. Ils contrôlent aussi un certain nombre de comportements automatiques par défaut tels que la création de vues d'images et les traitements d'images par défaut.

Modèles de disposition vs. Layouts

Le tableau suivant montre les différences entre les modèles de disposition et les layouts, en terme de portée, de leur utilisation et de la façon dont ils interagissent.

EffetModèles de dispositionLayout
PortéeAffecte toutes les nouvelles pages d'un site, et leurs vue d'image (le cas échéant).Affecte la page concernée et ses vues d'image (le cas échéant).
TimingLorsque la page est créée ou lorsque le modèle est appliqué manuellement à une page existante.
Si le modèle est modifié, toutes les pages sur lesquelles il est appliqué seront mises à jour.
La mise en page fait partie intégrante de sa page.
InteractionPeut être définit comme le site par défaut. Peut être appliqué manuellement à une page existante.Peut être enregistré comme nouveau modèle de mise en page.

Si les éléments de conception communs ou les paramètres doivent être appliqués sur plusieurs pages, placez-les dans un modèle de disposition. Si les éléments de conception communs ou les paramètres doivent être appliqués sur une seule page avec des vues d'image créées automatiquement, placez-les dans la mise en page. Si les éléments de conception sont limités à une seule page, placez-les directement dans la page.

Appliquer un modèle de disposition

Lorsqu'une page est créée, le modèle de disposition par défaut des paramètres du site sera toujours utilisé par initialiser la nouvelle page. Pour appliquer un autre modèle de mise en page :

  • ouvrez la page,
  • ouvrez l'Explorateur StudioLine,
  • sélectionnez les modèles de disposition,
  • choisissez le modèle approprié et faites-le glisser dans l'espace de travail.

Remarque : Une fois qu'un autre modèle de disposition à été appliqué à une page, cette étape reste irréversible. Les personnalisations antérieures, par défaut ainsi que les paramètres d'image pour cette page et ses pages d'affichage pourraient être définitivement perdus. Appliquez le modèle de disposition définitif avant de travailler sur la page elle-même afin d'éviter d'être confronté à ce genre de problème.

L'éditeur de modèles de disposition

Les modèles de disposition et modes de présentation sont une extension de l'éditeur de pages et offrent des fonctions identiques. On peut envisager les layouts comme des couches de gestion pour une page, et les modèles de disposition comme leurs plans. Pour afficher et personnaliser la présentation d'une page spécifique :

  • Ouvrez la page en mode “Pages”,
  • basculez en mode “Modèles de disposition”.

Pour afficher et personnaliser un modèle de mise en page :

  • Basculez en mode “Modèles de disposition”,
  • sélectionnez un mode.

Transférer des objets vers la mise en page

D'un point de vue créatif, il est souvent plus facile de concevoir d'abord une page passe-partout avant de décider si certains objets y seront intégrés. Une fois le processus de création terminé :

  • Ouvrez la page en mode “Pages”,
  • depuis le menu “Edition”, choisissez “Verrouiller les objets de la disposition”,
  • sélectionnez tous les objets qui doivent être situés sur le tracé,
  • faites un clic droit à l'aide de la souris pour accéder au menu contextuel et choisissez “Transfer to Layout”.

Remarque : Ceci est impossible pour les modèles de disposition !

Vues d'image

La fenêtre de “Vues d'image” vous permet de créer des modèles concernant l'affichage des images qui vont apparaître sur votre page Web. Grâce à cet outil, vous pouvez éditer et créer des effets pour toutes les images sur la page d'un site Web en particulier.

Les véritables impacts des modèles et des configurations seront mis en lumière lorsque vous créerez les vues d'images de vos pages. Les modèles de disposition des vues d'image vont créer automatiquement des sous-pages interconnectées avec des éléments visuels communs, des boutons de navigation et des textes générés automatiquement à partir d'images et de descripteurs de page.

Typiquement, la qualité d'une image initiale définie avec le prototype de l'image pour une page Web serait relativement faible, comme une miniature. Une fois plusieurs images importées depuis les Archives d'images, la page Web en résultant serait composée d'une galerie de miniatures, ou autres en fonction de la taille que vous avez choisi en utilisant le prototype d'image. Ensuite, vous pouvez créer des vues d'image de plus en plus grandes pour cette page Web. Les sous-pages résultantes afficheront une seule image à la fois, de la taille que vous avez spécifié en utilisant le prototype. Un internaute n'aurait alors plus qu'à cliquer sur une image pour en voir sa version agrandie, ou à choisir un lien de navigation pour basculer entre l'image et la page elle-même.

Creating Multiple Image Views

With the use of the Image Views window, you can create sub-pages for each main page, and assign individualized effects for the images displayed.

To create sub-pages or additional Image Views for your website page: Open the Layout or Layout template.

The Image Views window appears on which you can see a mini version of your website page, and a default sub-page, called Image View 1. If you would like more than one sub-page, press the “New Image View” button, and an additional page will be created called the Image View 2.

Whenever possible, use placeholders instead of static text. This way, text is automatically substituted through image, page and system descriptors.

fr/web/layout_templates.1448978874.txt.gz · Dernière modification : 2015/12/01 09:07 de penelope_chapron