Mise à jour de l'interface utilisateur de SDL Tridion 2011 SP1 - Manuel de l'utilisateur avancé. Web Content Management Solutions Division of SDL

Transcription

1 Mise à jour de l'interface utilisateur de SDL Tridion 2011 SP1 - Manuel de l'utilisateur avancé Web Content Management Solutions Division of SDL

2 Mise à jour de l'interface utilisateur de SDL Tridion 2011 SP1 - Manuel de l'utilisateur avancé Copyright SDL Tridion Development Lab B.V. Tous droits réservés. Sauf autorisation écrite de SDL plc, toute copie partielle ou intégrale ou toute reproduction quelle qu'elle soit de la présente documentation est interdite. Ce produit peut contenir du code open source ou des logiciels libres. Les logiciels tiers utilisés par ce produit sont répertoriés dans le fichier NOTICE.pdf, disponible sur le CD-ROM du produit. Tridion est une marque déposée de SDL Tridion Corporate Services B.V. et BluePrinting, Content Manager Explorer, SDL Archive Manager, SDL Audience Manager, SDL Content Porter, SDL Outbound , SDL SafeGuard, SDL SiteEdit, SDL SmartTarget, SDL Tridion Business Connector, SDL Tridion Content Delivery, SDL Tridion Content Distributor, SDL Tridion Content Manager, SDL Tridion Dynamic Content Broker, SDL Tridion Presentation Server, SDL TriDoc, SDL Web Content Management, SDL WebForms, WebDAV Connector et Word Connector sont des marques commerciales de SDL Tridion Corporate Services B.V. Bien que SDL plc et ses filiales (conjointement appelées «SDL») prennent toutes les mesures possibles, dans la limite du raisonnable, afin de communiquer sur ce produit des informations exactes et complètes, ces informations sont fournies en l'état, excluant, dans la limite autorisée par la législation en vigueur, toute garantie, condition ou autre responsabilité relative à la présente documentation, explicite ou implicite, de nature réglementaire, légale ou autre (notamment toute responsabilité liée à son niveau de qualité et à son adéquation pour une utilisation donnée). Les informations fournies par la présente documentation, telles que les adresses URL et les références à certains sites Web, peuvent être modifiées sans préavis. Sans porter atteinte aux droits sur la propriété intellectuelle, il est interdit de reproduire, stocker, mettre à disposition ou transmettre tout ou partie de la présente documentation, sous quelque forme ou par quelque moyen que ce soit (électronique, mécanique, photocopie, enregistrement ou autre), quel qu'en soit le but, sauf autorisation écrite de SDL. Pour accéder à la version la plus récente de cette documentation, rendez-vous sur le portail de documentation SDL Tridion : L'accès à ce contenu nécessite un nom d'utilisateur et un mot de passe, fournis par SDL.

