Commencer par des personnalisations simples du site

Important :  Cet article a été traduit automatiquement, voir l’avertissement. Vous pouvez consulter la version en anglais de cet article ici.

Vous pouvez créer rapidement et facilement des sites Web dynamiques d'allure professionnelle, notamment sites d'équipe, sites de blog et divers sites d'espace de travail de réunion, en choisissant parmi une gamme étendue de modèles de site. Les pages Web créées à partir de ces modèles de site sont opérationnelles telles quelles pour un grand nombre d'organisations et d'objectifs ; néanmoins, vous voulez peut-être personnaliser une page, voire toutes les pages de votre site. Par exemple, si vous voulez utiliser un nouveau site intranet pour sensibiliser et former la force de vente de votre organisation à un nouveau produit, vous pouvez utiliser le site sur le modèle Site d'équipe. Vous pouvez ensuite ajouter du texte ou des images à des pages individuelles, modifier la barre de liens supérieure, réorganiser et modifier les éléments du menu de lancement rapide et modifier les polices et la mise en forme du site.

Microsoft Office SharePoint Designer 2007 est l'outil privilégié pour personnaliser les sites Windows SharePoint Services 3.0 et Microsoft Office SharePoint Server 2007. Cet article présente quelques-unes des méthodes fondamentales utilisables pour personnaliser un site à l'aide de Office SharePoint Designer 2007.

Remarque : Tous les exemples décrits dans cet article utilisent le modèle Site Web d'équipe SharePoint.

Dans cet article

Une brève introduction à la personnalisation des pages

Ajouter du texte ou un graphique à une page

Personnaliser la barre de liens supérieure

Personnaliser la barre Lancement rapide

Modifier les polices et la mise en forme

Étapes suivantes suggérées

Présentation de la personnalisation des pages

Vous ouvrez une page et souhaitez commencer la personnalisation, mais il semble que vous ne pouvez pas sélectionner les éléments souhaités et que le pointeur ressemble souvent à l'illustration ci-dessous.

Page où le pointeur indique une zone non modifiable

Un pointeur qui se présente ainsi indique les zones non modifiables. La possibilité de modification ou non d'une zone est gérée par les espaces réservés de contenu, qui sont spécifiés sur la page maître sur laquelle la page est basée. Par conséquent, pour comprendre comment personnaliser des pages, vous devez d'abord comprendre les pages maîtres et les espaces réservés de contenu.

D'où la page d'accueil tire-t-elle son contenu et sa mise en forme ?

Le contenu et la mise en forme de la page d'accueil proviennent de la page maître par défaut. Les pages maîtres sont des modèles de page qui restent liés aux pages. Lors de la modification d'une page maître, toutes les pages qui lui sont liées sont également modifiées. Les pages maîtres facilitent la mise à jour de nombreuses pages en une seule opération. Elles facilitent également l'application d'une apparence et d'une ergonomie homogènes, notamment images, police et mise en forme, à tout ou partie des pages de votre site SharePoint.

La page maître par défaut des sites Windows SharePoint Services 3.0 est nommée default.master ; elle se trouve dans le dossier _catalogs/masterpage du site. Default.master gère la mise en forme de la page d'accueil et de toutes les autres pages par défaut (telles que les formulaires de liste). Pour personnaliser l'apparence et l'ergonomie de la page d'accueil, vous pouvez ajouter du contenu aux zones de la page d'accueil désignées comme modifiables par la page maître par défaut ou personnaliser la page maître par défaut du site.

Remarque : Les pages d'accueil de site dans Office SharePoint Server 2007 peuvent être contrôlées non pas par default.master, mais par une autre page maître. La page maître à laquelle est liée la page d'accueil est déterminée par la définition de site ayant régi la création du site.

Description des espaces réservés ?

Lorsque vous ouvrez pour la première fois la page d'accueil d'un site SharePoint dans Office SharePoint Designer 2007, vous remarquerez des espaces réservés sur la page d'accueil qui ressemblent à celui illustré ici.

