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
Image de la page d’accueil du site de formation 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).

Image de l’option Créer un site

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.

Image du tableau de bord du site de communication

Pour plus d’informations, consultez Créer un site de communication dans SharePoint Online.

Retour en haut

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.

Image du logo du site

Pour découvrir comment modifier le logo et classifier votre site, voir Gérer SharePoint paramètres du site.

Retour en haut

Gérer les sections et les composants WebPart

Commencez à modifier en cliquant sur Modifier en haut à droite de la page.

Image de l’option Modifier

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

Image de la barre d’outils de section

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

Image des options de disposition de section

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.

Image de l’option Ajouter une section

Sélectionnez l’image de symbole plus de l’icône plus 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.

Image de l’icône Ajouter une section

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.

Image de la barre d’outils d’édition

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

Image de l’icône publier

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.

Retour en haut

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.

Image du composant WebPart Hero

Pour plus d’informations sur l’utilisation du partie Web Part Hero, voir Utiliser le partie Web Part Hero.

Retour en haut

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 .

Image du partie Web De l’événement

Si vous souhaitez en savoir plus sur l’utilisation du composant WebPart Événements, veuillez consulter la rubrique Utiliser le composant WebPart Événements.

Retour en haut

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.

Image du composant WebPart Texte

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.

Retour en haut

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.

Image du composant WebPart Liens rapides

Pour plus d’informations sur l’utilisation du composant WebPart Liens rapides, consultez Utiliser le composant WebPart Liens rapides.

Retour en haut

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.

Image du composant WebPart Image

Si vous souhaitez en savoir plus sur l’utilisation du composant WebPart Image, veuillez consulter la rubrique Utiliser le composant WebPart Image.

Retour en haut

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.

Image du Bing web de cartes

Pour plus d’informations sur l’utilisation Bing Cartes web, voir Utiliser le Bing Cartes Web Part.

Retour en haut

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.

Image du partie Web De Formulaires Microsoft

Pour plus d’informations sur l’utilisation du partie Web Part Microsoft Forms, voir Utiliser le partie Web Part Microsoft Forms.

Retour en haut

Vous souhaitez en savoir plus ?

Inspirez-vous avec d’autres exemples dans SharePoint Look Book.