Revenir à la page précédente à l'aide du navigateur

Page moderne SharePoint 2019

Cette manipulation vous explique comment créer et ajouter une page moderne SharePoint 2019 à votre site SharePoint.

Une page moderne est une page Web dans laquelle vous pouvez saisir du texte, insérer des images, etc., grâce à des composants WebPart.

Un composant WebPart est une sorte de petit programme qui affiche une information : du texte, une image, le contenu d’une bibliothèque, etc.

Par ailleurs, la mise en forme d’une page moderne est relativement souple : cela vous autorise une grande liberté dans l’organisation de votre contenu.

L’objectif de la manipulation est de créer une page moderne avec le navigateur.

Gardez à l’esprit que l’interface a pu évoluer fortement depuis que cet article a été rédigé.

Création de la page moderne SharePoint 2019

Premièrement, avec le navigateur web, ouvrez votre site SharePoint.

Ensuite, dur le site SharePoint Server 2019, cliquez sur le lien Paramètres (icône en forme de roue dentée). L’icône se trouve à gauche du gros point d’interrogation.

Puis cliquez sur Ajouter une page : une page vierge est créée.

Ensuite, cliquez dans la zone Donnez un nom à votre page et tapez Astres. Dans ce scénario, Astres est le nom de la page. Bien évidemment, vous pouvez nommez vos pages comme vous voulez dans SharePoint 2019.

Pour vous aider, regardez la copie d’écran ci-dessous.

Renommage
Renommage

Ajout d’une image dans l’entête de la page moderne SharePoint 2019

Vous allez ajouter une image à l’entête de la page.

Pour ce faire, cliquez sur le lien Ajouter une image du menu flottant.

Pour vous aider, regardez la copie d’écran ci-dessous.

Menu flottant
Menu flottant

Par défaut, les images récentes s’affichent. Toutefois, l’image qui nous intéresse n’est pas forcément présent dans Récents.

Ensuite, dans le volet de gauche, cliquez sur Site.

Pour vous aider, regardez la copie d’écran ci-dessous.

Ajout d'une image du site dans la page moderne SharePoint 2019
Ajout d’une image du site dans la page moderne SharePoint 2019

Le lien Site affiche sur la droite la liste des bibliothèques de documents ou d’images.

Puis, dans cette liste, cliquez sur la bibliothèque mesImages.

Pour vous aider, regardez la copie d’écran ci-dessous.

Ajout d'une image
Ajout d’une image

Dans la liste des images qui s’affichent, cochez l’image qui vous intéresse. Dans ce scénario, il s’agit de l’image qui s’intitule raisins.jpg.

Pour vous aider, regardez la copie d’écran ci-dessous.

Sélection d'une image d'une bibliothèque SharePoint 2019
Sélection d’une image d’une bibliothèque SharePoint 2019

Ensuite, cliquez sur le bouton Ouvrir : l’image est chargée dans l’entête.

Un point focal coloré apparaît.

Puis, déplacez vers le haut ou vers le bas ce point focal afin de sélectionner la partie d’image que vous voulez.

Ensuite, cliquez sur le lien Enregistrer et fermer (en haut et à gauche).

Pour vous aider, regardez la copie d’écran ci-dessous.

Enregistrer les modifications
Enregistrer les modifications

Modifier la page moderne SharePoint 2019

Vous allez modifier le corps de la page.

Notamment, cliquez sur le lien Modifier.

Pour vous aider, regardez la copie d’écran ci-dessous.

Modification d'une page moderne SharePoint 2019
Modification d’une page moderne SharePoint 2019

Ajout d’une section

Maintenant que la page est en modification, vous allez ajouter une section dans le corps de la page.

Pour ce faire, cliquez sur l’icône + (section) qui se trouve complètement à gauche.

Pour vous aider, regardez la copie d’écran ci-dessous.

Ajout d'une nouvelle section
Ajout d’une nouvelle section

La liste des dispositions de la section s’affiche.

Enfin, dans cette liste, cliquez sur Colonne de gauche d’un tiers.

Pour vous aider, regardez la copie d’écran ci-dessous.

Modification de la disposition des colonnes d'une page moderne SharePoint 2019
Modification de la disposition des colonnes d’une page moderne SharePoint 2019

La section est créée avec 2 colonnes de type 1/3 et 2/3.

Pour vous aider, regardez la copie d’écran ci-dessous.

Nouvelle section
Nouvelle section

Ajout d’un texte dans la page moderne SharePoint 2019

Maintenant que la page est en modification, vous allez ajouter un texte dans le corps de la page.

Avec la souris, survolez le haut de la colonne 2 (celle de droite) : une barre horizontale avec un + au milieu apparaît.

Pour vous aider, regardez la copie d’écran ci-dessous.

Ajout d'un composant WebPart dans une page moderne SharePoint 2019
Ajout d’un composant WebPart dans une page moderne SharePoint 2019

Ensuite, cliquez sur le + : la liste des composants WebPart s’affiche.

Pour vous aider, regardez la copie d’écran ci-dessous.

Liste des composants WebPart
Liste des composants WebPart

Puis, cliquez sur le composant Texte : il s’ouvre en modification.

Puis, tapez le texte Cueillez le bon raisin !

Enfin, à l’aide du menu contextuel du composant, mettez ce texte en gras, en police 21pt, en vert et centré.

Pour vous aider, regardez la copie d’écran ci-dessous.

Paramétrage du composant WebPart Texte SharePoint 2019
Paramétrage du composant WebPart Texte SharePoint 2019

Fermez le volet du composant WebPart.

Ajout d’une image

Vous allez ajouter une image dans colonne 1.

Avec la souris, survolez le haut de la colonne 1 (celle de gauche) : une barre horizontale avec un + au milieu apparaît.

Ensuite, cliquez sur le + : la liste des composants WebPart s’affiche.

Puis, cliquez sur le composant Image : il s’ouvre en modification.

Puis, dans le volet de gauche, cliquez sur Site.

Le lien Site affiche sur la droite la liste des bibliothèques de documents ou d’images.

Dans cette liste, cliquez sur la bibliothèque mesImages.

Dans la liste des images qui s’affichent, cochez l’image echantillonfruits.jpg.

Ensuite, cliquez sur le bouton Ouvrir : l’image est chargée.

Ajout d’un lien

Maintenant, vous allez ajouter un lien dans colonne 1, sous l’image.

Avec la souris, survolez le bas de la colonne 1 sous l’image : une barre horizontale avec un + au milieu apparaît.

Ensuite, cliquez sur le + : la liste des composants WebPart s’affiche.

Puis, cliquez sur le composant Liens rapides.

Puis, cliquez sur Ajouter un lien : le contenu récent s’affiche.

Ensuite, dans le volet de gauche, cliquez sur À partir d’un lien.