Espace réservé sur la page d'accueil

Les espaces réservés d'une page maître définissent les zones sur les pages liées où vous pouvez ajouter ou modifier du contenu. Les espaces réservés réservent également des emplacements pour des fonctionnalités qui sont déjà utilisées sur la page ou qui seront utilisées ultérieurement par un autre programme, tel que Microsoft Office Forms Server 2007 ou Microsoft Office Project Server 2007. Les pages maîtres des sites Office SharePoint Server 2007 possèdent davantage d'espaces réservés obligatoires par défaut que celles des sites Windows SharePoint Services 3.0.

Sur l'étiquette de zone, le nom de l'espace réservé est suivi de (Maître) ou (Personnalisé). Les espaces réservés marqués (Maître) contiennent le contenu par défaut provenant de la page maître du site ; les espaces réservés marqués (Personnalisé) contiennent du contenu personnalisé qui a été ajouté à la page active.

Pour personnaliser le contenu d'un espace réservé, tel que la barre de lien supérieur ou le menu de lancement rapide, vous devez d'abord déverrouiller l'espace réservé pour le modifier. Pour ce faire, cliquez sur la flèche en regard de l'espace réservé, puis sur Créer un contenu personnalisé.

Espace réservé avec menu affichant la commande Créer un contenu personnalisé

Vous pouvez personnaliser chaque espace réservé sur une page maître indépendamment des autres. Par exemple, vous pouvez modifier le style appliqué à un espace réservé, le déplacer à un autre emplacement de la page ou le supprimer complètement. Toutefois, vous devez supprimer les espaces réservés de contenu avec la plus grande prudence. Si vous supprimez un espace réservé de contenu de votre page maître, toutes les pages de contenu qui fournissent du contenu à cette zone affichent une erreur.

Que se passe-t-il en cas de problème ?

Lorsque vous modifiez la page d’accueil, parfois même des utilisateurs expérimentés peuvent commettre. Lorsque la personnalisation de la page d’accueil se passe mal, vous pouvez rétablir la page d’accueil d’origine à l’aide de la définition du site à partir de laquelle le site a été créé à l’origine. Pour en savoir plus, voir l’article Rétablir une page personnalisée sur la définition du site. En outre, si vous avez activé pour une bibliothèque de documents dans votre site et de la page que vous modifiez le contrôle de version est stocké dans cette bibliothèque de documents, vous pouvez toujours revenir à une version précédente de la page si vous rencontrez un problème.

Qu'en est-il des pages autres que la page d'accueil ?

Au même titre que la page d'accueil, toutes les pages par défaut d'un site SharePoint sont contrôlées par une page maître. Si vous souhaitez personnaliser une page, vous pouvez commencer par entrer du contenu personnalisé dans les espaces réservés de la page. Si certaines modifications ne sont pas réalisables en utilisant les espaces réservés, vous pouvez modifier la page maître qui régit la page.

Lorsque vous ouvrez une page dans Office SharePoint Designer 2007, vous pouvez déterminer la page maître qui gère sa mise en forme en consultant le coin supérieur droit du mode Page, où l'emplacement et le nom de la page sont spécifiés, comme illustré dans l'image suivante.

Coin supérieur droit du mode Page, où la page maître est précisée

Dans ce cas, la page AllItems.aspx est lié à la page maître par défaut nommée default.master, qui est située dans le dossier masterpage du dossier _catalogs du site. Chaque fois que vous personnalisez une page, vous décidez de l'un des deux types de personnalisation à effectuer :

  • Personnalisations sur une seule page, par l'ajout ou la modification de contenu dans un espace réservé de contenu

  • Personnalisations sur une page maître, qui seront transposées à toutes les pages liées à cette page maître

Haut de la Page

Ajouter du texte ou une image à une page

