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

Convertir en page maître

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez convertir vos fichiers HTML en une page maître SharePoint avec des balises spécifiques. Grâce à ces balises, le gestionnaire de conception garde la correspondance entre vos fichiers et les pages maîtres générées.
05:41

Transcription

Maintenant que les fichiers html personnalisés sont copiés dans la galerie page maître, vous allez pouvoir les convertir en page maître. Donc vous retournez sur le site Gestionnaire de conception. Vous avez maintenant l’option 4, qui est Modifier les pages maîtres. Alors vous remarquerez tout de suite qu’on retrouve la page maître Oslo et Seattle, qui elles-mêmes ont subi en fait la conversion. Donc cette fois-ci, eh bien ce sont vos fichiers qui vont passer à la moulinette. Donc juste avant de les faire passer à la moulinette, un coup d’œil, voilà, sur par exemple fleurs.html. On va faire un clic-droit, et on va l’ouvrir avec le Bloc-notes. Et vous voyez que c’est un fichier html tout à fait classique hein, vraiment il n’y a rien de particulier, très très simple de toute façon. Si vous prenez par exemple les feuilles de style, eh bien c’est pareil, vraiment c’est très très standard, il n’y a pas de particularité. Ce qui est très frappant en tout cas, c’est au niveau de fleurs.html. Encore une fois on va regarder avec le Bloc-notes. Vous voyez la simplicité de ce que vous avez copié. Donc ça c’est l’original. Et maintenant on va voir la transformation qui va être faite. Donc pour ça, vous cliquez sur Convertir un fichier html en une page maître. Donc il vous demande évidemment de sélectionner le dossier qui contient les informations. Donc ici, bah c’est le dossier Fleurs, tout simplement. Et vous sélectionnez fleurs.html, et vous cliquez sur Insérer. Patientez quelques secondes, et hop ! Vous avez le résultat comme quoi la conversion a réussi. Vous pouvez cliquer sur le message qui s’affiche, et là vous voyez effectivement le résultat formaté de ce qu’a créé SharePoint. Alors on va revenir quand même un tout petit peu en arrière. Alors là ici je vais faire simplement F5, pour rafraichir l’affichage. Vous auriez pu avoir des messages, notamment des messages du type avertissement et erreur, qui aurait pu s’afficher dans la colonne ici. Là ce n’est pas le cas, ça c’est vrai. En fait les problèmes proviennent essentiellement du fait que SharePoint nécessite que les fichiers html soient compatibles avec le langage xml. Donc si ce n’est pas le cas pour votre fichier, par exemple à cause de propriété de balise sans guillemets, de balise de fermeture manquante ou de propriété incorrecte dans les balises, eh bien il suffit de corriger les erreurs avec un validateur xml, et d’enregistrer le nouveau fichier. On va quand même jeter un œil sur le résultat. Donc on retourne sur le contenu précédent, donc celui que je vous ai montré. Alors on va ouvrir à nouveau Fleurs.html : clic-droit, Ouvrir avec le Bloc-notes. Et là vous voyez que ça change quand même beaucoup. C'est-à-dire que du simple fichier que l’on avait au départ, vous découvrez, et c’est tout à fait normal, un fichier qui contient énormément de balises. Ces balises servant en fait à SharePoint à retrouver à quoi correspondent les modifications que vous pouvez faire dans ce code-là, c'est-à-dire dans ce html que vous avez sous les yeux. Vous allez le faire, mais si par exemple vous changez un texte ou n’importe quoi, eh bien dans ce fichier-là, automatiquement ces balises vont permettre à SharePoint d’impacter correctement les modifications dans la page maître. C’est assez impressionnant parce que rappelez-vous, l’affichage était beaucoup plus simple. Si vous voulez comparer d’ailleurs avec le fichier d’origine, c’est très facile. Ça c’est le fichier d’origine. Vous pouvez l’ouvrir avec le Bloc-notes. Et tenez, mettez côte à côte donc celui maintenant du partage, vous allez voir la différence. On va essayer de les mettre l’un à côté de l’autre. Donc ça effectivement c’est le fichier d’origine, et là vous avez le fichier transformé. Alors ne vous inquiétez pas hein, tout est là, mais simplement c’est présenté, eh bien différemment, tout simplement parce que encore une fois SharePoint a besoin de s’organiser. Alors de même, on peut vérifier que la page maître a bien été générée. Donc toujours sur le mappage réseau, eh bien vous voyez apparaître fleurs.master. On va l’ouvrir aussi avec le Bloc-notes. Bon, ça c’est beaucoup plus technique, mais on ne va pas aller piocher dedans, mais en tout cas vous avez effectivement la page maître qui a été générée à partir du code fleurs.html d’origine. Donc si vous revenez maintenant dans le navigateur, vous pouvez effectivement cliquer par exemple sur la conversion réussie. Et là vous avez effectivement un affichage qui vous permet de voir le résultat de la page maître. Alors vous remarquerez le message qui s’affiche tout en bas de l’écran, dans une boîte avec un fond jaune là, que vous avez sous les yeux. Et en fait, cette boîte jaune contient le contenu de la page affichée. Il s’agit d’un emplacement réservé. Et l’objectif va être justement de déplacer le contenu correspondant de la page html. Alors si vous remontez un petit peu plus haut cette fois-ci, eh bien vous avez différents menus qui vont être utilisés par la suite pour justement permettre d’arranger cette page maître, pourquoi ? Eh bien prenez simplement la zone de recherche. Elle est visuelle, mais techniquement il ne se passe rien derrière. Donc il va falloir, vous verrez comment, associer la vraie boîte de recherche à cette fenêtre-là, pour que les utilisateurs puissent faire des recherches à partir de ce code-là.

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 !