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 !

Image Views

The “Image View” window allows you to create templates for image display that will appear on your website page. Using this tool, you can edit and create effects for all of the images on that particular website page.

The true powers of templates and layouts come to light when you define Image View pages. Layouts with Image Views will automatically generate interlinked sub-pages with common style elements, navigation buttons and automatic text generated from image and page descriptors.

Typically, the initial image defined with the Image Prototype for a particular webpage would be relatively small, like a thumbnail. Once multiple photos are imported from Image Archive onto the page, the resulting webpage would be composed of a gallery of thumbnails, or whichever size you chose using the Image Prototype. Then you could create additional Image Views for that webpage with increasingly larger sizes. The resulting sub-pages display only one picture each, at the size that you specify using the Image Prototype. A web visitor would simply click on a picture to see a larger version, or choose a navigation link to browse between Image View pages.

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.1448977597.txt.gz · Dernière modification : 2015/12/01 08:46 de penelope_chapron