Après avoir cliqué sur un espace réservé de contenu et rendu cette zone modifiable en cliquant sur Créer un contenu personnalisé, vous pouvez cliquer dans la zone de l'espace réservé pour commencer à taper. Vous pouvez également faire glisser des images résidant dans le site depuis la Liste des dossiers jusqu'à l'espace réservé.

Haut de la Page

Personnaliser la barre de liens supérieure

Les onglets de la barre de liens supérieure répertorient automatiquement la page d'accueil et son lien. Ils répertorient également la page d'accueil des éventuels sous-sites sous ce site, ainsi que son lien, mais uniquement si vous avez créé le sous-site à l'aide du navigateur et sélectionné l'option Afficher ce site dans la barre de liens supérieure du site parent.

Barre de liens supérieure avec lien vers la page d'accueil

Vous pouvez modifier la barre de liens supérieure dans le navigateur (en cliquant sur Paramètres du site, puis en accédant à la page Barre de liens supérieure) ou dans Office SharePoint Designer 2007 (en effectuant la procédure suivante). La modification de la barre de liens supérieure dans Office SharePoint Designer 2007 représente un moyen plus visuel, car vous pouvez faire glisser des pages sur la barre de liens. En outre, lorsque vous donnez un nom à une page en mode Navigation, le titre de la page affichée dans la fenêtre du navigateur est automatiquement remplacé par le nouveau nom.

  1. Ouvrez le site où vous souhaitez modifier la barre de liens supérieure dans Office SharePoint Designer 2007.

  2. Dans le menu Site, cliquez sur Navigation.

    Le mode Navigation s'ouvre pour afficher une représentation visuelle du site. Les barres de liens sont représentées par les cadres contenant des symboles de globe.

    Mode Navigation avec représentation des barres de liens

Ajouter un lien vers une page existante de votre site à la barre de liens supérieure

  • Dans la Liste des dossiers, cliquez sur la page dont vous souhaitez voir le lien sur la page de liens supérieure, puis faites-la glisser juste en dessous de la zone Barre de navigation supérieure SharePoint. Une fois la page en place, un connecteur indique qu'un lien à cette page est ajouté à la barre de liens supérieure.

    Remarque : 

    • La page principale pour les listes de liste et se trouve dans le nom de listes/liste / répertoire de votre site (où nom de la liste est le nom de la liste, tel qu’annonces, calendrier, liens, tâches ou Discussion d’équipe). La page principale pour les bibliothèques de liste et se trouve dans la bibliothèque de nom/formulaires/répertoire de votre site (où nom de la bibliothèque est le nom de la bibliothèque).

    • Si la Liste des dossiers n'est pas visible, cliquez sur Liste des dossiers dans le menu Volets Office. Si vous ne pouvez pas lire les étiquettes des zones en mode Navigation parce que le texte est coupé, placez le pointeur sur la zone. Le nom complet est affiché dans une info-bulle. Si aucune page n'est affichée sous la zone Barre de navigation supérieure SharePoint, cliquez sur le signe plus (+) dans le bas de la zone pour développer la liste de pages.

Ajouter un lien vers une nouvelle page dans la barre de liens supérieure

  • Cliquez avec le bouton droit sur la Barre de navigation supérieure SharePoint, pointez sur Nouveau, puis cliquez sur Page.

    Une nouvelle page est créée.

    Si la nouvelle page n'est pas visible dans la Liste des dossiers, double-cliquez dessus pour l'ouvrir et la modifier ; elle apparaît alors.

Renommer un lien de la barre de liens supérieure

  1. Sous la zone Barre de navigation supérieure SharePoint, cliquez avec le bouton droit sur la page à modifier, puis cliquez sur Renommer.

  2. Tapez le nouveau nom de la page. Le lien de la barre de liens est modifié dès que vous cliquez en dehors de la page.

    Cette modification touche uniquement le lien de la barre de liens supérieure SharePoint. Elle ne modifie ni le nom du fichier, ni le titre de la page.