Enfin, dans le volet central, tapez le lien du site racine (http://sharepoint/) : un message coloré apparaît. Il vous incite à vérifier que vos utilisateurs pourront y accéder. Dans notre scénario, c’est bien le cas : vous n’avez rien à faire.

Pour vous aider, regardez la copie d’écran ci-dessous.

Ajout d'un lien à l'aide du composant WebPart Liens rapides
Ajout d’un lien à l’aide du composant WebPart Liens rapides

En bas, cliquez sur le bouton Ouvrir : le menu contextuel du composant WebPart s’ouvre à droite.

Vous allez associer une image au lien.

Notamment, cliquez sur le bouton Modifier (sous Image).

Pour vous aider, regardez la copie d’écran ci-dessous.

Ajout d'une image sur un lien
Ajout d’une image sur un lien

Puis, dans le volet de gauche, cliquez sur Charger : la boite de dialogue Choisir un fichier à charger s’ouvre.

Ensuite, à l’aide de cette boite de dialogue, rendez-vous à l’emplacement où se trouvent vos images sur votre ordinateur.

Puis, avec la souris, sélectionnez l’image de votre choix.

Ensuite cliquez sur le bouton Ouvrir.

Ensuite cliquez sur le bouton Ajouter une image (en bas).

Par ailleurs, patientez quelques secondes.

Si le chargement de l’image prend plus de 10 secondes, recommencez entièrement la manipulation.

Puis, fermez le volet du composant WebPart.

Enfin, cliquez sur le lien Enregistrer et fermer (en haut et à gauche).

À l’affichage, vérifiez que les modifications ont bien été apportées à la page.

Pour vous aider, regardez la copie d’écran ci-dessous.

Page moderne SharePoint 2019 modifiée
Page moderne SharePoint 2019 modifiée

Vérification du fonctionnement du lien

Vous pouvez vérifier que le lien Accueil fonctionne.

Notamment, cliquez dessus : vous arrivez bien sur la page d’accueil du site racine (http://sharepoint, dans ce scénario).

Ensuite, revenez à la page Astres en cliquant dans le navigateur sur la grosse flèche blanche dans le rond bleu du navigateur (en haut et à gauche).

Pour vous aider, regardez la copie d’écran ci-dessous.

Revenir à la page précédente à l'aide du navigateur
Revenir à la page précédente à l’aide du navigateur

Publication des modifications

Vos modifications ont bien été enregistrées.

Toutefois, pour les rendre visibles aux utilisateurs du site, vous devez publier la page.

Pour ce faire, cliquez sur le lien Publier (en haut et à droite) : le volet de promotion s’ouvre.

Promotion de la page

Maintenant, les autres utilisateurs de votre site peuvent voir votre page.

Afin d’aider vos utilisateurs à trouver facilement cette page, vous allez en faire la promotion.

Pour ce faire, dans le volet de promotion, cliquez sur le lien Publier en tant qu’actualité sur ce site.

Ensuite, fermez le volet de promotion.

Vous allez vérifier que la page Astres apparaît bien dans les actualités du site SharePoint avec votre prénom.

En particulier, cliquez vers le haut et à gauche sur votre prénom.

Pour vous aider, regardez la copie d’écran ci-dessous.

Promotion d'une page moderne SharePoint 2019
Promotion d’une page moderne SharePoint 2019

Constatez que la page Astres est bien présente des actualités du site avec votre prénom.

Ne le faites pas tout de suite mais si vous cliquiez sur la page, vous l’ouvririez directement.

Pour vous aider, regardez la copie d’écran ci-dessous.

Exemple d'une page d'accueil SharePoint 2019 avec un flux d'actualités
Exemple d’une page d’accueil SharePoint 2019 avec un flux d’actualités

Votre page se trouve aussi dans la bibliothèque Pages.

Notamment, dans le volet de lancement rapide (à gauche), cliquez sur le lien Pages.

Pour vous aider, regardez la copie d’écran ci-dessous.

Retrouver et afficher toutes les pages d'un site SharePoint 2019
Retrouver et afficher toutes les pages d’un site SharePoint 2019

Vous retrouvez toutes les pages.

Pour vous aider, regardez la copie d’écran ci-dessous.

Liste des pages d'un site SharePoint 2019
Liste des pages d’un site SharePoint 2019

Enfin, cliquez sur Astres.aspx : la page Astres s’ouvre directement.

Résumé

Dans cette manipulation, vous avez appris à ajouter une nouvelle page moderne, créer des liens de navigation entre les pages du site, utiliser le raccourci pour insérer un lien vers une page, insérer et mettre en forme le texte d’une page, insérer une image de l’ordinateur et modifier la mise en forme d’une page.

Pour aller plus loin

En plus de découvrir Intégration Office et SharePoint 2019, vous pouvez enrichir vos connaissances sur SharePoint 2019.

Premièrement, apprenez à créer un site SharePoint 2019.

Pour organiser votre contenu, lisez ces articles qui expliquent comment créer une Bibliothèque SharePoint 2019, ou comment créer une Liste SharePoint 2019.

Vous pourrez aussi personnaliser vos sites SharePoint 2019, grâce aux manipulations des articles Modifier un site SharePoint 2019, ou créer une Page moderne SharePoint 2019.

Par ailleurs, personnalisez vos affichages avec les articles Regrouper dans SharePoint 2019, ou Tri dans SharePoint 2019.

Enfin découvrez comment Modifier un élément SharePoint 2019.


Commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *