Différences

Ci-dessous, les différences entre deux révisions de la page.

--- fr:web:layout_templates [2015/12/01 08:40] – [The Layout Editor] penelope_chapron
+++ fr:web:layout_templates [2015/12/09 08:08] (Version actuelle) – [Disposition et Modèles de disposition] penelope_chapron
@@ Ligne 1: / Ligne 1: @@
 ====== 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.
+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'image et les traitements d'image par défaut.
-===== Modèles de disposition vs. Layouts =====
+===== Disposition et Modèles de disposition =====
-Le tableau suivant montre les différences entre les modèles de disposition et les [[:fr:web:layout|layouts]], en terme de portée, de leur utilisation et de la façon dont ils interagissent.
+Le tableau suivant montre les différences entre les modèles de disposition et les [[:fr:web:layout|dispositions]], en terme de portée, de leur utilisation et de la façon dont ils interagissent.
-^Effet^Modèles de disposition^Layout|
+^Effet^Modèles de disposition^Disposition|
-|Portée|Affecte 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).|
+|Portée|Affecte toutes les nouvelles pages d'un site, et leurs vues d'image (le cas échéant).|Affecte la page concernée et ses vues d'image (le cas échéant).|
-|Timing|Lorsque 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.|
+|Action dans le temps|Associé une fois lorsque 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.|Associé continuellement. La disposition fait partie intégrante de la page.|
-|Interaction|Peut ê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.|
+|Interaction|Peut être définit comme le défaut du site. Peut être appliqué manuellement à une page existante.|Peut être enregistré comme nouveau modèle de disposition.|
-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 [[:fr:web:page_editor|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 disposition. Si les éléments de conception sont limités à une seule page, placez-les directement dans [[:fr:web:page_editor|l'éditeur de 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 la page.
-  * ouvrez l'Explorateur StudioLine,
+  * Ouvrez l'Explorateur StudioLine.
-  * sélectionnez les modèles de disposition,
+  * Sélectionnez les modèles de disposition.
-  * choisissez le modèle approprié et faites-le glisser dans l'espace de travail.
+  * 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.
+**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 vues d'image 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 =====
+===== L'éditeur 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 :
+Les modes "Disposition" et "Modèle de disposition" sont une extension de l'éditeur de pages et offrent des fonctions en grande partie identiques. On peut envisager les dispositions comme des couches de gestion des pages, 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",
+  * Ouvrez la page en mode "Pages".
-  * basculez en mode "Modèles de disposition".
+  * 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.
-===== Transferring Objects to the Layout =====
+  * Basculez en mode "Modèles de disposition".
+  * Sélectionnez un mode.
-From a creative standpoint it is often easier to first design a boilerplate page without deciding immediately whether some objects belong on the layout. Once the creative process is complete:
+===== Transférer d'objets vers la disposition =====
-  * open the page in Page Editor mode
+D'un point de vue créatif, il est souvent plus facile de concevoir d'abord une page d'ébauche avant de décider si certains objets y seront intégrés. Une fois le processus de création terminé :
-  * from the Edit menu, choose Lock Layout Objects
-  * select any objects that should be located on the layout
-  * right click on the mouse to access the Context menu and choose Transfer to Layout
-**Note:** This is not available for Layout Templates!
+  * Ouvrez la page en mode "Pages".
-===== Image Views =====
+  * 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 "Transférer l'objet dans la disposition".
-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.
+**Remarque :** Ceci est impossible pour les modèles de disposition !
+===== Vues d'image =====
-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.
+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.
-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.
+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.
-==== Creating Multiple Image Views ====
+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.
+==== Création de Vues d'image multiples ====
-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.
+En utilisant la Vue d'image, vous pouvez créer des sous-pages pour chaque page principale de votre site, et appliquer des effets individuels aux images affichées.
-To create sub-pages or additional Image Views for your website page: Open the Layout or Layout template.
+Pour créer des sous-pages ou des Vues d'images supplémentaires à votre page Web : ouvrez la disposition ou le modèle de disposition.
-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.
+La fenêtre de Vues  d'image apparaît alors dans laquelle vous pouvez voir une mini version de la page de votre site Web, et une sous-page par défaut, appelée "Vue d'image 1". Si vous souhaitez plus d'une sous-page, cliquez sur le bouton "Nouvelle vue" et une page supplémentaire sera créée appelée "Vue d'image 2".
-Whenever possible, use placeholders instead of static text. This way, text is automatically substituted through image, page and system descriptors.
+Utilisez autant que possible des espaces réservés plutôt que des textes statiques. De cette façon, le texte sera automatiquement actualisé par le biais des descripteurs de l'image, de la page et du système.

StudioLine Help

Outils pour utilisateurs

Outils du site

Différences

Outils de la page