Supprimer un lien de la barre de liens supérieure

  • En mode Navigation, sous la zone Barre de navigation supérieure SharePoint, cliquez avec le bouton droit sur la page à supprimer, puis cliquez sur Supprimer.

    Le lien vers la page est supprimé de la barre de liens supérieure. La page proprement dite n'est pas supprimée.

Modifier l'ordre de liens dans la barre de liens supérieure

  • Vous pouvez faire glisser des pages pour les réorganiser. Si une page nommée Accueil est répertoriée en premier et une page nommée Plans en deuxième, mais souhaitez inverser cet ordre, faites glisser Accueil à droite de Plans en mode Navigation.

    Remarque : Assurez-vous que deux zones restent sous la zone Barre de navigation supérieure SharePoint.

Haut de la Page

Personnaliser Lancement rapide

Le menu de lancement rapide affiche automatiquement des liens vers toutes les listes et bibliothèques SharePoint de votre site créé dans Office SharePoint Designer 2007 ou dans le navigateur (dans le navigateur, vous devez choisir l'option permettant d'Afficher cette liste [ou bibliothèque] dans le volet Lancement rapide). La section Sites fournit automatiquement des liens à tous les sous-sites du site. La section Personnes et groupes fournit automatiquement des liens vers une liste de tous les utilisateurs et groupes disposant d'autorisation d'accès à ce site. Les étapes suivantes permettent de personnaliser les sections Documents, Images, Listes, Discussions et Enquêtes du menu de lancement rapide avec Office SharePoint Designer 2007.

Menu de lancement rapide contenant les paramètres par défaut

  1. Dans Office SharePoint Designer 2007, ouvrez le site pour lequel vous souhaitez modifier le menu de lancement rapide.

  2. Dans le menu Site, cliquez sur Navigation.

    Le mode Navigation s'ouvre pour afficher une représentation visuelle du site. Les barres de liens sont représentées par les cadres contenant des symboles de globe.

    Mode Navigation affichant le menu de lancement rapide développé

Supprimer une partie du Lancement rapide

Il est possible de supprimer une section du menu de lancement rapide et si vous n'utilisez pas la fonctionnalité qu'elle représente. Par exemple, si vous n'utilisez pas les discussions, vous pouvez supprimer la section Discussions.

  • Cliquez avec le bouton droit sur la zone qui représente la section à supprimer, par exemple Discussions, puis cliquez sur Supprimer dans le menu contextuel.

Ajouter un lien vers une page existante de votre site dans le menu de lancement rapide

  • Dans la Liste des dossiers, cliquez sur la page dont vous voulez placer un lien dans le menu de lancement rapide, puis faites-la glisser vers un emplacement sous la zone Lancement rapide.

Remarque : 

  • La page principale pour les listes s’appelle AllItems.aspx et se trouve dans le nom de listes/liste / répertoire de votre site. La page principale pour les bibliothèques s’appelle AllItems.aspx et se trouve dans la bibliothèque de nom/formulaires/répertoire de votre site.

    Si vous souhaitez que le lien apparaisse au même niveau que les titres sur le menu de lancement rapide (tels que Documents, Images et Listes), veillez à le faire glisser directement en dessous de la zone Lancement rapide. Si vous voulez que le lien apparaisse sous un titre existant, veillez à le faire glisser directement en dessous de ce titre. Un lien vers la page est ajouté au menu de lancement rapide.

  • Si la Liste des dossiers n'est pas visible, cliquez sur Liste des dossiers dans le menu Volets Office. Si vous ne pouvez pas lire les étiquettes des zones en mode Navigation parce que le texte est coupé, placez le pointeur sur la zone. Le nom complet est affiché dans une info-bulle. Si aucune page n'est affichée sous la zone Lancement rapide, cliquez sur le signe plus (+) dans le bas de la zone pour développer la liste de pages.

Ajouter un lien vers une nouvelle page au menu de lancement rapide

  • Cliquez avec le bouton droit sur la zone Lancement rapide, pointez sur Nouveau dans le menu contextuel, puis cliquez sur Page.

    Une nouvelle page est créée.

    Cette option crée une nouvelle page et un lien correspondant en tant qu'en-tête au même niveau que Documents, Images et Listes. Si vous voulez créer la nouvelle page dans une section existante, cliquez avec le bouton droit sur la zone correspondant au titre de cette section au lieu de la zone Lancement rapide, pointez sur Nouveau dans le menu contextuel, puis cliquez sur Page.

Renommer un lien sur le menu de lancement rapide

  1. Sous la zone Lancement rapide, cliquez avec le bouton droit sur la page à modifier, puis cliquez sur Renommer.

  2. Tapez le nouveau nom de la page. Le lien de la barre de liens est modifié dès que vous cliquez en dehors de la page.

    Cette modification touche uniquement le lien du menu de lancement rapide. Elle ne modifie ni le nom du fichier, ni le titre de la page.

Modifier l'ordre de liens dans le menu de lancement rapide

  • En mode Navigation, faites glisser des pages pour les réorganiser. Si vous souhaitez que Listes précède Documents, cliquez sur Documents et faites-le glisser à droite de Listes (ou cliquez sur Listes et faites-le glisser à gauche de Documents).

    Remarque : Lorsque vous effectuez cette opération, assurez-vous que les zones restent sous la zone Lancement rapide.

Haut de la Page

Modifier les polices et la mise en forme

Les polices et la mise en forme de chaque site sont contrôlés par les feuilles de style en cascade (CSS) normalisé. Pour les sites Windows SharePoint Services 3.0, les règles CSS sont spécifiées dans un fichier nommé core.css, qui se trouve au http://my_server/_layouts/language ID/styles. (sitesOffice SharePoint Server 2007 peuvent utiliser une autre feuille de style.) Si vous êtes autorisé à modifier le fichier core.css, vous pouvez modifier pour modifier les couleurs de police, les tailles de police, l’espacement des paragraphes, images d’arrière-plan, les bordures, l’espacement des caractères et bien plus encore. Lorsque vous modifiez core.css, une copie locale de core.css est automatiquement créée dans votre site. La core.css local remplace le core.css serveur lorsqu’il est attaché à une page ou une page maître. Mais si vous faites une erreur et souhaitez revenir à la core.css par défaut, il est facile d’y parvenir en supprimant simplement le core.css copié.

En utilisant la page maître par défaut pour votre site et les volets Office Propriétés CSS et Gérer les styles, vous pouvez déterminer les styles qui sont appliqués à l'élément visuel à modifier, puis modifier ses styles. Si vous souhaitez que vos modifications s'affichent sur toutes les pages du site, veillez à travailler sur la page maître par défaut pour le site et non sur la page default.aspx.

Ouverture de la boîte de dialogue Modifier le style à partir des Propriétés CSS

Par exemple, si vous souhaitez modifier la couleur du fond de la page, vous devez d'abord identifier les styles dans lesquels la couleur de fond est définie, puis modifier les styles pour appliquer la couleur de fond souhaitée.

Il est généralement recommandé de créer une copie de Default.master plutôt que la modification Default.master directement. Toutefois, si vous apportez des modifications directement à Default.master et que vous n’êtes pas satisfait des modifications que vous avez apportées, vous pouvez toujours rétablir Default.master sur la définition du site. Pour plus d’informations, voir l’article Rétablir une page personnalisée sur la définition du site.

  1. Pour créer une copie de Default.master, dans la Liste des dossiers, cliquez avec le bouton droit sur Default.master, puis cliquez sur Copier.

  2. Cliquez avec le bouton droit sur le dossier masterpage, puis cliquez sur Coller.

    Copie de la page maître par défaut dans la liste des dossiers

  3. Double-cliquez sur default_copy(1).master pour l'ouvrir et de modifier.

  4. En mode Création, cliquez sur default_copy(1).master à l'emplacement où vous souhaitez modifier le style.

    Remarque : Les styles ne sont pas appliqués à certaines zones de contenu qui s'affichent en mode Création et ainsi, aucun style correspondant ne s'affiche dans le volet de tâches Appliquer les styles. Par exemple, si vous sélectionnez un espace réservé de contenu, aucun style ne s'affiche dans le volet de tâches Appliquer les styles. Les espaces réservés de contenu, cependant, s'affichent dans des éléments HTML comme la balise <td>.

  5. Si le volet de tâches Appliquer les styles n'est pas affiché, dans le menu Volets Office, cliquez sur Appliquer les styles.

  6. Dans le volet de tâches Appliquer les styles, cliquez sur Options, puis sur Afficher les styles affichés dans la sélection.

    Chaque style appliqué à la zone dans laquelle se trouve le curseur est entouré d'un contour bleu et un aperçu des styles qu'elle contient s'affiche dans ce contour.

    Sur l'illustration ci-dessous, div.ms-titleareaframe est sélectionné en mode Création. Dans le volet de tâches Appliquer les styles, trois styles qui sont appliqués à div.ms-titleareaframe s'affichent. Le style du haut, Div.ms-titleareaframe, définit la couleur de fond.

    Remarque : Comme les styles sont dépendants des majuscules/minuscules, Div.ms-titleareaframe est différent de div.ms-titleareaframe.

    Div.ms-titleareaframe sélectionné en mode Création affiche le style correspondant dans le volet de tâches Appliquer les styles

    1. Div.ms-titleareaframe est sélectionné en mode Création.

    2. Les trois styles appliqués à div.mstitleareaframe s'affichent dans le volet de tâches Appliquer les styles.

  7. Avec le bouton droit le style que vous souhaitez modifier, puis cliquez sur Sélectionner toutes les occurrences de X, où X est le nombre d’instances dans lesquelles le style est appliqué dans la page.

    Pour cet exemple, cliquez avec le bouton droit sur le style du haut, Div.ms-titleareaframe.

  8. Une fois que vous avez sélectionné toutes les instances du style, cliquez de nouveau avec le bouton droit sur le style, puis cliquez sur Modifier le style.

  9. Dans la boîte de dialogue Modifier le style, apportez les modifications souhaitées, puis cliquez sur OK.

    Pour suivre l’exemple, dans la boîte de dialogue Modifier le Style, sous catégorie, cliquez sur l’arrière-plan. Dans la liste couleur d’arrière-plan, cliquez sur rouge Rouge , puis cliquez sur OK.

Le nouveau style est appliqué à la page.

Style modifié en mode Création

Continuez à modifier les styles jusqu'à ce que la page maître ait l'apparence souhaitée.

Si à tout moment, vous décidez que vous n’êtes pas satisfait des modifications que vous avez apportées à la page maître, vous pouvez rétablir la définition du site. Pour plus d’informations, voir l’article Rétablir une page personnalisée sur la définition du site.

Haut de la Page

Suggestions pour aller plus loin

Les personnalisations de base représentent un bon point de départ, mais pour effectuer des personnalisations étendues à l'échelle du site, vous devez d'abord maîtriser les pages maîtres et les feuilles de style. Pour plus d'informations, voir les articles suivants :

Haut de la Page

Remarque : Avertissement traduction automatique : cet article a été traduit par un ordinateur, sans intervention humaine. Microsoft propose cette traduction automatique pour offrir aux personnes ne maîtrisant pas l’anglais l’accès au contenu relatif aux produits, services et technologies Microsoft. Comme cet article a été traduit automatiquement, il risque de contenir des erreurs de grammaire, de syntaxe ou de terminologie.

Développez vos compétences
Découvrez des formations
Accédez aux nouvelles fonctionnalités en avant-première
Rejoignez le programme Office Insider

Ces informations vous ont-elles été utiles ?

Nous vous remercions pour vos commentaires.

Merci pour vos commentaires. Il serait vraisemblablement utile pour vous de contacter l’un de nos agents du support Office.

×