3 Sommaire Mise à jour de l'interface utilisateur de SDL Tridion 2011 SP1 - Manuel de l'utilisateur avancé Chapitre 1 Concepts et tâches de base Début du processus de modification Bordures Affichage ou masquage des bordures Couleurs de bordure Utilisation de base de l'enregistrement et de l'annulation Options avancées d'enregistrement et d'annulation Rafraîchissement du contenu Vérification du statut de publication Affichage des propriétés de composant Désactivation du menu contextuel... 8 Chapitre 2 Résolution d'un verrou Déverrouillage d'un élément par la localisation Déverrouillage d'un élément par sa modification sur tous les sites Web Déverrouillage d'un élément par le démarrage d'une activité Chapitre 3 Modification de texte dans la page Web Modification de texte mis en forme Options de mise en forme simple Options d'hyperlien Options de l'editeur de tableaux Insertion ou remplacement d'une image dans une zone formatée Options avancées d'image Modification d'une sélection Création d'un mot-clé et son ajout à un champ de sélection Modification de liens autonomes dans la page Web Modification de la cible d'un lien autonome Suppression d'un lien autonome Modification d'une date (et d'une heure) dans la page Web Chapitre 4 Modification de fichiers binaires et d'images dans la page Web Ajout d'un fichier binaire nouveau ou existant à une page Web Modification d'images autonomes dans la page Web Remplacement d'une image autonome existante Suppression d'une image autonome Chapitre 5 Ajout, déplacement ou suppression d'éléments dans un champ à valeurs multiples Chapitre 6 Modification des métadonnées d'un composant ou d'une page Web Chapitre 7 Modification d'un composant dans une boîte de dialogue Chapitre 8 Une fois les modifications apportées Résolution de composants non valides Fin d'une activité Publication explicite d'un composant Délocalisation d'un composant Changement du modèle d'un composant Envoi d'un composant pour traduction i

4 Chapitre 9 Modification de la liste des composants pour la page Web en cours Suppression d'un composant Ajout d'un composant existant à une page Web Création d'un composant et son ajout à une page Web par vous-même Création d'un composant ajouté à la page Web pour vous Déplacement d'un composant dans la page Web Dépublication d'un composant Chapitre 10 Tâches de page Web Création d'une page Web sur le site Web Modification d'une page dans une boîte de dialogue Affichage des propriétés de page Publication d'une page Web Délocalisation d'une page Dépublication d'une page Changement du modèle d'une page Envoi d'une page Web pour traduction Chapitre 11 Tâches workflow Affichage des tâches à traiter Affichage des tâches que vous avez démarrées Affichage des tâches que vous avez terminées Chapitre 12 Contenu ciblé Affichage et modification du contenu ciblé pour un personnage Affichage et modification du contenu ciblé pour un jeu d'empreintes Essai d'un jeu d'empreintes Création d'un jeu d'empreintes Modification d'un jeu d'empreintes Jeux d'empreintes intégrés Suppression d'un jeu d'empreintes Chapitre 13 Gestion des régions et promotions SmartTarget Restrictions relatives à l'utilisation des régions SmartTarget Localisation des régions SmartTarget sur la page Web Affichage de la région SmartTarget à laquelle appartient un composant Ajout ou modification de promotions dans une région SmartTarget Affichage des composants renvoyés par une promotion Chapitre 14 Travail avec les anciennes versions d'un composant ou d'une page Comparaison de deux versions d'un composant ou d'une page Restauration d'une version plus ancienne d'un composant ou d'une page Fonctionnalités additionnelles pour les anciennes versions d'un composant ou d'une page Chapitre 15 Vérification de l'emplacement du composant ou de la page en cours d'utilisation Chapitre 16 Métriques de contenu généré par les utilisateurs Chapitre 17 Fermeture de votre session de modification Chapitre 18 Références ii

5 18.1 Eléments d'interface utilisateur Références de la barre d'outils ruban Chemin de navigation Volet Bibliothèque Boutons de bordure Options du menu contextuel Afficheur Eléments à publier Raccourcis clavier Concepts sur la gestion de contenu Content Manager Composant Modèle de composant Workflow Publication BluePrinting iii

6 iv

7 Chapitre 1 Concepts et tâches de base Vous pouvez modifier le contenu de votre site Web directement dans le navigateur. Par exemple, vous pouvez modifier le contenu directement en ligne, ajouter, supprimer ou déplacer des parties de contenu, ou encore ajouter de nouvelles pages au site Web. 1.1 Début du processus de modification Exigences Démarrez le processus de modification pour modifier la page Web ou son contenu. Pour commencer à effectuer des modifications, vous devez connaître une page Web spécifique modifiable et savoir comment y accéder dans votre navigateur. 1. Ouvrez votre navigateur Internet et accédez à une page Web modifiable. 2. Cliquez sur le bouton SDL Tridion situé en haut à gauche de votre page Web. 3. Si votre navigateur affiche une boîte de dialogue contextuelle dans laquelle saisir vos nom d'utilisateur et mot de passe, saisissez ces informations pour vous connecter. Une fois que vous êtes connecté, voici ce qui se produit : La barre d'outils ruban s'affiche avec l'onglet Début sélectionné. Une bordure apparaît autour du bord de la page Web. Des bordures apparaissent également autour des contenus modifiables (appelés composants) de la page Web et autour des champs individuels de ces composants lorsque vous les survolez avec la souris. 1.2 Bordures Dès que vous commencez à apporter des modifications, des bordures apparaissent autour de la page Web et de chaque contenu modifiable. 1

8 1.2.1 Affichage ou masquage des bordures Affichez les bordures pour mettre en évidence les composants modifiables et afficher en permanence les bordures des régions. Masquez les bordures pour voir la page Web réelle. Contexte Lorsque vous effectuez des modifications, vous pouvez à tout moment changer le mode d'affichage des bordures de l'une des manières suivantes : Vous pouvez afficher toutes les bordures afin d'identifier les parties modifiables de la page. Vous pouvez n'afficher les bordures que lorsque vous survolez des éléments avec la souris (option par défaut). Remarque : Les bordures situées autour des régions SmartTarget ne sont pas affectées par ce paramètre. Elles sont uniquement affichées si vous sélectionnez explicitement une région dans la fenêtre contextuelle Propriétés page. 1. Pour afficher toutes les bordures sur la page, ouvrez l'onglet Début de la barre d'outils ruban et sélectionnez Bordures de contenu. Toutes les bordures sont maintenant affichées, même si le curseur de la souris n'est pas placé sur un élément ou qu'il n'est pas sélectionné. 2. A l'inverse, pour afficher les bordures lorsque le curseur est placé sur l'élément uniquement, ouvrez l'onglet Début de la barre d'outils ruban et désélectionnez l'option Bordures de contenu. Les bordures n'apparaîtront que lorsque le curseur de la souris sera placé sur un élément Couleurs de bordure La couleur de bordure d'un élément fournit une indication sur le statut de cet élément. Par défaut, un élément peut avoir une bordure dans l'une des couleurs suivantes : bleu vert Une bordure bleue indique que vous pouvez modifier l'élément. Une bordure verte indique que des modifications en attente sont associées à cet élément. A vous de les enregistrer ou de les supprimer. rouge 2

9 gris Mise à jour de l'interface utilisateur de SDL Tridion 2011 SP1 - Manuel de l'utilisateur avancé Une bordure rouge indique que vos modifications ne peuvent pas être enregistrées parce que le contenu saisi est non valide ou incomplet. Une bordure grise indique que (actuellement) vous ne pouvez pas modifier cet élément. Ces couleurs sont des paramètres par défaut. Votre administrateur des applications peut avoir opté pour d'autres couleurs. Les couleurs de bordure autour des champs d'un composant sont les suivantes : Si le composant a une bordure bleue ou verte (ou toute autre couleur configurée), il en sera de même pour tous ses champs. Si le composant a une bordure grise (ou toute autre couleur configurée), ses champs n'ont pas de bordure. Si le composant a une bordure rouge (ou toute autre couleur configurée), le ou les champs non valides ont également une bordure rouge (ou toute autre couleur configurée). Les autres champs ont une bordure verte ou bleue. 1.3 Utilisation de base de l'enregistrement et de l'annulation Lors de la modification d'une page Web, vous pouvez enregistrer votre travail immédiatement pour vous uniquement. Une fois les modifications terminées, mettez-les à la disposition de tous les visiteurs du site Web intermédiaire. Enregistrement de la version provisoire de vos modifications Enregistrez votre version provisoire pour être sûr de ne pas perdre les modifications en cours d'élaboration. La pause déjeuner ou le début d'une réunion sont de parfaits exemples de moments où il est bon d'enregistrer votre version provisoire. En choisissant cette option, vous serez le seul à voir les modifications apportées, et personne d'autre ne pourra modifier les éléments que vous avez enregistrés. Vous pouvez enregistrer vos modifications sans les mettre à la disposition des autres utilisateurs de plusieurs manières : Cliquez sur Enregistrer la version dans l'onglet Début de la barre d'outils ruban. Si ce bouton est désactivé, vos modifications sont déjà enregistrées. Autre possibilité : cliquez sur Quitter dans l'onglet Tableau de bord et sélectionnez Reprendre la modification ultérieurement dans la boîte de dialogue qui s'ouvre. Si vous fermez le navigateur ou explorez une autre page, une invite apparaît vous indiquant que vos modifications ont été enregistrées automatiquement. 3

10 Application de vos modifications au site Web intermédiaire Lorsque vous avez terminé d'apporter des modifications à la page Web, rendez-les disponibles sur le site Web intermédiaire en cliquant sur Terminer la modification dans l'onglet Début. Tous les visiteurs de la page Web du site Web intermédiaire ont ainsi accès à vos modifications. Dorénavant, les autres utilisateurs peuvent à nouveau modifier la page. Annulation de vos modifications Si vous souhaitez annuler l'ensemble des modifications apportées à la page Web depuis la dernière fois que vous avez cliqué sur Terminer la modification, cliquez sur Annuler la modification dans l'onglet Début. Vous avez également la possibilité d'annuler certaines des modifications apportées à la page Web. 1.4 Options avancées d'enregistrement et d'annulation Vous pouvez uniquement enregistrer et annuler les modifications apportées au contenu de composants individuels ou les modifications apportées à la mise en page ou à l'aspect de la page. Composants individuels Si vous avez modifié plusieurs composants individuels, vous pouvez annuler les modifications apportées à l'un de ces composants tout en conservant les modifications effectuées sur les autres composants. Pour ce faire, cliquez sur le bouton de la bordure en haut à gauche de ce composant et sélectionnez Annuler la modification dans la boîte de dialogue qui s'ouvre. Cette action annule tous les changements effectués sur le contenu de ce composant depuis que vous avez cliqué sur Terminer la modification mais n'a aucun impact sur les autres modifications apportées à la page Web. Inversement, vous pouvez transférer les modifications apportées à un composant sur le site Web intermédiaire tout en gardant les autres changements à votre disposition uniquement. Pour ce faire, cliquez sur le bouton de la bordure en haut à gauche de ce composant et sélectionnez Terminer la modification dans la boîte de dialogue qui s'ouvre. Cette action a pour effet de placer les modifications apportées au contenu de ce composant sur le site Web intermédiaire. Les visiteurs du site Web intermédiaire ne peuvent pas accéder aux autres modifications apportées à la page Web. Notez que ces deux options s'appliquent uniquement au contenu du composant. Son apparence et son comportement ne sont pas concernés. La page sans ses composants A l'inverse, vous avez peut-être apporté les types de modifications suivants à la page Web : Vous avez déplacé des composants dans la page. 4

11 Vous avez modifié l'apparence et le comportement de la page en dehors de ses composants : la bannière, le pied de page, etc. Vous avez ajouté des composants à la page. Vous avez supprimé des composants de la page. Vous avez modifié l'apparence et le comportement des composants de la page. Vous voudrez peut-être annuler ces types de modification mais conserver les modifications relatives au contenu des composants. Pour ce faire, cliquez sur le bouton de la bordure en haut à gauche de la page même (bordure extérieure de la page) et sélectionnez Annuler la modification dans la boîte de dialogue qui s'ouvre. Cette action annule tous les types de modifications énumérés ci-dessus depuis que vous avez cliqué sur Terminer la modification mais n'a aucun impact sur les autres modifications apportées à la page Web. Inversement, vous pouvez placer ces types de modifications sur le site Web intermédiaire, mais conserver les modifications apportées au contenu des composants à votre disposition uniquement. Pour ce faire, cliquez sur le bouton de la bordure en haut à gauche de la page et sélectionnez Terminer la modification dans la boîte de dialogue qui s'ouvre. Cette opération a pour effet de placer tous les types de modification décrits ci-dessus sur le site Web intermédiaire tout en empêchant les visiteurs du site de consulter les autres modifications de la page Web. 1.5 Rafraîchissement du contenu Lorsque vous modifiez une partie de la page Web, il se peut qu'un autre utilisateur en modifie une autre partie et que ses changements soient visibles pour tous. Cela signifie que le contenu que vous voyez n'est peut-être pas à jour. Si tel est le cas, le bouton Mettre à jour l'aperçu de l'onglet Début de la barre d'outils ruban clignote, et un message issu du centre de message indique que le contenu n'est pas à jour. Cliquez sur Mettre à jour l'aperçu pour afficher le contenu actualisé. 1.6 Vérification du statut de publication Contexte Vous pouvez publier des composants et des pages vers une ou plusieurs destinations. Les pages Web modifiables signalent la réussite ou l'échec d'une action de publication en haut de l'écran. Pour obtenir des informations plus détaillées sur le statut des actions de publication provenant de vousmême ou d'autres utilisateurs, vous pouvez examiner la file de publication. Pour afficher la file de publication, procédez comme suit : 5

12 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Dans l'onglet Gérer de la barre d'outils ruban, cliquez sur File de publication. La boîte de dialogue File de publication s'affiche. 3. Sélectionnez les actions dont vous voulez connaître le statut en activant une ou plusieurs des commandes suivantes : Cible Sélectionnez une cible spécifique pour afficher uniquement des actions de publication pour cette cible. Publication Sélectionnez une publication spécifique pour afficher uniquement des actions de publication pour des composants et des pages à partir de cette publication. Utilisateur Sélectionnez un utilisateur spécifique pour afficher uniquement des actions de publication effectuées par cet utilisateur. Etat Sélectionnez un état de publication spécifique pour afficher uniquement des actions de publication présentant actuellement ce statut de publication. Priorité Sélectionnez une priorité spécifique pour afficher uniquement des actions de publication effectuées avec cette priorité. Planification Utilisez cette commande pour afficher uniquement des actions de publication qui sont programmées pour être effectuées dans un intervalle de temps donné (pouvant se situer dans le passé ou le futur). Pour sélectionner cet intervalle, sélectionnez tout d'abord Afficher les tâches programmées entre, puis utilisez les deux boutons Date pour définir une date de début et une date de fin à partir des boîtes de dialogue du sélecteur de date qui s'affichent. Vous pouvez maintenant définir des filtres, le cas échéant, pour votre recherche en vue de la publication. 4. Cliquez sur Afficher les tâches. Dans la moitié inférieure de la boîte de dialogue File de publication, un tableau répertoriant toutes les options de publication correspondant aux critères que vous avez spécifiés s'affiche. Ce tableau présente les informations suivantes : (icône) 6

13 Icône indiquant si l'élément envoyé à la publication est un composant ou une page. Nom Nom du composant ou de la page. Cible Cible vers laquelle l'action de publication a été dirigée. Si vous publiez plusieurs cibles, chaque action de publication comporte sa propre entrée dans le tableau. Publication Publication qui contenait la page ou le composant en cours de publication. Chemin Chemin complet (dans la publication) conduisant à ce composant ou à cette page. Action Cette colonne affichant Publier ou Dépublier indique l'intention de l'utilisateur par rapport au composant ou à la page. Etat Etat actuel de l'action de publication. Priorité Priorité donnée à cette action de publication lors de son envoi. Heure Heure prévue pour la mise en place de l'action de publication, si elle ne se déroule pas dans l'immédiat. Utilisateur Nom de l'utilisateur ayant envoyé l'action de publication. 5. Consultez la liste pour localiser l'action de publication que vous recherchez et vérifiez son état. Vous connaissez maintenant le statut de l'action de publication. Pour plus d'informations sur le statut affiché, consultez l'administrateur de l'application. 6. Si vous voulez supprimer une action de publication à partir de la liste et que vous êtes l'initiateur de cette action, sélectionnez l'élément et cliquez sur Supprimer de la file de publication dans la barre d'outils, ou cliquez sur l'élément avec le bouton droit de la souris et sélectionnez Supprimer de la file de publication dans le menu contextuel qui s'affiche. Une invite de confirmation s'affiche en haut de la page Web. Cliquez sur Oui pour confirmer la suppression de l'action de publication. 7

14 1.7 Affichage des propriétés de composant Consultez les propriétés du composant pour obtenir plus d'informations à son sujet. L'affichage des informations d'un composant vous apporte les renseignements nécessaires pour décider si vous voulez modifier ce composant. En outre, si un élément est dans le workflow, vous pouvez connaître la personne en charge de son traitement (le cas échéant) et la contacter si nécessaire. 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Effectuez l'une des opérations suivantes : Cliquez sur la bordure tracée autour d'un composant, puis cliquez sur le bouton Afficher les propriétés. Cliquez à l'intérieur de la bordure d'un composant, puis, dans l'onglet Début de la barre d'outils ruban, cliquez sur Propriétés. Une fenêtre contextuelle appelée Propriétés de <Nom du composant> s'ouvre, où <ComponentName> représente le nom du composant, et affiche des informations le concernant, comme le nom de son auteur, l'heure de sa dernière modification, etc. 1.8 Désactivation du menu contextuel Par défaut, lorsque vous cliquez avec le bouton droit pendant la modification d'une page Web, le menu contextuel relatif au composant ou à la page s'ouvre. Ce menu contextuel rend cependant impossible l'utilisation du menu contextuel du navigateur. Vous pouvez, si vous le souhaitez, désactiver le menu contextuel de SDL Tridionafin d'accéder à celui du navigateur. 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Effectuez l'une des opérations suivantes : Dans l'onglet Début du ruban, cliquez sur Menu contextuel pour désactiver le menu contextuel de SDL Tridion. Cliquez avec le bouton droit n'importe où sur la page Web pour ouvrir le menu contextuel, puis sélectionnez Désactiver le menu contextuel. 8

15 Chapitre 2 Résolution d'un verrou Pour différentes raisons, l'élément que vous essayez de modifier continue d'afficher une bordure avec un verrou. Dans ce cas, vous pouvez rechercher pourquoi l'élément n'est pas modifiable et comment réussir à modifier cet état de fait. 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Cliquez sur une partie de la page Web dont la bordure présente un verrou, puis cliquez sur ce verrou. Vous visualisez pourquoi l'élément est verrouillé et plusieurs options s'offrent à vous. 3. Si vous estimez que vous devez modifier l'élément, procédez à son déverrouillage. Selon le type de verrou et votre certificat de sécurité, vous pouvez trouver une solution ou demander à l'administrateur de l'application SDL de déverrouiller l'élément pour vous. 2.1 Déverrouillage d'un élément par la localisation Localisez un élément pour qu'un élément au contenu partagé devienne un élément au contenu localisé. Localiser un élément signifie créer une copie distincte de cet élément. Une fois le composant localisé, toutes les modifications de l'élément d'origine ne sont plus répercutées dans votre copie localisée, et toutes les modifications apportées à la copie localisée n'affectent pas l'élément d'origine. Une des principales raisons invoquées pour la localisation du contenu est la traduction du contenu de la langue maternelle vers la langue locale. En localisant un élément, vous le déverrouillez. 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Cliquez sur l'élément verrouillé que vous voulez localiser. La bordure affiche un bouton de verrouillage de la bordure en haut à gauche. 3. Cliquez sur le bouton de verrouillage. 9

16 Une boîte de dialogue s'affiche, indiquant que vous pouvez modifier cet élément si auparavant vous le localisez. (Il est possible que d'autres options de déverrouillage soient affichées.) 4. Indiquez que vous voulez localiser l'élément. L'élément est localisé et déverrouillé. Résultat Vous venez de créer une copie locale de l'élément, indépendante de l'élément d'origine. Prochaînes étapes Vous pouvez à présent modifier la copie sans que cela n'affecte l'élément d'origine. 2.2 Déverrouillage d'un élément par sa modification sur tous les sites Web Lorsqu'un élément est verrouillé, vous pouvez le déverrouiller en choisissant de manière explicite de le modifier sur tous les sites Web. Cette action, lorsqu'elle est possible, déverrouille l'élément et le rend alors modifiable sur la page Web en cours. Notez que vos modifications seront répercutées sur les autres sites Web. Pour savoir si un élément apparaît sur d'autres sites Web que celui-ci, vérifiez la propriété Statut BluePrint dans la boîte de dialogue Propriétés de l'élément. 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Cliquez sur l'élément verrouillé que vous voulez modifier sur tous les sites Web. La bordure affiche un bouton de verrouillage de la bordure en haut à gauche. 3. Cliquez sur le bouton de verrouillage. Une boîte de dialogue s'ouvre, indiquant que vous pouvez modifier cet élément sur tous les sites Web si vous le souhaitez. (Il est possible que d'autres options de déverrouillage soient affichées.) 4. Indiquez que vous voulez modifier l'élément sur tous les sites Web. L'élément est déverrouillé. 10

17 Prochaînes étapes Vous pouvez à présent modifier l'élément. Les changements seront répercutés sur tous les sites Web. 2.3 Déverrouillage d'un élément par le démarrage d'une activité Démarrez une activité pour commencer à travailler sur un élément affecté à votre groupe d'utilisateurs via le workflow. Le démarrage d'une activité sur un élément a pour effet de le déverrouiller. 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Cliquez sur l'élément verrouillé pour lequel vous voulez démarrer une activité. La bordure du composant affiche un bouton de verrouillage en haut à gauche, ainsi qu'un bouton Démarrer l'activité à côté. 3. Cliquez sur le bouton de verrouillage. Une boîte de dialogue s'ouvre, indiquant que vous devez explicitement démarrer une activité sur cet élément avant de pouvoir le modifier. 4. Cliquez sur le bouton de bordure Démarrer l'activité. Vous êtes invité à confirmer l'action. L'élément est ensuite déverrouillé pour vous. Les autres utilisateurs de votre groupe, auxquels cet élément a également été affecté, ne peuvent pas travailler dessus lorsque vous démarrez une activité. Résultat Vous pouvez maintenant réaliser la tâche de workflow associée à cette affectation. Prochaînes étapes Une fois que vous avez terminé votre travail sur l'élément (par exemple, après la lecture et la correction de son contenu), l'étape suivante dans le workflow consistera à terminer l'activité pour l'élément. 11

18 Chapitre 3 Modification de texte dans la page Web Vous pouvez modifier le texte dans une page Web modifiable. 1. Ouvrez un navigateur, accédez à une page Web modifiable et commencez les modifications en cliquant sur le bouton SDL Tridion situé dans le coin supérieur gauche de la page. 2. Cliquez sur du texte pour le modifier. Si l'élément que vous voulez modifier est entouré d'une bordure, il est modifiable. Si la bordure affiche une icône représentant un verrou, il vous est actuellement impossible de modifier l'élément. Cliquez sur le verrou pour connaître l'étape suivante. 3. Selon l'emplacement où vous cliquez, l'un des cas de figure suivants se présente : Modification de texte brut Vous pouvez modifier le texte en saisissant quelque chose, mais vous ne pouvez appliquer aucune mise en forme. Modification de texte mis en forme Si la barre d'outils ruban affiche un onglet Format, vous pouvez appliquer une mise en forme (texte en gras, texte coloré, police différente) et insérer des tableaux ou des images. Une zone dans laquelle vous pouvez appliquer une mise en forme s'appelle une zone formatée. Modification d'une sélection Les valeurs de texte possibles peuvent être limitées à un jeu défini, notamment les noms de pays. Dans ce cas, vous ne pouvez pas modifier le texte, mais vous visualisez une liste déroulante permettant de sélectionner une valeur. Modification d'un lien Si le texte représente un lien vers un contenu interne ou externe, vous pouvez changer la cible du lien ou éventuellement supprimer le lien. Modification d'un timestamp Si le texte représente une date et une heure, un sélecteur de date et d'heure s'affiche pour la sélection d'une date et d'une heure. Vous pouvez également : être limité dans le nombre de caractères que vous pouvez saisir ; être limité dans le nombre de lignes que vous pouvez saisir ; 12

19 être restreint dans les caractères que vous pouvez saisir (par exemple, des chiffres uniquement ou les seuls codes postaux américains valides) ; être autorisé à créer plusieurs instances de l'élément en cours (par exemple, plusieurs timestamps, plusieurs parties de texte mis en forme, etc.). Cela est caractéristique d'un champ à valeurs multiples. 4. Modifiez le texte sur lequel vous avez cliqué, puis cliquez sur le bouton Terminer la modification pour conserver vos modifications. 3.1 Modification de texte mis en forme Utilisez la mise en forme de texte enrichi pour appliquer des styles, des couleurs et d'autres attributs à un texte et pour insérer ou modifier des tableaux, des images, des hyperliens, etc Options de mise en forme simple Cette rubrique répertorie les options de mise en forme simple disponibles dans la zone formatée. Onglet Format L'onglet Format de la barre d'outils ruban comporte les commandes de mise en forme simple suivantes : Commande Icône Description Couper Copier Coller Annuler Rétablir Police de caractères (liste déroulante) Supprime le texte sélectionné et le place dans le presse-papiers. (Ne fonctionne pas toujours si vous utilisez la souris dans certains navigateurs.) Place le texte sélectionné dans le presse-papiers. (Ne fonctionne pas toujours si vous utilisez la souris dans certains navigateurs.) Insère le contenu du presse-papiers à l'emplacement du curseur. (Ne fonctionne pas toujours si vous utilisez la souris dans certains navigateurs.) Annule la dernière opération exécutée. Rétablit la dernière action annulée. Applique le type de caractères sélectionné. 13

20 Commande Icône Description Taille de police (liste déroulante) Applique au texte le corps de caractère sélectionné. Gras Italique Souligné Barré Indice Exposant Couleur du texte Couleur de fond Puces Numérotation Augmenter l'indentation Diminuer l'indentation Afficher/Masquer la mise en forme Met en gras le texte sélectionné ou le texte que vous vous apprêtez à saisir. Met en italique le texte sélectionné ou le texte que vous vous apprêtez à saisir. Souligne le texte sélectionné ou le texte que vous vous apprêtez à saisir. Trace un trait horizontal sur le texte sélectionné ou le texte que vous vous apprêtez à saisir. Présente le texte sélectionné ou le texte que vous vous apprêtez à saisir sous la forme d'un indice. Présente le texte sélectionné ou le texte que vous vous apprêtez à saisir sous la forme d'un exposant. Remplace la couleur du texte sélectionné ou du texte que vous vous apprêtez à saisir par la couleur choisie dans le sélecteur de couleur. Remplace la couleur de fond du texte sélectionné ou du texte que vous vous apprêtez à saisir par la couleur choisie dans le sélecteur de couleur. Affiche le paragraphe actuel sous la forme d'une liste à puces. Affiche le paragraphe actuel sous la forme d'une liste numérotée. Décale la marge du texte vers la droite. Décale la marge du texte vers la gauche. Affiche la mise en forme, notamment : Trace des rectangles autour des éléments de type paragraphe, comme les entêtes, les paragraphes <div> et les éléments de liste. Met en surbrillance les abréviations, les acronymes et les ancres. 14

21 Commande Icône Description Aligné à gauche Centré Aligné à droite Aligne à gauche le paragraphe actuel. Centre le paragraphe actuel. Aligne à droite le paragraphe actuel. Type de section (liste déroulante) Vous pouvez appliquer un niveau hiérarchique au texte d'une zone formatée. Pour appliquer un niveau hiérarchique, placez le curseur sur la ligne à laquelle vous souhaitez ajouter un niveau hiérarchique et sélectionnez une option dans la liste déroulante : Paragraphe Insère une balise <p> autour du paragraphe actuel. Espace générique (div) Insère une balise <div> autour du paragraphe actuel. Corps de texte Supprime toutes les balises autour du paragraphe actuel. En-tête 1, En-tête 2,... Insère une balise <hx> autour du paragraphe actuel, où X est le numéro de l'en-tête. Style (liste déroulante) Lorsqu'un style est défini, vous pouvez l'appliquer à la sélection en cours. Les styles sont des éléments prédéfinis de mise en forme. Les styles suivants sont prédéfinis pour la totalité du système. Pour appliquer un style à un texte : Sélectionnez l'élément auquel vous souhaitez appliquer un style. Sélectionnez le style à appliquer depuis la liste déroulante Style. Onglet Insérer L'onglet Insérer de la barre d'outils ruban comporte les commandes de mise en forme simple suivantes : 15

22 Commande Icône Description Ancre Caractère Abréviation Ligne horizontale Permet d'insérer une ancre à l'emplacement du curseur. Ceci provoque l'ouverture d'une boîte de dialogue Insérer une ancre, dans laquelle vous pouvez définir le nom de l'ancre. Une fois l'ancre créée, vous pouvez définir un lien vers son emplacement à partir d'un hyperlien. Permet d'insérer un caractère spécial à l'emplacement du curseur. Ceci provoque l'ouverture d'une boîte de dialogue Insérer un caractère, dans laquelle vous pouvez sélectionner le caractère spécial à insérer. Insère une abréviation ou un acronyme. Ceci provoque l'ouverture d'une boîte de dialogue Insérer un acronyme, dans laquelle vous pouvez spécifier les éléments suivants : Type Texte Définissez Abréviation (une forme raccourcie d'un mot, par exemple «abrév.» pour «abréviation» ou «Dr.» pour «Docteur») ou Acronyme (une séquence des premières lettres d'un ensemble de mots comme «WCM» pour «Web Content Management»). Texte à afficher dans le composant (abréviation ou acronyme). Description Explication de l'abréviation ou de l'acronyme ; généralement, il s'agit de la forme développée de l'abréviation ou de l'acronyme. Insère un trait horizontal à l'emplacement du curseur. Les commandes Image, Tableau et Hyperlien provoquent l'ouverture de boîtes de dialogue faisant l'objet d'une rubrique dédiée. Onglet Révision L'onglet Révision de la barre d'outils ruban comporte les commandes de mise en forme simple suivantes : Commande Icône Description Définir la langue Spécifie que le contenu sélectionné est dans une langue donnée. La boîte de dialogue Langue s'affiche, vous permettant de sélectionner une langue ou une combinaison langue-pays dans le contrôle déroulant. La zone de texte en lecture seule en regard du contrôle affiche le code de langue utilisé. Cliquez sur OK pour appliquer votre paramètre. 16

23 La commande Orthographe provoque l'ouverture d'une boîte de dialogue faisant l'objet d'une rubrique dédiée Options d'hyperlien Cette rubrique répertorie les commandes présentes dans la boîte de dialogue qui s'ouvre lorsque vous cliquez sur le bouton Hyperlien, dans l'onglet Insérer de la barre d'outils ruban. Etiquette Description Type Sélectionnez le type de lien à insérer : URL Titre Cible Composant Lien vers un composant dans Content Manager. Pour fonctionner comme un lien, le composant à lier doit être publié pour au moins une page Web du site en cours. Si vous sélectionnez cette option, le bouton Parcourir devient actif. Cliquez sur ce bouton pour ouvrir la bibliothèque à gauche, naviguez jusqu'à la structure des dossiers de la bibliothèque et sélectionnez un composant à lier. Ancre Lien vers une ancre (position désignée par un nom) sur cette page Web. Lien vers une ressource HTTP externe. mailto: autre Lien vers une adresse électronique. Lien vers un type de ressource différent. Adresse à laquelle vous êtes connecté. Ce champ est ignoré si Type est défini sur Composant. Si Type est défini sur vous pouvez cliquer sur le bouton Ouvrir pour ouvrir la ressource dans votre navigateur Web par défaut. Texte qui s'affiche dans une info-bulle lorsque vous passez le curseur de la souris sur l'hyperlien (la valeur de l'attribut title de l'élément HTML <a>). Utilisez cette liste déroulante pour sélectionner un cadre à lier, si ce lien apparaît dans un contexte de cadres (la valeur de l'attribut target de l'élément HTML <a>) : Par défaut Nouvelle fenêtre Même cadre Cadre parent Cadre principal Nommé : spécifiez le nom du cadre cible dans la zone de texte qui s'affiche en regard du champ déroulant. 17

24 3.1.3 Options de l'editeur de tableaux Cette rubrique répertorie les commandes de la boîte de dialogue qui s'ouvre lorsque vous cliquez sur le bouton Tableau de l'onglet Insérer de la barre d'outils ruban, que vous définissez le nombre de lignes et de colonnes dans la boîte de dialogue initiale, puis cliquez sur OK. Options de la barre d'outils ruban La barre d'outils ruban contient les options suivantes : Commande Insérer une ligne audessus Insérer une ligne en dessous Insérer une colonne à gauche Insérer une colonne à droite Supprimer la ligne Supprimer la colonne Diviser les cellules en colonnes Diviser les cellules en lignes Description Insère une ligne au-dessus de la ligne sélectionnée. Insère une ligne au-dessous de la ligne sélectionnée. Insère une colonne à gauche de la colonne sélectionnée. Insère une colonne à droite de la colonne sélectionnée. Supprime la ligne sélectionnée. Supprime la colonne sélectionnée. Divise la cellule sélectionnée en deux cellules adjacentes horizontalement. Divise la cellule sélectionnée en deux cellules adjacentes verticalement. Fusionner les cellules Fusionne les cellules sélectionnées en une seule cellule. Onglet Tableau L'onglet Tableau comporte les commandes suivantes : Commande Titre Légende Résumé Largeur Description Nom de ce tableau (ce texte ne s'affiche pas normalement dans la Zone formatée) Texte accompagnant ce tableau. Ce texte apparaît normalement centré au-dessus du tableau. Partie de texte décrivant brièvement ce qui est affiché dans le tableau (ce texte n'apparaît pas normalement dans la Zone formatée) Largeur du tableau. Vous pouvez sélectionner l'un des pourcentages définis de la liste déroulante, ou choisir Autre et saisir votre propre valeur en pourcentage (p. ex. «26 %») ou en pixels (p. ex. «116 px»). 18

25 Hauteur Commande Espacement des cellules Remplissage des cellules Description Hauteur du tableau. Vous pouvez sélectionner l'un des pourcentages définis de la liste déroulante, ou choisir Autre et saisir votre propre valeur en pourcentage (p. ex. «26 %») ou en pixels (p. ex. «116 px»). Espace autour des cellules du tableau. Espacement entre le contenu des cellules et leur bordure. Cadrage horizontal Mode d'alignement horizontal du contenu du tableau : Gauche, Centré ou Droite. Largeur de bordure Style de bordure Couleur de bordure Couleur de fond Style Correspond à la taille des bordures du tableau. Pour supprimer toutes les bordures, réglez ce paramètre sur «0». vide (par défaut) pointillé tiret continu surligné strié cannelure renfoncé fenêtre renfoncée surbrillance Couleur de la bordure du tableau. Sélectionnez une des couleurs prédéfinies (dont Transparent) dans la liste ou Couleur personnalisée pour ouvrir une boîte de dialogue Couleur. Dans cette boîte de dialogue, vous pouvez sélectionner rapidement les valeurs de base Transparent, Noir, Blanc ou Aucun. Sélectionnez une couleur de base depuis la barre verticale, puis sélectionnez une nuance de cette couleur dans l'espace à droite ou bien saisissez une valeur HTML hexadécimale (par exemple, «#BBBBBB») sous Valeur. Le rectangle en bas au centre affiche en permanence la couleur sélectionnée. Couleur de fond du tableau. Cette option a un fonctionnement similaire à celui de Couleur de bordure. Style du tableau. Sélectionnez un nom de style dans la liste déroulante si une feuille de style CSS est associée à la zone formatée en cours. Onglet Ligne L'onglet Ligne comporte les commandes suivantes : 19

26 Commande Corps/En-tête/Pied de page Description Dans la ligne supérieure du tableau, cette option vous permet de définir s'il s'agit d'une ligne de type Corps ou En-tête ; dans la ligne inférieure du tableau, elle vous permet de choisir entre Corps ou Pied de page. Cadrage horizontal Mode d'alignement horizontal du contenu de la ligne : Gauche, Centré ou Droite. Cadrage vertical Mode d'alignement vertical du contenu de la ligne : Haut, Centré ou Bas. Hauteur Couleur de fond Style Hauteur de la ligne. Vous pouvez sélectionner l'un des pourcentages définis de la liste déroulante, ou choisir Autre et saisir votre propre valeur en pourcentage (p. ex. «26 %») ou en pixels (p. ex. «116 px»). Couleur de fond de la ligne. Sélectionnez une des couleurs prédéfinies (dont Transparent) dans la liste ou Couleur personnalisée pour ouvrir une boîte de dialogue Couleur. Dans cette boîte de dialogue, vous pouvez sélectionner rapidement les valeurs de base Transparent, Noir, Blanc ou Aucun. Sélectionnez une couleur de base depuis la barre verticale, puis sélectionnez une nuance de cette couleur dans l'espace à droite ou bien saisissez une valeur HTML hexadécimale (par exemple, «#BBBBBB») sous Valeur. Le rectangle en bas au centre affiche en permanence la couleur sélectionnée. Style de la ligne. Sélectionnez un nom de style dans la liste déroulante si une feuille de style CSS est associée à la zone formatée en cours. Onglet Colonne L'onglet Cellule comporte les commandes suivantes : Commande Cadrage horizontal Cadrage vertical Largeur Description Mode d'alignement horizontal du contenu de la colonne : Gauche, Centré ou Droite. Mode d'alignement vertical du contenu de la colonne : Haut, Centré ou Bas. Largeur de la colonne. Vous pouvez sélectionner l'un des pourcentages définis de la liste déroulante, ou choisir Autre et saisir votre propre valeur en pourcentage (p. ex. «26 %») ou en pixels (p. ex. «116 px»). 20

27 Commande Couleur de fond Style Description Couleur de fond de la colonne. Sélectionnez une des couleurs prédéfinies (dont Transparent) dans la liste ou Couleur personnalisée pour ouvrir une boîte de dialogue Couleur. Dans cette boîte de dialogue, vous pouvez sélectionner rapidement les valeurs de base Transparent, Noir, Blanc ou Aucun. Sélectionnez une couleur de base depuis la barre verticale, puis sélectionnez une nuance de cette couleur dans l'espace à droite ou bien saisissez une valeur HTML hexadécimale (par exemple, «#BBBBBB») sous Valeur. Le rectangle en bas au centre affiche en permanence la couleur sélectionnée. Style de la colonne. Sélectionnez un nom de style dans la liste déroulante si une feuille de style CSS est associée à la zone formatée en cours. Onglet Cellule L'onglet Cellule comporte les commandes suivantes : Commande Type d'information Description Sélectionnez En-tête si la cellule est un en-tête, ce qui s'applique alors aux autres cellules de la même ligne ou colonne, ou Donnée si les informations correspondent à des données de tableau. Si vous sélectionnez En-tête, certaines propriétés supplémentaires, qui n'apparaissent pas normalement dans la Zone formatée, peuvent être renseignées : ID Texte Identifiant unique de l'ensemble de données (ligne ou colonne) décrit par cet en-tête. Vous pouvez modifier le texte dans la cellule du tableau à cet emplacement. (Vous pouvez aussi bien sûr modifier le texte directement dans la page Web modifiable.) Abréviation Zone Axe Utilisée pour spécifier une forme abrégée du texte d'en-tête. Sélectionnez Ligne si la cellule est un en-tête de ligne, ou Colonne si elle est un en-tête de colonne. 21

28 Commande Texte (uniquement si l'option Type d'information est définie sur Données) Cadrage horizontal Description Cliquez sur le bouton Ajouter pour insérer un axe, autrement dit un nom qui classe le type de données décrit par l'en-tête. Vous pouvez également cliquer sur Supprimer pour supprimer un axe de la liste. Vous pouvez modifier le texte dans la cellule du tableau à cet emplacement. (Vous pouvez aussi bien sûr modifier le texte directement dans la page Web modifiable.) Mode d'alignement horizontal du contenu de la cellule : Gauche, Centré ou Droite. Cadrage vertical Mode d'alignement vertical du contenu de la cellule : Haut, Centré ou Bas. Largeur Hauteur Couleur de fond Style Largeur de la cellule. Vous pouvez sélectionner l'un des pourcentages définis de la liste déroulante, ou choisir Autre et saisir votre propre valeur en pourcentage (p. ex. «26 %») ou en pixels (p. ex. «116 px»). Hauteur de la cellule. Vous pouvez sélectionner l'un des pourcentages définis de la liste déroulante, ou choisir Autre et saisir votre propre valeur en pourcentage (p. ex. «26 %») ou en pixels (p. ex. «116 px»). Couleur de fond de la cellule. Sélectionnez une des couleurs prédéfinies (dont Transparent) dans la liste ou Couleur personnalisée pour ouvrir une boîte de dialogue Couleur. Dans cette boîte de dialogue, vous pouvez sélectionner rapidement les valeurs de base Transparent, Noir, Blanc ou Aucun. Sélectionnez une couleur de base depuis la barre verticale, puis sélectionnez une nuance de cette couleur dans l'espace à droite ou bien saisissez une valeur HTML hexadécimale (par exemple, «#BBBBBB») sous Valeur. Le rectangle en bas au centre affiche en permanence la couleur sélectionnée. Style de la cellule. Sélectionnez un nom de style dans la liste déroulante si une feuille de style CSS est associée à la zone formatée en cours Insertion ou remplacement d'une image dans une zone formatée Utilisez le bouton Image pour insérer une image à l'emplacement du curseur dans une zone formatée ou pour changer une image sélectionnée dans une zone formatée. Selon la page Web consultée, il peut être également possible d'insérer une image autonome dans cette page. 22

29 1. Effectuez l'une des opérations suivantes : Placez votre curseur à l'emplacement où vous voulez insérer une image. Sélectionnez l'image que vous voulez remplacer. 2. Si l'onglet Insérer situé en haut de la page affiche une commande Image activée, cliquez sur cette commande. La bibliothèque apparaît sur la gauche. 3. Pour charger un nouveau fichier dans Content Manager, plusieurs possibilités s'offrent à vous : Si vous utilisez un navigateur Chrome ou Firefox sous Windows, faites glisser un fichier depuis l'explorateur Windows ou depuis votre bureau directement dans la bibliothèque. Le fichier est chargé, et un composant multimédia est créé ; ce dernier contient le fichier dans le dossier où vous avez déposé le fichier. Autre possibilité : cliquez dans la zone située en bas pour ouvrir une boîte de dialogue de sélection d'un fichier système, explorez l'emplacement de votre fichier et sélectionnez-le. 4. Autre possibilité : explorez la structure de dossiers qui contient une vignette de l'élément que vous voulez utiliser. Si vous connaissez le nom (ou une partie du nom) de l'élément à insérer, vous pouvez également cliquer sur le bouton Rechercher situé en haut à gauche et le saisir, à l'aide des caractères génériques * et? le cas échéant, dans la zone de recherche qui apparaît. 5. Pour obtenir des informations plus détaillées sur cet élément (titre, date de création, nom de l'auteur, etc.), cliquez sur l'icône «i». 6. Cliquez sur Sélectionner pour utiliser l'image sélectionnée. 7. Dans la boîte de dialogue Insérer une image, vous avez la possibilité d'afficher et de modifier l'alignement, la taille et d'autres paramètres avancés en cliquant sur l'onglet Avancé. 8. Cliquez sur OK pour insérer cette image ou remplacer l'image existante Options avancées d'image Cliquez sur Avancé dans la boîte de dialogue Insérer une image pour accéder à des options avancées et ajuster l'aspect de l'image insérée dans la page Web. Texte Etiquette URL de description Description Représentation textuelle de l'image dans les navigateurs pour lesquels l'affichage des images est désactivé. Lien vers une ressource Web décrivant cette image. Généralement, cette description n'apparaît pas sur la page Web. 23