SharePoint 2013 : ​​Personnalisation de l'identité visuelle de vos sites​​

Utiliser les rendus d'image

Testez gratuitement nos 1300 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Dans cette vidéo, vous allez voir comment créer et personnaliser un nouveau modèle pour les rendus d'image.
07:22

Transcription

L'objectif de ces travaux pratiques est de créer un nouveau modèle pour les rendus d'images et de les personnaliser. Donc pour faire cet exercice, vous allez créer un nouveau site qui va être nommé Ulysse et qui sera un site de publication. Donc là, c'est assez rapide, vous allez sur la page d'accueil du site racine de votre collection de site, vous allez afficher le Contenu du site. Tout en bas, vous avez nouveau sous-site, vous cliquez dessus, très bien. Le Titre c'est Ulysse. Pourquoi un site de publication ? Eh bien parce que sinon vous ne pourriez pas utiliser tout simplement les rendus d'images. Les rendus d'images ne peuvent être utilisés que sur des sites de publication. Et là vous mettez éventuellement, si vous le souhaitez, une description. Là, je vais faire court, je mets juste l'URL. Par contre, très important, vous remarquerez l'apparition de l'onglet Publications, donc, vous cliquez sur l'onglet Publication et vous gardez bien Site de publication. Voilà, tout court, ça suffit. Le reste, on peut utiliser la barre de liens supérieure du site parent. Pourquoi pas ? Et on fait Créer. Alors, la page d'accueil est bien créée, mais l'affichage est un petit peu perturbant au début parce que vous voyez en gras, marqué Site d'équipe, alors que vous êtes bien sur le site Ulysse, il y a pas de doute possible, mais c'est vrai que ça surprend toujours un petit peu De même, ne vous inquiétez pas sur ce lien là, la zone jaune, vous aurez l'occasion de découvrir à quoi il sert un petit peu plus tard, pour l'instant, vous allez cliquer sur le lien Paramètres, puis Paramètres du site. Alors, vous voyez déjà un gros changement peut-être au niveau de l'affichage d'aspect, il y a des menus supplémentaires qui apparaissent, certains ont disparu. Donc là ici, ce qui est intéressant c'est que dans la session Aspect, vous avez Rendus d'image qui est apparu. Donc vous cliquez bien sûr sur Rendus d'image, et là vous avez des modèles de rendus d'image qui sont disponibles. On vous montre d'ailleurs et on vous dit à quelle largeur et hauteur correspondent ces différents modèles. Nous, nous allons créer notre propre modèle, donc vous allez Ajouter un nouvel élément, vous allez lui donner un nom, donc vous allez l'appeler Modèle d'affichage... ... d'affichage Ulysse, c'est son nom. Largeur : on ne va mettre que 200, en fait, on n'est pas obligé de mettre une hauteur, il prendra la hauteur existante, c'est tout. Par contre, je veux limiter la largeur à 200 pixels, en sachant que les unités ici sont des pixels. Vous cliquez sur Enregistrer. Et maintenant, on peut tester directement le rendu sur une image. Donc pour cela, vous allez ouvrir la bibliothèque Images de la collection de sites, du site racine, donc ça c'est très simple, vous retournez sur le Site d'équipe, Contenu du site, et là, vous avez la bibliothèque Images de la collection de sites, qui a été créée lorsque vous avez activé la fonctionnalité Infrastructure. Vous cliquez dessus, et vous allez insérer donc des images, donc vous allez faire par exemple, faire glisser des fichiers. Tenez, on va procéder comme ça plutôt, et vous allez, toujours pareil donc, dans les Fichiers_d_exercice, dans Chapitre_04, vous avez images_speciales, et là vous allez prendre les deux images qui sont ici : bergen et berlin, vous les glissez. Voilà, c'est très bien, vous fermez là, et du coup, vous avez bien vos deux images et vous survolez par exemple berlin, vous avez les trois petits points qui apparaissent ici, vous cliquez dessus, et vous avez MODIFIER LES RENDUS, vous cliquez sur MODIFIER LES RENDUS. Et là on voit les différents rendus, y compris d'ailleurs pour votre Modèle d'affichage Ulysse. Alors vous allez quand même modifier ce modèle d'affichage en cliquant sur Modifier, et notamment voyez, vous avez ici, on voit bien, vous avez des poignées que vous pouvez jouer dessus pour indiquer sur quelle partie de l'image vous souhaitez mettre en place un focus. Donc là, de manière tout à fait arbitraire je vais mettre un focus sur le chat qui dort. Très bien. On voit d'ailleurs ici un zoom de ce que vous êtes en train de faire et vous cliquez sur Enregistrer. Alors, ça n'apparait pas tout de suite instantanément, mais ne vous inquiétez pas, on va vérifier si ça a bien fonctionné, vous allez tout simplement ouvrir à nouveau Site d'équipe en faisant un clic-droit dans un autre onglet, et là, vous allez sur la page d'accueil du site Ulysse, donc pour l'instant il n'apparait pas ici, mais ça, vous savez le faire maintenant, donc je vais aller plutôt par ici et je vais modifier cette page, et vous voyez qu'ici je peux Cliquer pour ajouter une image à partir de SharePoint, donc c'est ce que je vais faire, je vais prendre effectivement une image à partir de SharePoint, je vais sélectionner, eh bien une image, je vais chercher justement dans les iImages de la collection de sites, je vais prendre Berlin, voilà, je l'ai bien sélectionné, je fais Insérer et je peux à ce moment-là décider le modèle de rendu que je souhaite prendre. Je peux bien évidemment utiliser un texte de substitution, je peux mettre aussi si je veux un lien hypertexte pour indiquer sur quelle adresse je vais pointer. Le texte de substitution va être Mur de Berlin, Mur de Berlin, voilà ! Ok, le lien hypertexte, je prends un lien quelconque, on pourrait faire après d'autres modifications mais là on va laisser tel quel, vous faites OK. Ne vous inquiétez pas, vous avez un flou là qui est très gênant, mais on va corriger ça. C'est quasiment systématique. Donc ici, vous allez tout simplement enregistrer la page et pour corriger ce flou qui n'est pas du tout artistique, vous retournez sur Modifier les rendus, vous retournez sur votre modèle, vous refaites Modifier Voyez, il y a eu un petit souci, ça arrive de temps en temps, le logiciel n'a pas bien enregistré la position tout simplement, donc ici, je vais recommencer, ça m'a l'air bien, je fais Enregistrer, et là, si je retourne sur Accueil, si je fais simplement F5, donc maintenant, c'est réglé. Visiblement, il y a un petit disfonctionnement quelque part mais c'est systématique hein, on est obligé toujours de faire ce genre de manipulation. Mais en tout cas, vous avez votre rendu qui a été bien appliqué. Alors on va juste modifier la page. On va mettre un petit texte sympa : ville de la culture, très rapidement. On prend tout ça. Hop ! On va mettre en bleu, on va agrandir le texte, on enregistre, on copie l'URL qui est là, vous allez comprendre pourquoi, je vais sur Site d'équipe, je vais faire MODIFIER LES LIENS et là, on va tout simplement ajouter Berlin et l'adresse, voilà, comme ça, Ulysse, comme ça vous avez un texte mais surtout un lien qui renvoit vers le bon site, vous faites Enregistrer, Et là, vous arrivez bien sur Ulysse.

SharePoint 2013 : ​​Personnalisation de l'identité visuelle de vos sites​​

Devenez autonome dans la personnalisation et la modification de l’aspect de sites SharePoint. Créez des sites basés sur différents modèles, apprenez à les alimenter, etc.

2h02 (29 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
IT
Gestion des documents
Spécial abonnés
Date de parution :10 nov. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !