Guide pas à pas : création d’un site de formation pour votre organisation
Dans cet article, nous vous présentons les éléments d’un exemple de site de formation pour vous inspirer et vous aider à apprendre à créer des sites similaires pour votre propre organisation. Cet exemple de site fournit des informations sur un événement spécifique et guide l’utilisateur vers l’apprentissage et l’inscription. Il s’appuie sur l’impact visuel pour impliquer et encourager le visiteur.
Tout d’abord, si vous n’avez pas encore créé de Site de communication, consultez la section Créer votre site de cet article. Si vous avez besoin d’apprendre à modifier et publier la page sur votre site, consultez la section Modifier, utiliser des sections et des composants WebParts, puis publier de cet article.
Une fois que vous avez créé votre site et que vous savez comment modifier des pages, vous pouvez utiliser les instructions ci-dessous pour ajouter les éléments affichés.
Exemple de site de formation
| Image de la page d’accueil | Instructions de personnalisation |
|---|---|
![]() |
1. Logo et classification de site Personnalisez votre logo et classifiez votre site. En savoir plus 2. Créez un impact Utilisez le volet Web Hero pour communiquer visuellement votre valeur. En savoir plus 3. Guidez les utilisateurs à l’action clé Diriger les visiteurs vers l’inscription ou la découverte d’autres actions. En savoir plus 4. Décrivez l’événement Utilisez du texte pour décrire les « quoi » et « pourquoi » de l’événement. En savoir plus 5. Utilisez des images avec des liens pour accroître la visibilité et des liens vers des pages d’agenda détaillées. En savoir plus 6. Mettre en évidence des informations détaillées Les images peuvent définir des zones d’informations importantes. En savoir plus 7. Afficher les dates des événements Fournissez un calendrier des événements afin que les utilisateurs peuvent planifier leurs planifications. En savoir plus 8. Ajouter une carte Utilisez une carte pour aider les utilisateurs à se rendre là où ils doivent se trouver. En savoir plus 9. Fournir l’inscription sur la page Ajouter un formulaire pour faciliter l’inscription. En savoir plus |
Créer votre site
Pour créer un site similaire à celui illustré ici, vous allez créer un Site de communication. Pour ce faire, sélectionnez Créer un site à partir de la page de démarrage de SharePoint (ou, si vous voulez associer ce site à un site hub, accédez au site hub et sélectionnez Créer un site là afin que le site de communication soit automatiquement associé à ce site hub).

Ensuite, choisissez Site de communication, puis la disposition Rubrique. Renseignez le nom, la description et d’autres informations de votre site, puis sélectionnez Terminer. Vous obtiendrez alors un modèle avec le même type de disposition que l’exemple de cet article.

Pour plus d’informations, consultez Créer un site de communication dans SharePoint Online.
Classification du logo et du site
Dans cet exemple, la zone d’en-tête ne contient aucune navigation, car il s’agit d’une page « autonome ». Toutefois, la zone d’en-tête contient un logo personnalisé et affiche une étiquette indiquant que le site est classé comme « Interne uniquement ». La classification de site utilise des valeurs telles que interne, confidentiel, impact commercial élevé, faible impact sur l’entreprise, etc. Ces valeurs peuvent être liées à la sensibilité des informations ou au cycle de vie des informations.

Pour découvrir comment modifier le logo et classifier votre site, voir Gérer SharePoint paramètres du site.
Gérer les sections et les composants WebPart
Commencez à modifier en cliquant sur Modifier en haut à droite de la page.

Lors de la modification, à gauche, sous l’en-tête, vos brouillons peuvent être enregistrés ultérieurement ou ignorés.

Le symbole + avant ou après une section ajoute une section à l’aide de l’une des différentes dispositions.

Les sections constituent votre page et sont là où vous placez un ou plusieurs composants WebPart. Lors de la modification de la page, chaque section affiche les contrôles permettant de modifier la disposition, de déplacer ou de supprimer les sections. Si vous souhaitez en savoir plus sur l’utilisation des sections, veuillez consulter la rubrique Ajouter ou supprimer des sections et des colonnes sur une page.

Sélectionnez l’image
dans une section, qui peut apparaître avant ou après un composant Web Part dans une section, pour voir les nombreux types de composants Web Part disponibles. Si vous souhaitez en savoir plus sur tous les composants WebPart, veuillez consulter la rubrique Utilisation de composants WebPart sur les pages SharePoint.

Les composants WebPart peuvent être modifiés, déplacés ou supprimés dans les sections. L’icône Modifier le composant WebPart ouvre des contrôles détaillés propres à chaque type de composant WebPart.

Lorsque vos mises à jour de page sont prêtes, sélectionnez Publier pour les rendre visibles pour l’ensemble de votre organisation.

Conseil
Pour gérer toutes vos pages sur le site, cliquez sur Pages dans le menu supérieur.
Si vous souhaitez en savoir plus sur l’utilisation de pages, veuillez consulter la rubrique Créer et utiliser des pages modernes sur un site SharePoint.
Créer un impact avec le partie Web Part Hero
Faites connaître à vos visiteurs le focus de votre atelier avec le volet Web Hero. La disposition utilisée dans cet exemple est Deux vignettes.
Disposition Hero : vignettes ou calques
La modification du composant WebPart présente les options de disposition. L’option Vignettes présente des dispositions pour une à cinq vignettes. L’option Couches définit chaque image en tant que couche avec l’image en regard du titre. Jusqu’à cinq couches sont possibles, ce qui permet à un seul élément Web De créer une page entière.
Chaque vignette peut être modifiée
Utilisez le contrôle Déplacer l’élément sur la gauche pour réorganiser les vignettes dans le composant WebPart Hero. Les contrôles situés à droite vous permettent de modifier les détails en ajustant le texte et l’image utilisés, de définir le point focal pour l’animation de pointage, ainsi que de zoom avant et arrière de l’image.
Dans cet exemple, le composant WebPart Hero se trouve dans une section de pleine chasse.

Pour plus d’informations sur l’utilisation du partie Web Part Hero, voir Utiliser le partie Web Part Hero.
Afficher les dates des événements
Le volet Web Événements affiche automatiquement les informations d’événement. Les événements affichés sont contrôlés par des filtres pour la source**, la** liste des événements , la catégorie et la plage de dates. Les événements peuvent être affichés avec des résumés détaillés en affichage Pellicule ou compact .
Dans cet exemple de site Atelier, ce partie Web Utilise la disposition Pellicule .

Si vous souhaitez en savoir plus sur l’utilisation du composant WebPart Événements, veuillez consulter la rubrique Utiliser le composant WebPart Événements.
Décrire l’événement avec le partie Web Part Texte
Les guillemets de la direction et les descriptions&Q mensuelle utilisent le volet Web Texte. Ce partie Web Permet la mise en forme de texte de base pour la création de sections fixes de texte formaté.
Lors de la modification de texte, ce fichier Web Part propose des outils de mise en forme de base pour définir des styles et ajouter des améliorations telles que le gras et l’italique. Cliquez sur le ... Le contrôle à l’extrémité droite de la barre d’outils de mise en forme offre davantage d’options à droite du composant WebPart.
Dans cet exemple de site Atelier illustré ci-dessus, le site Web Part se trouve dans une section d’une colonne.

Pour plus d’informations sur l’utilisation du composant WebPart Texte, consultez Ajouter du texte et des tableaux à votre page avec le composant WebPart Texte.
Guide des utilisateurs vers des actions clés avec des liens rapides
Le volet Liens rapides propose plusieurs formats de menu faciles à utiliser pour répertorier les liens vers d’autres pages ou sites.
Dans cet exemple de site, le site Web Part utilise la disposition button pour une référence rapide et simple.

Pour plus d’informations sur l’utilisation du composant WebPart Liens rapides, consultez Utiliser le composant WebPart Liens rapides.
Utiliser des images avec des liens
Le partie Web Part Image place une image fixe sur la page. Les images peuvent être des photos, des diagrammes ou même des images utilisées pour avoir un impact sur le texte. Les légendes et le texte de alt conservent les images accessibles.

Si vous souhaitez en savoir plus sur l’utilisation du composant WebPart Image, veuillez consulter la rubrique Utiliser le composant WebPart Image.
Ajouter des cartes avec le Bing Cartes Web Part
Le Bing Cartes Web Part offre une référence de carte visuelle simple et un lien rapide permettant aux visiteurs de planifier leur itinéraire vers votre atelier.

Pour plus d’informations sur l’utilisation Bing Cartes web, voir Utiliser le Bing Cartes Web Part.
Ajouter des formulaires pour l’inscription
Si vous avez créé un formulaire pour l’inscription à l’aide de Microsoft Forms, vous pouvez placer ce formulaire directement sur la page à l’aide du volet Web De Microsoft Forms. Il s’agit d’un moyen simple pour les participants de remplir leurs informations et d’un moyen simple de les collecter.

Pour plus d’informations sur l’utilisation du partie Web Part Microsoft Forms, voir Utiliser le partie Web Part Microsoft Forms.
Vous souhaitez en savoir plus ?
Inspirez-vous avec d’autres exemples dans SharePoint Look Book.
